/*=== Common css part ===*/
.settings .folders .items_list .item > .title {
    color: #3d3d3d !important;
    text-shadow: none !important;
  }
  .panel.calendar_manager .item .title {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .panel.calendar_manager .item .title {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .message_viewer .message_header {
    background: #fff !important;
  }
  .manage_folders a {
    color: #fff !important;
  }
  .panel.threads .middle_bar {
    padding-top: 56px !important;
    margin-top: -56px !important;
  }
  .ui-widget-content a:hover {
    color: inherit;
  }
  @font-face {
    font-family: 'afterlogic';
    src: url('fonts/afterlogic.eot');
    src: url('fonts/afterlogic.eot?#iefix') format('embedded-opentype'), url('fonts/afterlogic.svg#afterlogic') format('svg'), url('fonts/afterlogic.woff') format('woff'), url('fonts/afterlogic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  /* This font face inherits and overrides the previous font face, but only for chrome */
  .not-exist:before,
  .icon-font:before {
    font-family: 'afterlogic';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /*=== Library part ===*/
  /*=== Clearfix ===*/
  .clearfix {
    clear: both;
  }
  .clearfix:after {
    /*Opera*/
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
  }
  * html > body .clearfix {
    width: 100%;
    display: block;
  }
  * html .clearfix {
    /* IE 6 */
    height: 1%;
  }
  /*==== END Clearfix ====*/
  /*==== Uselectable CSS ====*/
  .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .selectable {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
  }
  input,
  select,
  textarea {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
  /*==== END Uselectable Clearfix ====*/@keyframes cycle {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes cycle {
    0% {
      -moz-transform: rotate(0deg);
    }
    100% {
      -moz-transform: rotate(360deg);
    }
  }
  @-webkit-keyframes cycle {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes highlight {
    0% {
      background: #E00000;
    }
    60% {
      background: #E00000;
    }
    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: #E00000;
    }
    60% {
      background: #E00000;
    }
    100% {
      background: rgba(255, 255, 196, 0);
    }
  }
  @-webkit-keyframes highlight {
    0% {
      background: #E00000;
    }
    60% {
      background: #E00000;
    }
    100% {
      background: rgba(255, 255, 196, 0);
    }
  }
  @keyframes bouncedelay {
    0%,
    80%,
    100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
    40% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }
  @-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
      -webkit-transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
    }
  }
  @-moz-keyframes bouncedelay {
    0%,
    80%,
    100% {
      -moz-transform: scale(0);
    }
    40% {
      -moz-transform: scale(1);
    }
  }
  @keyframes flipIn {
    0% {
      transform: rotateY(0);
      max-height: 500px;
      top: 0px;
    }
    99% {
      transform: rotateY(90deg);
      max-height: 500px;
      top: 0px;
    }
    100% {
      transform: rotateY(90deg);
      max-height: 0px;
      top: -20000px;
    }
  }
  @-moz-keyframes flipIn {
    0% {
      -moz-transform: rotateY(0);
      max-height: 500px;
      top: 0px;
    }
    99% {
      -moz-transform: rotateY(90deg);
      max-height: 500px;
      top: 0px;
    }
    100% {
      -moz-transform: rotateY(90deg);
      max-height: 0px;
      top: -20000px;
    }
  }
  @-webkit-keyframes flipIn {
    0% {
      -webkit-transform: rotateY(0);
      max-height: 500px;
      top: 0px;
    }
    99% {
      -webkit-transform: rotateY(90deg);
      max-height: 500px;
      top: 0px;
    }
    100% {
      -webkit-transform: rotateY(90deg);
      max-height: 0px;
      top: -20000px;
    }
  }
  @keyframes flipOut {
    0% {
      transform: rotateY(270deg);
      max-height: 0px;
      top: -20000px;
    }
    49% {
      transform: rotateY(270deg);
      max-height: 0px;
      top: -20000px;
    }
    50% {
      transform: rotateY(270deg);
      max-height: 0px;
      top: 0px;
    }
    100% {
      transform: rotateY(360deg);
      max-height: 500px;
      top: 0px;
    }
  }
  @-moz-keyframes flipOut {
    0% {
      -moz-transform: rotateY(270deg);
      max-height: 0px;
      top: -20000px;
    }
    49% {
      -moz-transform: rotateY(270deg);
      max-height: 0px;
      top: -20000px;
    }
    50% {
      -moz-transform: rotateY(270deg);
      max-height: 500px;
      top: 0px;
    }
    100% {
      -moz-transform: rotateY(360deg);
      max-height: 500px;
      top: 0px;
    }
  }
  @-webkit-keyframes flipOut {
    0% {
      -webkit-transform: rotateY(270deg);
      max-height: 0px;
      top: -20000px;
    }
    49% {
      -webkit-transform: rotateY(270deg);
      max-height: 0px;
      top: -20000px;
    }
    50% {
      -webkit-transform: rotateY(270deg);
      max-height: 500px;
      top: 0px;
    }
    100% {
      -webkit-transform: rotateY(360deg);
      max-height: 500px;
      top: 0px;
    }
  }
  @keyframes pulse {
    0% {
      transform: scale(1);
    }
    70% {
      transform: scale(1.7);
    }
    80% {
      transform: scale(1.7);
    }
    100% {
      transform: scale(1.3);
    }
  }
  @-moz-keyframes pulse {
    0% {
      -moz-transform: scale(1);
    }
    70% {
      -moz-transform: scale(1.7);
    }
    80% {
      -moz-transform: scale(1.7);
    }
    100% {
      -moz-transform: scale(1.3);
    }
  }
  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
    }
    70% {
      -webkit-transform: scale(1.7);
    }
    80% {
      -webkit-transform: scale(1.7);
    }
    100% {
      -webkit-transform: scale(1.3);
    }
  }
  @keyframes shake {
    0% {
      transform: translate(0px);
    }
    15% {
      transform: translate(-15px);
    }
    30% {
      transform: translate(15px);
    }
    45% {
      transform: translate(-10px);
    }
    60% {
      transform: translate(10px);
    }
    75% {
      transform: translate(-5px);
    }
    90% {
      transform: translate(5px);
    }
    100% {
      transform: translate(0px);
    }
  }
  @-webkit-keyframes shake {
    0% {
      -webkit-transform: translate(0px);
    }
    15% {
      -webkit-transform: translate(-15px);
    }
    30% {
      -webkit-transform: translate(15px);
    }
    45% {
      -webkit-transform: translate(-10px);
    }
    60% {
      -webkit-transform: translate(10px);
    }
    75% {
      -webkit-transform: translate(-5px);
    }
    90% {
      -webkit-transform: translate(5px);
    }
    100% {
      -webkit-transform: translate(0px);
    }
  }
  @-moz-keyframes shake {
    0% {
      -moz-transform: translate(0px);
    }
    15% {
      -moz-transform: translate(-15px);
    }
    30% {
      -moz-transform: translate(15px);
    }
    45% {
      -moz-transform: translate(-10px);
    }
    60% {
      -moz-transform: translate(10px);
    }
    75% {
      -moz-transform: translate(-5px);
    }
    90% {
      -moz-transform: translate(5px);
    }
    100% {
      -moz-transform: translate(0px);
    }
  }
  /*=== Screens CSS ===*/
  .screens {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 90px;
    margin-top: -90px;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .panel {
    font-size: 9pt;
    height: 100%;
    white-space: normal;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.11);
    border-radius: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.4);
  }
  .rtl .panel {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.11);
  }
  .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: 53px;
    margin-top: -53px;
    /* toolbar offset*/
  
    height: 100%;
  }
  .panel .panel_content .resizer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
  }
  .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: 6px;
    margin-left: -20px;
    margin-right: 8px;
    vertical-align: top;
  }
  html.rtl .panel .panel_top .custom_checkbox {
    margin-left: 8px;
    margin-right: -20px;
  }
  .panel .panel_center {
    height: 100%;
    background: #fff;
  }
  .panel .panel_bottom {
    background-color: #F8F8F8;
    border-radius: 0 0 0 4px;
    border-top: 1px solid #E2E2E2;
    height: 26px;
    line-height: 26px;
    padding: 10px 20px;
  }
  .rtl .panel {
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.4);
  }
  .panel.item_viewer {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
  }
  /*=== END Panels CSS ===*/
  /*=== Panel Item Viewer CSS ===*/
  .panel.item_viewer {
    width: 60%;
    border-radius: 5px;
    margin: 0 0 0 -2px;
    padding: 0px;
    position: relative;
    z-index: 1;
    background: #fff;
    overflow: hidden;
  }
  html.rtl .panel.item_viewer {
    margin-left: 0px;
    margin-right: -1px;
    padding-left: 0;
    padding-right: 2px;
  }
  .panel.item_viewer .notification {
    font-size: 18px;
    color: #ccc;
    padding: 26px 20px;
    display: block;
    text-align: center;
  }
  .panel.item_viewer .attachments {
    padding: 20px;
    color: #3d3d3d;
  }
  .panel.item_viewer .attachments .download_menu {
    margin-bottom: 10px;
  }
  .panel.item_viewer .attachments .download_menu .content {
    max-height: 0px;
    overflow: hidden;
    margin-left: 24px;
    -webkit-transition: max-height 500ms ease 500ms;
    -moz-transition: max-height 500ms ease 500ms;
    -o-transition: max-height 500ms ease 500ms;
    transition: max-height 500ms ease 500ms;
  }
  .panel.item_viewer .attachments .download_menu .content .link {
    margin-top: 10px;
  }
  .panel.item_viewer .attachments .download_menu:hover .content {
    max-height: 200px;
    -webkit-transition: max-height 500ms ease 0s;
    -moz-transition: max-height 500ms ease 0s;
    -o-transition: max-height 500ms ease 0s;
    transition: max-height 500ms ease 0s;
  }
  .panel.item_viewer .attachments .download_menu .link {
    display: inline-block;
  }
  .panel.item_viewer .attachments .download_menu .link.hover {
    color: #333 !important;
    text-decoration: none !important;
  }
  .panel.item_viewer .attachments .download_menu .link .icon {
    display: none;
    color: #de3434;
  }
  .panel.item_viewer .attachments .download_menu .link .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.item_viewer .attachments .download_menu .link .icon:before {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin: -6px -3px 0px;
  }
  .panel.item_viewer .attachments .download_menu .link.hover .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    float: left;
  }
  .panel.item_viewer .attachments .download_menu .link.hover .icon:before {
    content: "\e642";
  }
  .panel.item_viewer .attachments .download_menu .link .text {
    overflow: hidden;
  }
  /*=== END Panel Item Viewer CSS ===*/
  /*=== Common List CSS ===*/
  .items_list .section_title {
    text-transform: uppercase;
    padding: 10px 17px 10px 17px;
    color: #777777;
    cursor: default;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    text-shadow: 0px 1px 0px #fff;
  }
  html.rtl .items_list .section_title {
    padding-left: 0px;
    padding-right: 12px;
  }
  .items_list .section_title .control {
    float: right;
  }
  .items_list .use_threads .threaded {
    background: #f9f8f6;
    border-left: 5px solid #E3E3E3;
    max-height: 0px;
  }
  html.rtl .items_list .use_threads .threaded {
    border-left: 0px solid #E3E3E3;
    border-right: 5px solid #E3E3E3;
  }
  .items_list .use_threads .threaded.show {
    max-height: 80px;
    -webkit-transition: max-height 200ms ease-out;
    -moz-transition: max-height 200ms ease-out;
    -o-transition: max-height 200ms ease-out;
    transition: max-height 200ms ease-out;
  }
  .items_list .use_threads .threaded .link {
    color: #4477bb;
  }
  .items_list .use_threads .threaded .link:hover {
    color: #c74747;
  }
  .items_list .not_use_threads .item .from .other_senders,
  .items_list .not_use_threads .item .from .plus_more_senders {
    display: none;
  }
  .items_list .item {
    background: #ffffff;
    font-weight: normal;
    line-height: 140%;
    white-space: nowrap;
    cursor: default;
    color: #3d3d3d;
    position: relative;
    max-height: 80px;
    overflow: hidden;
    color: #A0A0A0;
  }
  .items_list .item .from,
  .items_list .item .subject {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .items_list .item .from,
  html.rtl .items_list .item .subject {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .items_list .item .from .other_senders {
    margin-left: -5px;
  }
  .items_list .item .from .plus_more_senders {
    opacity: 0.5;
  }
  .items_list .item.unseen {
    background: #E8FDEF;
    font-weight: bold;
  }
  .items_list .item.unseen .from,
  .items_list .item.unseen .subject {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .items_list .item.unseen .from,
  html.rtl .items_list .item.unseen .subject {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .items_list .item.deleted {
    -webkit-transition: max-height 250ms ease;
    -moz-transition: max-height 250ms ease;
    -o-transition: max-height 250ms ease;
    transition: max-height 250ms ease;
    overflow: hidden;
    max-height: 0px !important;
  }
  .items_list .item.checked {
    background: #fefbea;
  }
  .items_list .item.checked .from,
  .items_list .item.checked .subject {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .items_list .item.checked .from,
  html.rtl .items_list .item.checked .subject {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .items_list .item.checked .custom_checkbox .icon {
    border-color: #b2b0a4;
    box-shadow: 0 1px 0 #ffffff;
  }
  .items_list .item.selected {
    background-color: #F1F1F1;
    color: none;
  }
  .items_list .item.selected .from,
  .items_list .item.selected .subject {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .items_list .item.selected .from,
  html.rtl .items_list .item.selected .subject {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .items_list .item.selected .custom_checkbox .icon {
    border-color: #a6adae;
    box-shadow: 0 1px 0 #ffffff;
  }
  .items_list .item.selected .me {
    color: #6D6D6D !important;
  }
  .items_list .item.selected .email {
    color: #519CE2 !important;
  }
  .items_list .item.selected .subject {
    color: #606060 !important;
  }
  .items_list .item.selected.noname .data .name,
  .items_list .item.selected.noemail .data .email {
    font-weight: normal !important;
    color: #888 !important;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
  }
  .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 .group,
  .items_list .item .size,
  .items_list .item .date,
  .items_list .item .attachments {
    color: #999999;
    display: inline-block;
    float: right;
    font-size: 8pt;
    margin-left: 4px;
  }
  html.rtl .items_list .item .group,
  html.rtl .items_list .item .size,
  html.rtl .items_list .item .date,
  html.rtl .items_list .item .attachments {
    float: left;
    margin-left: 0px;
    margin-right: 4px;
  }
  .items_list .item .size {
    margin-top: 1px;
  }
  .items_list .item .date {
    margin-top: 1px;
  }
  .items_list .item .attachments {
    margin-top: -2px;
  }
  .items_list .item .attachments.has_ical_attachment {
    margin-top: -1px;
  }
  .items_list .item.selected .size,
  .items_list .item.selected .date {
    color: none;
  }
  .items_list .item .title,
  .items_list .item .subtitle {
    display: block;
    margin-bottom: 10px;
  }
  .items_list .item .subtitle {
    font-size: 10pt;
    margin-bottom: 0px;
  }
  .items_list .item.selected .subtitle {
    color: inherit;
  }
  .items_list .item .separator {
    clear: both;
  }
  .messages .items_list .item .subject {
    font-size: 12pt !important;
  }
  .items_list .uploader_mask {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
    background: #FFFDD6;
    padding: 11px;
    color: #D3B910;
    font-size: 18pt;
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    visibility: hidden;
  }
  .items_list .uploader_mask.active {
    visibility: visible;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .items_list .uploader_mask .inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border: 3px dashed #E2DA36;
    border-radius: 5px;
  }
  .items_list.collapsible .item.accordion .collapse_handler {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    margin-left: -4px;
  }
  .items_list.collapsible .item.accordion .collapse_handler:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .items_list.collapsible .item.accordion .collapse_handler:before {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
  }
  .items_list.collapsible .item.accordion .collapse_handler.expanded:before {
    content: "\e66d";
  }
  .items_list.collapsible .item.accordion .collapse_handler.collapsed:before {
    content: "\e670";
  }
  .items_list.collapsible .item.accordion .children .title {
    max-height: 29px;
    -webkit-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
    -moz-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
    -o-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
    transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
  }
  .items_list.collapsible .item.accordion.collapsed .children .title {
    max-height: 0px;
    opacity: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
  }
  .list_notification {
    font-size: 18px;
    color: #ccc;
    padding: 6px 14px 26px;
    display: block;
    text-align: center;
  }
  .list_notification.search_results {
    border-bottom: 1px solid #E5E5E5;
    background: #FCFCFC;
  }
  .list_notification .link {
    float: right;
    font-size: 9pt;
    margin-left: 10px;
  }
  html.rtl .list_notification .link {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
  }
  .list_notification .description {
    display: block;
    padding-top: 20px;
  }
  .list_notification .description .part {
    color: #777777;
  }
  /*=== END Common List CSS ===*/
  /*=== Toolbar CSS ===*/
  .toolbar {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e7;
    border-radius: 4px 4px 0 0;
    white-space: nowrap;
  }
  .toolbar .resizer {
    height: 55px;
  }
  .toolbar .content {
    display: block;
    font-size: 0.1px;
    padding: 11px;
  }
  .toolbar .content > .item,
  .toolbar .content .group > .item {
    display: inline-block;
    vertical-align: middle;
    background-color: #fafafa;
    box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    position: relative;
    cursor: pointer;
    font-size: 10pt;
    color: #626262;
    text-decoration: none;
    margin-right: 8px;
    background: #fff;
    border: 0px solid #fff;
    box-shadow: none;
  }
  .toolbar .content > .item:last-child,
  .toolbar .content .group > .item:last-child {
    margin-right: 0px;
  }
  html.rtl .toolbar .content > .item:last-child,
  html.rtl .toolbar .content .group > .item:last-child {
    margin-left: 0px;
  }
  html.rtl .toolbar .content > .item,
  html.rtl .toolbar .content .group > .item {
    margin-left: 8px;
    margin-right: 0px;
  }
  html.mobile .toolbar .content > .item,
  html.mobile .toolbar .content .group > .item {
    position: static;
  }
  .screen .toolbar .content > .item.enable:hover,
  .screen .toolbar .content .group > .item.enable:hover,
  .toolbar .content > .item.expand,
  .toolbar .content .group > .item.expand {
    background: #eeeeee;
    box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5;
    box-shadow: none;
    background: #e00000;
    border-color: #de3434;
    color: #fff;
  }
  .screen .toolbar .content > .item.enable:hover > .icon,
  .screen .toolbar .content .group > .item.enable:hover > .icon,
  .toolbar .content > .item.expand > .icon,
  .toolbar .content .group > .item.expand > .icon {
    color: #fff;
  }
  .screen .toolbar .content > .item.enable:hover.send,
  .screen .toolbar .content .group > .item.enable:hover.send,
  .toolbar .content > .item.expand.send,
  .toolbar .content .group > .item.expand.send,
  .screen .toolbar .content > .item.enable:hover.mail_to,
  .screen .toolbar .content .group > .item.enable:hover.mail_to,
  .toolbar .content > .item.expand.mail_to,
  .toolbar .content .group > .item.expand.mail_to {
    background: #dfaf40;
    border: 1px solid #cb9722;
    color: #ffffff;
  }
  .screen .toolbar .content > .item.enable:hover .hint,
  .screen .toolbar .content .group > .item.enable:hover .hint,
  .toolbar .content > .item.expand .hint,
  .toolbar .content .group > .item.expand .hint {
    background-color: #d5d5d5;
  }
  .toolbar .content > .item > .icon,
  .toolbar .content .group > .item > .icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 28px;
    height: 28px;
    font-size: 27px;
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 0 #ffffff, 0 0 0 #505050;
  }
  .toolbar .content > .item > .icon:before,
  .toolbar .content .group > .item > .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .toolbar .content > .item > .icon:after,
  .toolbar .content .group > .item > .icon:after {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .toolbar .content > .item > .icon:before,
  .toolbar .content .group > .item > .icon:before {
    display: inline-block;
    vertical-align: baseline;
  }
  .toolbar .content > .item > .text_icon,
  .toolbar .content .group > .item > .text_icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
  }
  .toolbar .content > .item.checkmail,
  .toolbar .content .group > .item.checkmail {
    float: right;
    margin-right: 0px;
  }
  html.rtl .toolbar .content > .item.checkmail,
  html.rtl .toolbar .content .group > .item.checkmail {
    float: left;
    margin-left: 0px;
  }
  .toolbar .content > .item.passive,
  .toolbar .content .group > .item.passive,
  .toolbar .content > .item.passive:hover,
  .toolbar .content .group > .item.passive:hover {
    cursor: default;
    background: #fff;
    border: 0px solid #fff;
    box-shadow: none;
  }
  .toolbar .content > .item.passive .text,
  .toolbar .content .group > .item.passive .text,
  .toolbar .content > .item.passive:hover .text,
  .toolbar .content .group > .item.passive:hover .text {
    color: inherit;
  }
  .toolbar .content > .item.passive:first-child,
  .toolbar .content .group > .item.passive:first-child,
  .toolbar .content > .item.passive:hover:first-child,
  .toolbar .content .group > .item.passive:hover:first-child {
    margin-left: 0px;
  }
  .toolbar .content > .item.passive.send,
  .toolbar .content .group > .item.passive.send,
  .toolbar .content > .item.passive:hover.send,
  .toolbar .content .group > .item.passive:hover.send,
  .toolbar .content > .item.passive.mail_to,
  .toolbar .content .group > .item.passive.mail_to,
  .toolbar .content > .item.passive:hover.mail_to,
  .toolbar .content .group > .item.passive:hover.mail_to {
    background: #E00000;
    border: 1px solid #de3434;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
  }
  .toolbar .content > .item.passive.mail_to,
  .toolbar .content .group > .item.passive.mail_to,
  .toolbar .content > .item.passive:hover.mail_to,
  .toolbar .content .group > .item.passive:hover.mail_to {
    padding: 5px 12px;
    height: auto;
    line-height: inherit;
  }
  .toolbar .content > .item.passive.mail_to span,
  .toolbar .content .group > .item.passive.mail_to span,
  .toolbar .content > .item.passive:hover.mail_to span,
  .toolbar .content .group > .item.passive:hover.mail_to span {
    line-height: inherit;
  }
  .mobile .toolbar .content > .item.passive.checkmail:hover > .icon,
  .mobile .toolbar .content .group > .item.passive.checkmail:hover > .icon,
  .mobile .toolbar .content > .item.passive:hover.checkmail:hover > .icon,
  .mobile .toolbar .content .group > .item.passive:hover.checkmail:hover > .icon {
    color: #626262 !important;
  }
  .toolbar .content > .item .arrow,
  .toolbar .content .group > .item .arrow {
    height: 14px !important;
    width: 14px !important;
  }
  .toolbar .content > .item .arrow:before,
  .toolbar .content .group > .item .arrow:before {
    vertical-align: top;
    content: "\e66d" !important;
    font-size: 16px;
  }
  .toolbar .content > .item > .text,
  .toolbar .content .group > .item > .text {
    display: inline-block;
    display: none;
    vertical-align: baseline;
    font-weight: bold;
  }
  .toolbar .content > .item .hint,
  .toolbar .content .group > .item .hint {
    background-color: #aeaeae;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 0 5px;
    vertical-align: middle;
    display: inline-block;
    line-height: 22px;
  }
  .toolbar .content > .item:first-child,
  .toolbar .content .group > .item:first-child {
    margin-left: 0px;
  }
  .toolbar .content > .item.send,
  .toolbar .content .group > .item.send,
  .toolbar .content > .item.mail_to,
  .toolbar .content .group > .item.mail_to {
    background: #E00000;
    border: 1px solid #de3434;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
  }
  .toolbar .content > .item.mail_to,
  .toolbar .content .group > .item.mail_to {
    padding: 5px 12px;
    height: auto;
    line-height: inherit;
  }
  .toolbar .content > .item.mail_to span,
  .toolbar .content .group > .item.mail_to span {
    line-height: inherit;
  }
  .mobile .toolbar .content > .item.checkmail:hover > .icon,
  .mobile .toolbar .content .group > .item.checkmail:hover > .icon {
    color: #626262 !important;
  }
  .toolbar .content .group {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
  }
  html.rtl .toolbar .content .group {
    margin-left: 8px;
    margin-right: 0px;
  }
  html.mobile .toolbar .content .group {
    position: static;
  }
  .toolbar .content .group > .item {
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
  }
  html.rtl .toolbar .content .group > .item {
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
  }
  .toolbar .content .group > .item:first-child {
    border-left-width: 1px;
    border-radius: 4px 0px 0px 4px;
  }
  html.rtl .toolbar .content .group > .item:first-child {
    border-right-width: 1px;
    border-radius: 0px 4px 4px 0px;
  }
  .toolbar .content .group > .item.control,
  .toolbar .content .group > .item:last-child {
    border-radius: 0px 4px 4px 0px;
  }
  html.rtl .toolbar .content .group > .item.control,
  html.rtl .toolbar .content .group > .item:last-child {
    border-radius: 4px 0px 0px 4px;
  }
  .toolbar .content .group.expand > .item {
    background: #eeeeee;
    box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5;
    box-shadow: none;
    background: #e00000;
    border-color: #de3434;
    color: #fff;
  }
  .toolbar .content .group.expand > .item > .icon {
    color: #fff;
  }
  .toolbar .content .group.expand > .item.send,
  .toolbar .content .group.expand > .item.mail_to {
    background: #dfaf40;
    border: 1px solid #cb9722;
    color: #ffffff;
  }
  .toolbar .content .group.expand > .item .hint {
    background-color: #d5d5d5;
  }
  .toolbar .disabled .item,
  .toolbar .item.disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: #888888;
    cursor: default;
  }
  .toolbar .group.checkmail .icon:before,
  .toolbar .item.checkmail .icon:before {
    content: "\e607";
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 48%;
    -moz-transform-origin: 50% 48%;
    -ms-transform-origin: 50% 48%;
    -o-transform-origin: 50% 48%;
    transform-origin: 50% 48%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .no-cssanimations .toolbar .group.checkmail .icon:before,
  .no-cssanimations .toolbar .item.checkmail .icon:before {
    content: "";
  }
  .no-cssanimations .toolbar .group.checkmail .icon,
  .no-cssanimations .toolbar .item.checkmail .icon {
    background: url("images/check.png?7.6.7") no-repeat 0px 0px;
    overflow: hidden;
    width: 19px !important;
    height: 19px !important;
  }
  .toolbar .group.checkmail.process .icon,
  .toolbar .item.checkmail.process .icon {
    text-shadow: none;
  }
  .toolbar .group.checkmail.process .icon:before,
  .toolbar .item.checkmail.process .icon:before {
    text-shadow: none;
  }
  .toolbar .group.mark .icon:before,
  .toolbar .item.mark .icon:before {
    content: "\e603";
  }
  .toolbar .group.move .icon:before,
  .toolbar .item.move .icon:before {
    content: "\e604";
  }
  .toolbar .group.delete .icon:before,
  .toolbar .item.delete .icon:before {
    content: "\e606";
  }
  .toolbar .group.watcher .icon,
  .toolbar .item.watcher .icon {
    background-position: -840px -240px;
  }
  .toolbar .group.spam .icon:before,
  .toolbar .item.spam .icon:before {
    content: "\e605";
  }
  .toolbar .group.notspam .icon:before,
  .toolbar .item.notspam .icon:before {
    content: "\e608";
  }
  .toolbar .group.empty_spam .icon:before,
  .toolbar .item.empty_spam .icon:before {
    content: "\e676";
  }
  .toolbar .group.empty_trash .icon:before,
  .toolbar .item.empty_trash .icon:before {
    content: "\e676";
  }
  .toolbar .group.download .icon:before,
  .toolbar .item.download .icon:before {
    content: "\e610";
  }
  .toolbar .group.share .icon:before,
  .toolbar .item.share .icon:before {
    content: "\e62a";
  }
  .toolbar .group.unshare .icon:before,
  .toolbar .item.unshare .icon:before {
    content: "\e62b";
  }
  .toolbar .group.share-all .icon:before,
  .toolbar .item.share-all .icon:before {
    content: "\e632";
  }
  .toolbar .group.unshare-all .icon:before,
  .toolbar .item.unshare-all .icon:before {
    content: "\e633";
  }
  .toolbar .group.publish .icon:before,
  .toolbar .item.publish .icon:before {
    content: "\e62c";
  }
  .toolbar .group.edit .icon:before,
  .toolbar .item.edit .icon:before {
    content: "\e62d";
  }
  .toolbar .group.resolve .icon:before,
  .toolbar .item.resolve .icon:before {
    content: "\e62f";
  }
  .toolbar .group.resolved .icon,
  .toolbar .item.resolved .icon {
    margin-right: 8px;
  }
  .toolbar .group.resolved .icon:before,
  .toolbar .item.resolved .icon:before {
    content: "\e673";
  }
  .toolbar .group.resolved .icon:after,
  .toolbar .item.resolved .icon:after {
    color: #79ee0a;
    margin-left: -27px;
    content: "\e674";
  }
  .toolbar .group.wait_client .icon:before,
  .toolbar .item.wait_client .icon:before {
    content: "\e631";
  }
  .toolbar .group.new_request .icon:before,
  .toolbar .item.new_request .icon:before {
    content: "\e630";
  }
  .toolbar .group.new_folder .icon:before,
  .toolbar .item.new_folder .icon:before {
    content: "\e62e";
  }
  .toolbar .group.forward .icon:before,
  .toolbar .item.forward .icon:before {
    content: "\e60e";
  }
  .toolbar .group.reply .icon:before,
  .toolbar .item.reply .icon:before {
    content: "\e60c";
  }
  .toolbar .group.replyall .icon:before,
  .toolbar .item.replyall .icon:before {
    content: "\e60d";
  }
  .toolbar .group.resend .icon:before,
  .toolbar .item.resend .icon:before {
    content: "\e650";
  }
  .toolbar .group.save .icon:before,
  .toolbar .item.save .icon:before {
    content: "\e610";
  }
  .toolbar .group.print .icon:before,
  .toolbar .item.print .icon:before {
    content: "\e60f";
  }
  .toolbar .group.new_window .icon:before,
  .toolbar .item.new_window .icon:before {
    content: "\e611";
  }
  .toolbar .group.save_and_close .icon:before,
  .toolbar .item.save_and_close .icon:before {
    content: "\e66b";
  }
  .toolbar .group.minimize .icon:before,
  .toolbar .item.minimize .icon:before {
    content: "\e669";
  }
  .toolbar .group.maximize .icon:before,
  .toolbar .item.maximize .icon:before {
    content: "\e66a";
  }
  .toolbar .group.back .icon:before,
  .toolbar .item.back .icon:before {
    content: "\e60b";
  }
  .toolbar .group.new_contact .icon:before,
  .toolbar .item.new_contact .icon:before {
    content: "\e601";
  }
  .toolbar .group.new_group .icon:before,
  .toolbar .item.new_group .icon:before {
    content: "\e609";
  }
  .toolbar .group.add_to .icon:before,
  .toolbar .item.add_to .icon:before {
    content: "\e604";
  }
  .toolbar .group.remove_from .icon:before,
  .toolbar .item.remove_from .icon:before {
    content: "\e64a";
  }
  .toolbar .group.new_message .icon:before,
  .toolbar .item.new_message .icon:before {
    content: "\e600";
  }
  .toolbar .group.send_files .icon:before,
  .toolbar .item.send_files .icon:before {
    content: "\e61a";
  }
  .toolbar .group.close .icon:before,
  .toolbar .item.close .icon:before {
    content: "\e60b";
  }
  .toolbar .group.prev .icon:before,
  .toolbar .item.prev .icon:before {
    content: "\e64b";
  }
  html.rtl .toolbar .group.prev .icon:before,
  html.rtl .toolbar .item.prev .icon:before {
    content: "\e64c";
  }
  .toolbar .group.next .icon:before,
  .toolbar .item.next .icon:before {
    content: "\e64c";
  }
  html.rtl .toolbar .group.next .icon:before,
  html.rtl .toolbar .item.next .icon:before {
    content: "\e64b";
  }
  .toolbar .group.more > .icon,
  .toolbar .item.more > .icon {
    width: 22px;
    overflow: hidden;
  }
  .toolbar .group.more > .icon:before,
  .toolbar .item.more > .icon:before {
    content: "\e651";
  }
  .toolbar .group.headers > .icon:before,
  .toolbar .item.headers > .icon:before {
    content: "\e653";
  }
  .toolbar .group.pgp > .icon:before,
  .toolbar .item.pgp > .icon:before {
    content: "\e659";
  }
  .toolbar .group.new_link > .icon:before,
  .toolbar .item.new_link > .icon:before {
    content: "\e65a";
  }
  .toolbar .group.save_as_pdf > .icon:before,
  .toolbar .item.save_as_pdf > .icon:before {
    content: "\e664";
  }
  .cssanimations .toolbar .item.process .icon:before {
    -webkit-animation: cycle 0.8s linear infinite;
    -moz-animation: cycle 0.8s linear infinite;
    animation: cycle 0.8s linear infinite;
  }
  .mobile .messages .panel_top .search_block {
    padding-right: 58px;
  }
  .mobile .messages .panel_top .toolbar {
    background: none;
    border: 0;
    border-radius: 0;
    display: inline-block;
    filter: none;
    float: right;
    margin-top: -29px;
    padding: 0;
  }
  .mobile .messages .panel_top .toolbar .content {
    padding: 0;
  }
  .mobile .messages .panel_top .toolbar .content .item.checkmail {
    padding: 0 2px;
    background: none;
    border: 0;
    box-shadow: none;
  }
  /*=== END Toolbar CSS ===*//*=== Field list CSS ===*/
  .fields .fieldset .subtitle {
    margin-top: 0px;
    font-size: 13.5pt;
  }
  .fields .fieldset .disabled {
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #888888;
    cursor: default;
  }
  .fields .fieldgroup {
    padding-bottom: 20px;
  }
  .fields .fieldgroup:last-child {
    padding-bottom: 0px;
  }
  .fields .hint {
    color: #929292;
    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;
    word-break: normal;
    word-wrap: normal;
    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 .row_weeks {
    display: block;
    margin-top: 6px;
  }
  .fields .label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 10px;
    word-wrap: normal;
  }
  html.rtl .fields .label {
    padding-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;
  }
  .fields .input[type="checkbox"] {
    width: auto;
  }
  /*=== 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');
    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;
    white-space: nowrap;
  }
  /*=== END Field list CSS ===*/
  /* Controls */
  .buttons {
    margin-top: 15px;
    text-align: right;
  }
  html.rtl .buttons {
    text-align: left;
  }
  .buttons .button {
    display: inline-block;
    font: bold 10pt Helvetica, Tahoma, Arial, sans-serif;
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: background 200ms ease 0s;
    -moz-transition: background 200ms ease 0s;
    -o-transition: background 200ms ease 0s;
    transition: background 200ms ease 0s;
  }
  .buttons .button {
    background: #E00000;
    border: 1px solid #de3434;
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  }
  .buttons .button:hover {
    background: #de3434;
  }
  .buttons .button.disabled {
    color: #f1dcab;
    text-shadow: none !important;
    cursor: default;
  }
  .buttons .button.disabled:hover {
    background: #E00000;
  }
  .buttons .button.secondary {
    background: #e1e1e1;
    border: 1px solid #c8c8c8;
    color: #676767;
    text-shadow: 0px 1px 0px #ffffff;
  }
  .buttons .button.secondary:hover {
    background: #d4d4d4;
  }
  .buttons .button.secondary.disabled {
    color: #f0f0f0;
  }
  .buttons .button.secondary.disabled:hover {
    background: #e1e1e1;
  }
  .buttons .button.special {
    background: #E00000;
    border: 1px solid #bfaf46;
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  }
  .buttons .button.special:hover {
    background: #dfaf40;
  }
  .buttons .button.special.disabled {
    color: #f1dcab;
  }
  .buttons .button.special.disabled:hover {
    background: #E00000;
  }
  .buttons .button.state {
    text-shadow: none;
    cursor: default;
    background: #ffffff;
    border: 1px solid #6fa8de;
    color: #4f88be;
  }
  .buttons .button.state.disabled {
    color: #808080;
  }
  .buttons .button.state.disabled:hover {
    background: #ffffff;
  }
  .custom_radio,
  .custom_checkbox {
    display: inline-block;
    vertical-align: text-bottom;
    overflow: hidden;
    line-height: 1;
    margin-right: 4px;
    cursor: pointer;
    font-size: 0;
  }
  html.rtl .custom_radio,
  html.rtl .custom_checkbox {
    margin-right: 0px;
    margin-left: 4px;
  }
  .toolbar .custom_radio,
  .toolbar .custom_checkbox {
    vertical-align: middle !important;
  }
  .custom_radio.disabled,
  .custom_checkbox.disabled,
  .custom_radio.disabled,
  .custom_checkbox.disabled {
    cursor: default;
  }
  .custom_radio input,
  .custom_checkbox input {
    opacity: 0;
    filter: alpha(opacity=0);
    float: left;
    margin-right: -13px;
    margin-top: -30px;
  }
  html.rtl .custom_radio input,
  html.rtl .custom_checkbox input {
    float: right;
  }
  .custom_radio .icon,
  .custom_checkbox .icon {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #b4b5b6;
    border-radius: 2px;
    width: 13px !important;
    height: 13px !important;
    line-height: 13px !important;
    background: #fff;
    text-align: center;
    color: #5A6269;
  }
  .custom_radio .icon:before,
  .custom_checkbox .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .custom_radio .icon:before,
  .custom_checkbox .icon:before {
    font-size: 10px;
    display: inline-block;
    vertical-align: baseline;
    line-height: inherit;
  }
  .toolbar .custom_radio .icon:before,
  .toolbar .custom_checkbox .icon:before {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
  }
  .disabled.custom_radio .icon,
  .disabled.custom_checkbox .icon {
    color: #ccc;
  }
  .custom_checkbox.checked .icon:before {
    content: "\e61c";
  }
  .custom_radio .icon {
    border-radius: 50%;
  }
  .custom_radio .icon:before {
    margin: 0 0 0 -1px;
  }
  .custom_radio.checked .icon:before {
    content: "\e61b";
  }
  .custom_switcher {
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 0px;
  }
  .custom_switcher .text {
    display: inline-block !important;
    padding: 5px 5px;
    font-size: 9pt;
    border-right: 1px solid #ccc;
  }
  .custom_switcher label.checked {
    background: #6FA8DE;
    display: inline-block;
    color: #fff;
  }
  .custom_switcher label:first-child .text {
    padding-left: 7px;
  }
  html.rtl .custom_switcher label:first-child .text {
    padding-right: 7px;
    border: 0px;
  }
  .custom_switcher label:last-child .text {
    padding-right: 7px;
    border: 0px;
  }
  html.rtl .custom_switcher label:last-child .text {
    padding-right: 5px;
    border-right: 1px solid #ccc;
  }
  .custom_switcher input {
    display: none;
  }
  .input {
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0px 4px 3px -3px #e5e5e5 inset;
  }
  .input.focus,
  .input:focus {
    box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd;
    border: 1px solid #fff;
  }
  .scroll-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    max-height: none;
    height: 100%;
  }
  .scroll-wrap .scroll-inner {
    overflow: hidden;
  }
  .scroll-inner::-webkit-scrollbar {
    width: 0px;
  }
  .scroll-inner {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    width: auto !important;
    max-height: inherit;
    position: relative;
    top: 0px;
    display: block;
  }
  .customscroll-scrollbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 10;
    visibility: hidden;
  }
  .csstransitions .customscroll-scrollbar {
    -webkit-transition: opacity 300ms linear, visibility 0ms linear 300ms;
    -moz-transition: opacity 300ms linear, visibility 0ms linear 300ms;
    -o-transition: opacity 300ms linear, visibility 0ms linear 300ms;
    transition: opacity 300ms linear, visibility 0ms linear 300ms;
  }
  .customscroll-scrollbar div {
    background: #474c50;
    border-radius: 7px;
    height: 100%;
  }
  .customscroll-scrollbar-shown {
    opacity: 0.3;
    filter: alpha(opacity=30);
    visibility: visible;
  }
  .csstransitions .customscroll-scrollbar-shown {
    -webkit-transition: opacity 300ms linear, visibility 0ms linear 0ms;
    -moz-transition: opacity 300ms linear, visibility 0ms linear 0ms;
    -o-transition: opacity 300ms linear, visibility 0ms linear 0ms;
    transition: opacity 300ms linear, visibility 0ms linear 0ms;
  }
  .customscroll-scrollbar-shown:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  .customscroll-scrollbar-horizontal {
    height: 16px;
    margin-left: 2px;
    bottom: 4px;
    left: 0;
  }
  .customscroll-scrollbar-horizontal div {
    margin: 12px 0px 2px 0px;
    height: 4px;
  }
  .csstransitions .customscroll-scrollbar-horizontal div {
    -webkit-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
    -moz-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
    -o-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
    transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  }
  .customscroll-scrollbar-horizontal.customscroll-scrollbar-shown div {
    margin: 10px 0px 2px 0px;
    height: 8px;
  }
  .csstransitions .customscroll-scrollbar-horizontal.customscroll-scrollbar-shown div {
    -webkit-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
    -moz-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
    -o-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
    transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  }
  .customscroll-scrollbar.customscroll-scrollbar-vertical {
    width: 12px;
    margin-top: 2px;
    right: 2px;
    top: 0;
    padding: 6px 0px;
    margin-right: 2px;
    text-align: center;
  }
  html.rtl .customscroll-scrollbar.customscroll-scrollbar-vertical {
    right: auto;
    left: 2px;
  }
  .customscroll-scrollbar.customscroll-scrollbar-vertical div {
    display: inline-block !important;
    width: 4px;
  }
  .csstransitions .customscroll-scrollbar.customscroll-scrollbar-vertical div {
    -webkit-transition: width 300ms ease 0ms;
    -moz-transition: width 300ms ease 0ms;
    -o-transition: width 300ms ease 0ms;
    transition: width 300ms ease 0ms;
  }
  html.rtl .customscroll-scrollbar.customscroll-scrollbar-vertical div {
    margin-left: 2px;
    margin-right: 6px;
  }
  .customscroll-scrollbar.customscroll-scrollbar-vertical.customscroll-scrollbar-shown div {
    width: 8px;
  }
  .csstransitions .customscroll-scrollbar.customscroll-scrollbar-vertical.customscroll-scrollbar-shown div {
    -webkit-transition: width 300ms ease 0ms;
    -moz-transition: width 300ms ease 0ms;
    -o-transition: width 300ms ease 0ms;
    transition: width 300ms ease 0ms;
  }
  .pagination {
    cursor: default;
    display: block;
    text-align: right;
  }
  html.rtl .pagination {
    text-align: left;
  }
  .pagination .pages {
    display: inline-block;
    vertical-align: middle;
  }
  .pagination .item {
    font-size: 12pt;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #aaa;
  }
  .csstransitions .pagination .item {
    -webkit-transition: color 200ms ease 0s;
    -moz-transition: color 200ms ease 0s;
    -o-transition: color 200ms ease 0s;
    transition: color 200ms ease 0s;
  }
  .pagination .item:hover {
    color: #777;
  }
  .pagination .item.current {
    cursor: default;
    color: #000;
  }
  .pagination .item.first,
  .pagination .item.last,
  .pagination .item.prev,
  .pagination .item.next {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
  }
  .pagination .item.first:before,
  .pagination .item.last:before,
  .pagination .item.prev:before,
  .pagination .item.next:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .pagination .item.first:before,
  .pagination .item.last:before,
  .pagination .item.prev:before,
  .pagination .item.next:before {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  .pagination .item.first:before {
    content: "\e64e";
  }
  html.rtl .pagination .item.first:before {
    content: "\e64d";
  }
  .pagination .item.last:before {
    content: "\e64d";
  }
  html.rtl .pagination .item.last:before {
    content: "\e64e";
  }
  .pagination .item.prev:before {
    content: "\e64b";
  }
  html.rtl .pagination .item.prev:before {
    content: "\e64c";
  }
  .pagination .item.next:before {
    content: "\e64c";
  }
  html.rtl .pagination .item.next:before {
    content: "\e64b";
  }
  .pagination .pages .item {
    padding: 0px 2px;
  }
  .dropdown {
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    position: static\0/;
    z-index: 3002 !important;
    bottom: 0px;
    left: -10000px;
    cursor: default;
    font-size: 9pt;
    width: 100%;
    display: none;
    /*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;
    display: block;
  }
  html.rtl .expand .dropdown {
    left: auto;
    right: 0px;
  }
  .dropdown .dropdown_helper {
    z-index: 3002;
    position: absolute;
    left: 0px\0/;
    top: 2em\0/;
  }
  .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 .dropdown_container {
    max-height: 268px;
  }
  .login_panel .dropdown .dropdown_content {
    width: 105%;
  }
  .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;
    color: #626262;
  }
  .dropdown .dropdown_content .item:hover {
    background: #f7f7f7;
    color: #626262;
  }
  .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_content .item .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: inherit;
  }
  .dropdown .dropdown_content .item .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .dropdown .dropdown_arrow {
    font-size: 0;
    display: block;
    width: 0px;
    height: 0px;
    margin: 0px 0px 0px 7px;
    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;
    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);
    margin-left: -5px;
  }
  html.rtl .dropdown .dropdown_arrow span {
    margin-left: 0px;
    margin-right: -5px;
  }
  .dropdown .dropdown_arrow.bottom {
    border-top: 6px solid #CBC8C0;
    border-bottom: 0;
  }
  .dropdown .dropdown_arrow.bottom span {
    border-top: 5px solid #fff;
    border-bottom: 0;
    margin-top: -9px;
  }
  .dropdown .folders .item,
  .dropdown .folders .item:hover {
    background: none !important;
    color: initial !important;
    padding: 0px;
  }
  .dropdown .folders .item:first-child,
  .dropdown .folders .item:hover:first-child {
    margin-top: 5px;
  }
  .dropdown .folders .item:last-child,
  .dropdown .folders .item:hover:last-child {
    margin-bottom: 5px;
  }
  .dropdown .folders .folder {
    display: block;
    cursor: pointer;
    padding: 8px 12px 8px 0px;
  }
  .dropdown .folders .folder:hover {
    background: #f7f7f7;
    color: #626262;
  }
  .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;
  }
  /*=== END Dropdown CSS ===*/
  /*=== Custom select CSS ===*/
  .custom_selector {
    position: relative;
    display: inline-block;
  }
  .custom_selector .name {
    display: inline-block;
  }
  .input.custom_selector .name {
    width: 100%;
  }
  .custom_selector .control {
    display: inline-block;
    width: 1em;
    height: 1em;
    cursor: pointer;
  }
  html.rtl .custom_selector .control {
    float: left;
  }
  .input.custom_selector .control {
    margin-left: -1.5em;
  }
  .custom_selector .control .icon {
    margin: 0px;
  }
  .custom_selector .control .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .custom_selector .control .icon:before {
    content: "\e671";
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.4ex;
  }
  .custom_selector.expand .control .icon:before {
    content: "\e66e";
  }
  .custom_selector .dropdown {
    z-index: 500;
    position: absolute;
    min-width: 100%;
    left: -10000px;
    bottom: 0px;
    visibility: hidden;
  }
  .expand.custom_selector .dropdown {
    left: 0px;
    visibility: visible;
  }
  .custom_selector .dropdown .arrow {
    font-size: 0;
    display: block;
    width: 0px;
    height: 0px;
    margin: 0px 0px -1px 10px;
    position: relative;
    border-bottom: 6px solid #CBC8C0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left-color: rgba(224, 224, 224, 0);
    border-right-color: rgba(224, 224, 224, 0);
  }
  .right.custom_selector .dropdown .arrow {
    float: right;
    margin: 0px 10px -1px 0px;
  }
  .custom_selector .dropdown .arrow span {
    display: block;
    width: 0px;
    height: 0px;
    margin-left: -6px;
    position: relative;
    top: 2px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-left-color: rgba(224, 224, 224, 0);
    border-right-color: rgba(224, 224, 224, 0);
  }
  .custom_selector .dropdown_helper {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .right.custom_selector .dropdown_helper {
    left: auto;
    right: 0px;
  }
  .custom_selector .dropdown_content {
    background: #FFFFFF;
    border: 1px solid #CBC8C0;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    max-height: 200px;
    overflow-y: auto;
    padding: 10px;
    text-align: left;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  }
  html.rtl .custom_selector .dropdown_content {
    text-align: right;
  }
  .languages .custom_selector .dropdown_content {
    padding: 0px;
  }
  .languages .custom_selector.right .dropdown_arrow {
    margin-right: 23px;
    float: right;
  }
  .languages .custom_selector .item {
    display: block;
    white-space: nowrap;
    padding: 8px 12px;
    border-bottom: 1px solid #CBC8C0;
    cursor: pointer;
    color: #4d4d4d;
  }
  .languages .custom_selector .item.selected {
    background: #f0f0f0;
  }
  .languages .custom_selector .item:hover {
    background: #fafafa;
  }
  .languages .name .text {
    display: none;
  }
  .languages .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 11px;
    margin-right: 4px;
    background: url("images/sprites.png?7.6.7") no-repeat 40px -400px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) {
    .languages .icon {
      background-image: url("images/sprites2x.png?7.6.7");
      background-size: 1440px 560px;
    }
  }
  .languages .English .icon {
    background-position: 0px -480px;
  }
  .languages .Arabic .icon {
    background-position: -80px -520px;
  }
  .languages .Bulgarian .icon {
    background-position: -40px -480px;
  }
  .languages .Chinese-Simplified .icon {
    background-position: -80px -480px;
  }
  .languages .Chinese-Traditional .icon {
    background-position: -80px -480px;
  }
  .languages .Czech .icon {
    background-position: -120px -480px;
  }
  .languages .Danish .icon {
    background-position: -160px -480px;
  }
  .languages .Dutch .icon {
    background-position: -640px -480px;
  }
  .languages .Estonian .icon {
    background-position: -200px -480px;
  }
  .languages .Finnish .icon {
    background-position: -240px -480px;
  }
  .languages .French .icon {
    background-position: -280px -480px;
  }
  .languages .German .icon {
    background-position: -320px -480px;
  }
  .languages .Greek .icon {
    background-position: -360px -480px;
  }
  .languages .Hebrew .icon {
    background-position: -440px -480px;
  }
  .languages .Hungarian .icon {
    background-position: -400px -480px;
  }
  .languages .Italian .icon {
    background-position: -480px -480px;
  }
  .languages .Japanese .icon {
    background-position: -520px -480px;
  }
  .languages .Korean .icon {
    background-position: -120px -520px;
  }
  .languages .Latvian .icon {
    background-position: -560px -480px;
  }
  .languages .Lithuanian .icon {
    background-position: -600px -480px;
  }
  .languages .Norwegian .icon {
    background-position: -680px -480px;
  }
  .languages .Persian .icon {
    background-position: -360px -520px;
  }
  .languages .Polish .icon {
    background-position: -720px -480px;
  }
  .languages .Portuguese-Brazil .icon {
    background-position: -760px -480px;
  }
  .languages .Romanian .icon {
    background-position: 0px -520px;
  }
  .languages .Russian .icon {
    background-position: -40px -520px;
  }
  .languages .Spanish .icon {
    background-position: -160px -520px;
  }
  .languages .Swedish .icon {
    background-position: -200px -520px;
  }
  .languages .Thai .icon {
    background-position: -240px -520px;
  }
  .languages .Turkish .icon {
    background-position: -280px -520px;
  }
  .languages .Ukrainian .icon {
    background-position: -320px -520px;
  }
  .languages .Serbian .icon {
    background-position: -400px -520px;
  }
  .languages .Portuguese-Portuguese .icon {
    background-position: -800px -480px;
  }
  .languages .Vietnamese .icon {
    background-position: -440px -520px;
  }
  .languages .Slovenian .icon {
    background-position: -480px -520px;
  }
  .languages.demo {
    position: relative !important;
    clear: both;
    top: 20px;
    left: auto;
    right: auto;
    background: #D7DCDF;
    border-radius: 4px;
    border: 1px solid #C7CCCF;
    text-align: left;
    padding: 10px 14px;
    margin-top: 20px;
    width: 590px;
    margin-left: -172px;
  }
  .languages.demo .title {
    font-size: 12pt;
    color: #464646;
    margin-bottom: 10px;
    text-align: center;
  }
  .languages.demo .item {
    display: inline-block;
    width: 49%;
    width: 24%;
    color: #555555;
  }
  .languages.demo .item .item_content {
    display: inline-block;
    padding: 3px 6px;
    cursor: pointer;
    border-radius: 3px;
    white-space: nowrap;
  }
  .languages.demo .item .item_content:hover {
    background-color: #B3BAC2;
    color: #333333;
  }
  .languages.demo .item .item_content .text {
    display: inline-block;
    vertical-align: middle;
  }
  .languages.demo .item.selected .item_content {
    background: #6C859B;
    color: #fff;
  }
  /*=== ui-autocomplete CSS ===*/
  .ui-autocomplete {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
  }
  .ui-autocomplete li {
    position: relative;
  }
  .ui-autocomplete.ui-front {
    z-index: 2001;
  }
  .ui-autocomplete.ui-menu .ui-menu-item a {
    overflow: hidden;
    white-space: nowrap;
  }
  .ui-autocomplete.ui-menu .ui-menu-item a span.del {
    position: absolute;
    top: 6px;
    right: 0;
    visibility: hidden;
    color: #d8d8d8;
    text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8;
  }
  .ui-autocomplete.ui-menu .ui-menu-item a span.del:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .ui-autocomplete.ui-menu .ui-menu-item a span.del:before {
    content: "\e63e";
  }
  .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus span.del {
    visibility: visible;
  }
  .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus span.del:hover {
    box-shadow: none;
    color: #676767;
  }
  .ui-autocomplete .ui-state-focus {
    background: #f1f1f1;
    border-color: #f1f1f1;
  }
  /*=== END ui-autocomplete CSS ===*/
  /*=== ui-datepicker CSS ===*/
  .ui-datepicker .ui-widget-header {
    background: none;
    border: none;
  }
  .ui-datepicker .ui-state-default,
  .ui-datepicker .ui-widget-content .ui-state-default,
  .ui-datepicker .ui-widget-header .ui-state-default {
    background: none;
    border: none;
  }
  .ui-datepicker .ui-datepicker-today {
    background: #FFF4CF;
  }
  /*=== END ui-datepicker CSS ===*//*=== Attachments Common CSS ===*/
  .attachments .children {
    margin: 10px 0px 5px;
    background: #e4e4e4;
    border-radius: 1px;
    box-shadow: 0 0 0 8px #e4e4e4;
  }
  .attachments .children .children {
    background: #cbcbcb;
    box-shadow: 0 0 0 8px #cbcbcb;
  }
  .attachments .children .children .children {
    background: #b1b1b1;
    box-shadow: 0 0 0 8px #b1b1b1;
  }
  .attachments .children .children .children .size {
    color: #777;
  }
  .attachments .children .children .children .children {
    background: #989898;
    box-shadow: 0 0 0 8px #989898;
  }
  .attachments .children .children .children .children .title {
    color: #000000;
  }
  .attachments .children .children .children .children .size {
    color: #555;
  }
  .attachments .expanded {
    box-shadow: 0 0 0 8px #e4e4e4;
    background: #e4e4e4;
  }
  .attachments .expanded .expanded {
    box-shadow: 0 0 0 8px #C2C2C2;
    background: #C2C2C2;
  }
  .attachments .item {
    border-radius: 1px;
    margin: 0 16px 20px 0;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    width: 136px;
    max-height: inherit;
    overflow: visible;
  }
  .attachments .item:last-child {
    margin-bottom: 0px;
  }
  .attachments .item.fail {
    opacity: 0.3;
  }
  .csstransitions .attachments .item.fail {
    -webkit-transition: opacity 1000ms ease 1s;
    -moz-transition: opacity 1000ms ease 1s;
    -o-transition: opacity 1000ms ease 1s;
    transition: opacity 1000ms ease 1s;
  }
  .attachments .item .item_content {
    display: block;
    padding: 9px 9px 7px;
    margin-bottom: 6px;
    background: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0px 1px 2px #cccccc;
    border: 0px;
  }
  .attachments .item .cancel {
    display: none;
  }
  .upload.attachments .item .cancel {
    background: #e84d49;
    border-radius: 2px;
    display: block;
    float: right;
    height: 14px;
    width: 14px;
    overflow: hidden;
    margin-left: -14px;
    cursor: pointer;
    position: relative;
    color: #fff;
    font-size: 12px;
    text-align: center;
    z-index: 10;
  }
  .upload.attachments .item .cancel:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .upload.attachments .item .cancel:before {
    content: "\e63e";
  }
  .attachments .item .spinner {
    background: url("images/wait.gif?7.6.7") no-repeat left top;
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .attachments .item .progress {
    display: block;
    margin-bottom: -3px;
    height: 3px;
    width: 100%;
  }
  .attachments .item .progress span {
    display: block;
    height: 3px;
    background: #EF4A4A;
  }
  .attachments .item .image {
    display: block;
    text-align: center;
    overflow: hidden;
    min-height: 100px;
    border-bottom: 1px solid #dedede;
    white-space: nowrap;
    position: relative;
  }
  .attachments .item .image:after {
    display: inline-block;
    vertical-align: middle;
    min-height: inherit;
    content: "";
  }
  .attachments .item .image img {
    vertical-align: middle;
    background: #fff;
    max-height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .attachments .item.has_child > .item_content > .image {
    display: none;
  }
  .attachments .item .text {
    color: #c7c7c7;
    text-transform: uppercase;
    font-size: 18pt;
    margin: 36px 0px 0px;
    display: inline-block;
  }
  .attachments .item .icon {
    vertical-align: top;
    margin: 15px 0px 0px !important;
  }
  .attachments .item .download {
    cursor: pointer;
  }
  .attachments .item .title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0px 43px 0px 8px;
    word-wrap: break-word;
    white-space: normal;
    font-weight: bold;
    max-height: 2.5em;
    overflow: hidden;
  }
  .attachments .item .title.no_size {
    padding: 0px 8px 0px 8px;
  }
  .attachments .item .title .name {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .attachments .item .ext {
    display: inline-block;
  }
  .attachments .item .size {
    color: #929292;
    float: right;
    margin: 0px 8px -5em 0px;
  }
  .attachments .item .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 .item .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 .item.fail .status_text {
    color: #f00;
  }
  .attachments .item.success .status_text {
    color: #308F00;
  }
  .attachments .item .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 .item .buttons:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
  }
  * html > body .attachments .item .buttons {
    width: 100%;
    display: block;
  }
  * html .attachments .item .buttons {
    height: 1%;
  }
  .attachments .item .buttons.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 .item .buttons .button {
    padding: 0px;
    font-weight: normal;
    font-size: 9pt;
    background: none;
    color: #4477BB;
    text-shadow: none;
    border: 0px;
  }
  .attachments .item .buttons .button.open,
  .attachments .item .buttons .button.download {
    float: right;
  }
  html.rtl .attachments .item .buttons .button.open,
  html.rtl .attachments .item .buttons .button.download {
    float: left;
  }
  /*=== END Attachments Common CSS ===*//*=== Report panels CSS ===*/
  .report_panel {
    width: 100%;
    text-align: center;
    height: 0px;
    overflow: visible;
    top: 0px;
    position: fixed;
    z-index: 3000;
    visibility: visible;
  }
  .report_panel a {
    text-shadow: none;
    white-space: nowrap;
  }
  .report_panel.error {
    z-index: 2999;
  }
  .report_panel.hide {
    visibility: hidden;
  }
  .csstransitions .report_panel {
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    -o-perspective: 200px;
    perspective: 200px;
    -webkit-transition: visibility 0ms linear 0ms;
    -moz-transition: visibility 0ms linear 0ms;
    -o-transition: visibility 0ms linear 0ms;
    transition: visibility 0ms linear 0ms;
  }
  .csstransitions .report_panel.hide {
    -webkit-transition: visibility 0ms linear 500ms;
    -moz-transition: visibility 0ms linear 500ms;
    -o-transition: visibility 0ms linear 500ms;
    transition: visibility 0ms linear 500ms;
  }
  .report_panel .content {
    display: inline-block;
    font-weight: bold;
    text-align: left;
    background: #f9f9f9;
    border: 1px solid #c3c3c3;
    border-top: 0px;
    padding: 15px 30px 10px;
    border-radius: 0px 0px 4px 4px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    opacity: 1;
    filter: alpha(opacity=100);
    max-width: 20%;
  }
  @media screen and (max-width: 768px) {
    .report_panel .content {
      max-width: 80%;
    }
  }
  .csstransitions .report_panel .content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -o-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
  }
  .hide.report_panel .content {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .csstransitions .hide.report_panel .content {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
  }
  .loading.report_panel .content {
    background: #dac073;
    border-color: #c5ac60;
    color: #fff;
  }
  .report.report_panel .content {
    background: #96c671;
    border-color: #82b35d;
    color: #fff;
  }
  .error.report_panel .content {
    background: #f47474;
    border-color: #e26464;
    color: #fff;
  }
  .report.report_panel .content .close,
  .error.report_panel .content .close {
    position: absolute;
    cursor: pointer;
    right: 2px;
    top: 2px;
    height: 16px;
    width: 16px;
  }
  .report.report_panel .content .close:before,
  .error.report_panel .content .close:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .report.report_panel .content .close:before,
  .error.report_panel .content .close:before {
    font-size: 16px;
    display: inline-block;
    content: "\e63e";
  }
  .gray.report_panel .content {
    background: #ccc;
    border-color: #a9a9a9;
  }
  .report_panel .content .icon {
    width: 16px;
    height: 17px;
    margin-left: -23px;
    float: left;
    display: none;
  }
  /*=== END Report panels CSS ===*//*=== Popup CSS ===*/
  .popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    text-align: center;
    display: none;
  }
  .popup.visible {
    display: block;
  }
  .popup.visible .mask {
    opacity: 0.2;
  }
  .popup .mask {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
  }
  .popup .helper {
    height: 100%;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
  }
  .popup_panel {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
    min-width: 270px;
    max-width: 50%;
    text-align: left;
  }
  html.rtl .popup_panel {
    text-align: right;
  }
  .popup_panel .close {
    display: inline-block;
    width: 30px;
    height: 30px;
    float: right;
    margin: -30px -30px 0 0;
    cursor: pointer;
    display: none;
  }
  html.rtl .popup_panel .close {
    float: left;
  }
  .popup_panel .title {
    display: block;
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 20px;
  }
  .popup_panel .attachment .title {
    font-size: 9pt;
  }
  .popup_panel .text {
    display: block;
  }
  .popup_panel .label {
    width: 150px;
  }
  .popup_panel .label.pgp_password {
    text-align: right;
  }
  .popup_panel .import_pgp_key_area {
    height: 300px;
    width: 530px;
  }
  .popup_panel .import_pgp_key_area .headline {
    margin: 20px 0;
  }
  .popup_panel .import_pgp_key_area .key_item {
    margin: 0 0 10px 0;
  }
  .popup_panel .import_pgp_key_area .key_item.disabled {
    color: #929292;
  }
  .popup_panel .import_pgp_key_area .key_item .key_email {
    font-weight: bold;
  }
  .popup_panel .import_pgp_key_area .hint {
    margin-top: 22px;
  }
  .popup_panel .view_pgp_key_area {
    height: 400px;
    width: 530px;
  }
  .popup.player_popup.visible .mask {
    opacity: 0.8;
  }
  .popup.player_popup .popup_panel {
    background: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    min-width: inherit;
    max-width: inherit;
  }
  /*=== END Popup CSS ===*//*=== Files CSS ===*/
  .file {
    position: relative;
  }
  .file .icon {
    background-image: url("images/sprites.png?%version%");
    background-repeat: no-repeat;
    background-position: 0px -360px;
    display: inline-block;
    height: 32px;
    width: 32px;
  }
  .large .file .icon {
    background-position: 0px -400px;
    height: 64px;
    width: 64px;
  }
  .file .icon.xls,
  .file .icon.xlsx {
    background-position: -80px -360px;
  }
  .large .file .icon.xls,
  .large .file .icon.xlsx {
    background-position: -160px -400px;
  }
  .file .icon.pdf {
    background-position: -200px -360px;
  }
  .large .file .icon.pdf {
    background-position: -400px -400px;
  }
  .file .icon.htm,
  .file .icon.html {
    background-position: -360px -360px;
  }
  .large .file .icon.htm,
  .large .file .icon.html {
    background-position: -720px -400px;
  }
  .file .icon.doc,
  .file .icon.docx {
    background-position: -40px -360px;
  }
  .large .file .icon.doc,
  .large .file .icon.docx {
    background-position: -80px -400px;
  }
  .file .icon.rtf,
  .file .icon.txt {
    background-position: -120px -360px;
  }
  .large .file .icon.rtf,
  .large .file .icon.txt {
    background-position: -240px -400px;
  }
  .file .icon.ppt,
  .file .icon.pptx,
  .file .icon.pps {
    background-position: -400px -360px;
  }
  .large .file .icon.ppt,
  .large .file .icon.pptx,
  .large .file .icon.pps {
    background-position: -800px -400px;
  }
  .file .icon.png,
  .file .icon.gif,
  .file .icon.bmp,
  .file .icon.tiff,
  .file .icon.jpg,
  .file .icon.jpeg {
    background-position: -320px -360px;
  }
  .large .file .icon.png,
  .large .file .icon.gif,
  .large .file .icon.bmp,
  .large .file .icon.tiff,
  .large .file .icon.jpg,
  .large .file .icon.jpeg {
    background-position: -640px -400px;
  }
  .file .icon.zip,
  .file .icon.\37 z,
  .file .icon.cab,
  .file .icon.tar,
  .file .icon.tgz,
  .file .icon.gz,
  .file .icon.rar {
    background-position: -480px -360px;
  }
  .large .file .icon.zip,
  .large .file .icon.\37 z,
  .large .file .icon.cab,
  .large .file .icon.tar,
  .large .file .icon.tgz,
  .large .file .icon.gz,
  .large .file .icon.rar {
    background-position: -960px -400px;
  }
  .file .icon.psd {
    background-position: -520px -360px;
  }
  .large .file .icon.psd {
    background-position: -1040px -400px;
  }
  .file .icon.ics {
    background-position: -560px -360px;
  }
  .large .file .icon.ics {
    background-position: -1120px -400px;
  }
  .file .icon.vcf,
  .file .icon.vcard {
    background-position: -600px -360px;
  }
  .large .file .icon.vcf,
  .large .file .icon.vcard {
    background-position: -1200px -400px;
  }
  .file .icon.eml,
  .file .icon.msg {
    background-position: -640px -360px;
  }
  .large .file .icon.eml,
  .large .file .icon.msg {
    background-position: -1280px -400px;
  }
  .file .icon.mp3,
  .file .icon.amr,
  .file .icon.aac,
  .file .icon.aif,
  .file .icon.aifc,
  .file .icon.aiff,
  .file .icon.ogg,
  .file .icon.wma,
  .file .icon.flac,
  .file .icon.ape,
  .file .icon.wax,
  .file .icon.midi,
  .file .icon.mp4a,
  .file .icon.weba,
  .file .icon.ra,
  .file .icon.ram,
  .file .icon.rmp,
  .file .icon.m3u,
  .file .icon.wav,
  .file .icon.soundcloud {
    background-position: -240px -360px;
  }
  .large .file .icon.mp3,
  .large .file .icon.amr,
  .large .file .icon.aac,
  .large .file .icon.aif,
  .large .file .icon.aifc,
  .large .file .icon.aiff,
  .large .file .icon.ogg,
  .large .file .icon.wma,
  .large .file .icon.flac,
  .large .file .icon.ape,
  .large .file .icon.wax,
  .large .file .icon.midi,
  .large .file .icon.mp4a,
  .large .file .icon.weba,
  .large .file .icon.ra,
  .large .file .icon.ram,
  .large .file .icon.rmp,
  .large .file .icon.m3u,
  .large .file .icon.wav,
  .large .file .icon.soundcloud {
    background-position: -480px -400px;
  }
  .file .icon.avi,
  .file .icon.mp4,
  .file .icon.mkv,
  .file .icon.wmv,
  .file .icon.vimeo,
  .file .icon.youtube {
    background-position: -680px -360px;
  }
  .large .file .icon.avi,
  .large .file .icon.mp4,
  .large .file .icon.mkv,
  .large .file .icon.wmv,
  .large .file .icon.vimeo,
  .large .file .icon.youtube {
    background-position: -1360px -400px;
  }
  .file .icon.play {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    font-size: 50px;
    border-radius: 31px;
    opacity: 0.9;
    background: none;
    cursor: pointer;
  }
  .file .icon.play:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .file .icon.play:before {
    content: "\e677";
    display: block;
    border-radius: 31px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
    overflow: hidden;
  }
  .file .icon.play:hover {
    opacity: 1;
  }
  /*=== 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%;
    position: relative;
  }
  .html_editor .workarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-top: 0px;
    border-radius: 0 0 4px 4px;
  }
  .html_editor .workarea .scroll-inner {
    background: #fff;
  }
  .html_editor .workarea .crea-content-editable {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    outline: 0px;
    cursor: text;
    padding: 20px 24px;
    word-wrap: break-word;
  }
  .html_editor .workarea .crea-content-editable a {
    cursor: text;
  }
  .html_editor .workarea .crea-content-editable p {
    margin: 0;
  }
  .html_editor .workarea .crea-content-editable img {
    cursor: pointer;
  }
  .html_editor .workarea li {
    margin-bottom: 0.6em;
  }
  .html_editor .uploader_mask {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFFDD6;
    padding: 11px;
    color: #D3B910;
    font-size: 18pt;
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: ease 250ms opacity 0s;
    -moz-transition: ease 250ms opacity 0s;
    -o-transition: ease 250ms opacity 0s;
    transition: ease 250ms opacity 0s;
  }
  .html_editor .uploader_mask .inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border: 3px dashed #E2DA36;
    border-radius: 5px;
  }
  .html_editor .uploader_mask.progress {
    background: #dddddd url("images/wait.gif") no-repeat center;
  }
  .html_editor .uploader_mask.progress .inner {
    border: 3px dashed #bbb;
  }
  .html_editor .uploader_mask.active,
  .html_editor .uploader_mask.progress,
  .html_editor .uploader_mask.editorDragOver {
    visibility: visible;
    opacity: 0.5;
  }
  .html_editor .inline_popup {
    padding: 4px 8px;
    position: absolute;
    background-color: #f7f7f7;
    border: solid 1px #ccc;
    border-radius: 2px 2px 2px 2px;
  }
  .html_editor .inline_popup.tooltip {
    opacity: 0.7;
    filter: alpha(opacity=70);
    border: solid 1px #eee;
    margin: 10px 0px 0px 10px;
  }
  .html_editor .inline_popup .button {
    color: #4477BB;
    text-decoration: underline;
    cursor: pointer;
    margin: 0px 8px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
  }
  .html_editor .inline_popup .button:last-child {
    border-right: 0px;
    margin: 0px;
    padding-right: 0px;
  }
  .html_editor .inline_popup .button:hover {
    text-decoration: none;
  }
  .html_editor .inline_popup input {
    width: 300px;
  }
  .html_editor .toolbar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    padding: 0px 4px;
    cursor: default;
    background: #fdfdfd;
  }
  .html_editor .toolbar .content {
    padding: 0px;
  }
  .html_editor .toolbar .content .separator {
    border-right: 1px solid #fff;
    border-left: 1px solid #ddd;
    display: inline-block;
    height: 32px;
    margin: 0px 4px;
    vertical-align: middle;
  }
  .html_editor .toolbar .content .button {
    display: inline-block;
    cursor: pointer;
    background: #ddd;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 6px;
    font-size: 11pt;
  }
  .html_editor .toolbar .content .button:hover {
    background: #e3e3e3;
  }
  .html_editor .toolbar .content .item {
    background: none;
    border: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
    margin: 4px 1px !important;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    box-shadow: none;
    outline: 0px;
    /*&.font .input {
                      width: 140px;
                  }
  
                  &.font_size .input {
                      width: 40px;
                  }*/
  
  }
  .html_editor .toolbar .content .item .item:hover {
    box-shadow: 0px 0px 3px #eee, inset 1px 1px 0px #fff;
    border: 1px solid #ccc;
    background: #eee;
  }
  .inactive .html_editor .toolbar .content .item,
  .inactive .html_editor .toolbar .content .item:hover {
    opacity: 0.2;
    cursor: default;
    background: none;
  }
  .html_editor .toolbar .content .item.select {
    padding: 0px 0px;
  }
  .html_editor .toolbar .content .item.select:hover {
    background: none;
  }
  .html_editor .toolbar .content .item.select .input {
    font-size: 10pt;
    padding: 0px !important;
    margin-top: -2px;
    width: auto;
    max-width: 200px;
  }
  .html_editor .toolbar .content .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url("images/sprites.png?7.6.7");
    background-repeat: no-repeat;
  }
  .html_editor .toolbar .content .item.link .icon {
    background-position: 0px -320px;
  }
  .html_editor .toolbar .content .item.unlink .icon {
    background-position: -40px -320px;
  }
  .html_editor .toolbar .content .item.image .icon {
    background-position: -440px -320px;
  }
  .html_editor .toolbar .content .item.slist .icon {
    background-position: -40px -320px;
  }
  .html_editor .toolbar .content .item.uslist .icon {
    background-position: -80px -320px;
  }
  .html_editor .toolbar .content .item.hline .icon {
    background-position: -160px -320px;
  }
  .html_editor .toolbar .content .item.bold .icon {
    background-position: -200px -320px;
  }
  .html_editor .toolbar .content .item.italic .icon {
    background-position: -120px -320px;
  }
  .html_editor .toolbar .content .item.underline .icon {
    background-position: -160px -320px;
  }
  .html_editor .toolbar .content .item.aleft .icon {
    background-position: -320px -320px;
  }
  .html_editor .toolbar .content .item.acenter .icon {
    background-position: -360px -320px;
  }
  .html_editor .toolbar .content .item.aright .icon {
    background-position: -400px -320px;
  }
  .html_editor .toolbar .content .item.ajustify .icon {
    background-position: -440px -320px;
  }
  .html_editor .toolbar .content .item.color .icon {
    background-position: -400px -320px;
  }
  .html_editor .toolbar .content .item.background .icon {
    background-position: -40px -320px;
  }
  .html_editor .toolbar .content .item.clear .icon {
    background-position: -480px -320px;
  }
  .html_editor .toolbar .content .item.strike_through .icon {
    background-position: -520px -320px;
  }
  .html_editor .toolbar .content .item.undo .icon {
    background-position: -560px -320px;
  }
  .html_editor .toolbar .content .item.redo .icon {
    background-position: -600px -320px;
  }
  .html_editor .toolbar .content .dropdown {
    bottom: -4px;
    color: #000;
  }
  .inactive.html_editor .toolbar .content .dropdown {
    left: -10000px;
  }
  .html_editor .toolbar .content .dropdown.color {
    white-space: nowrap;
  }
  .html_editor .toolbar .content .dropdown .dropdown_content {
    border: 1px solid #ccc;
    border-top: 1px solid #FAFAFA;
    background: #eee;
    padding: 4px;
    border-radius: 0px 0px 3px 3px;
  }
  .html_editor .toolbar .content .dropdown .dropdown_content .input {
    width: auto;
    padding: 3px 5px 2px;
    vertical-align: top;
    margin: 0px;
    font-size: 11pt;
  }
  .html_editor .toolbar .content .color_table {
    display: inline-block;
    margin-right: 6px;
    vertical-align: bottom;
  }
  .html_editor .toolbar .content .color_table:last-child {
    margin-right: 0px;
  }
  .html_editor .toolbar .content .color_table .title {
    display: inline-block;
    margin: 2px 0px 4px;
    padding: 0px;
  }
  .html_editor .toolbar .content .color_table .row {
    display: block;
    white-space: nowrap;
    font-size: 0px;
    margin: 0px !important;
  }
  .html_editor .toolbar .content .color_table .color-item {
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    margin: 2px;
    cursor: pointer;
  }
  .html_editor .toolbar .content .color_table .color-item:hover {
    width: 18px;
    height: 18px;
    margin: 1px;
    box-shadow: 0px 0px 2px #aaa;
  }
  .html_editor .toolbar {
    border-color: #E3E3E3;
  }
  .html_editor .workarea {
    border-color: #E3E3E3;
  }
  /*=== END Html Editor CSS ===*//*=== Search Block CSS ===*/
  .search_block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;
    vertical-align: middle;
    padding-right: 20px;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  html.rtl .search_block {
    padding-right: 0px;
    padding-left: 20px;
  }
  .search_block > .input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #c5c7c8;
    border-radius: 10px;
    outline: none;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    box-shadow: none;
    overflow: hidden;
    padding-left: 30px;
    min-height: 26px;
    padding-top: 3px;
  }
  html.rtl .search_block > .input {
    padding-right: 30px;
    padding-left: 0px;
  }
  .search_block > .input.focus {
    border: 1px solid #93B5E3;
    box-shadow: 0 0 2px 0 #1D67CD;
  }
  .search_block > .input .row {
    font-size: 11pt;
    line-height: 160%;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px;
    border: 0px;
  }
  .search_block > .input .field {
    font-size: 11pt;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px;
    border: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
    -moz-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
    -o-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
    transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
  }
  .search_block > .input .field.hide {
    display: block;
    position: absolute;
    top: -200px;
  }
  .search_block > .input .icon.search {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 11pt;
    width: 30px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
  }
  html.rtl .search_block > .input .icon.search {
    left: initial;
    right: 0;
  }
  .search_block > .input .icon.search:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .search_block > .input .icon.search:before {
    color: #CCCCCC;
    content: "\e628";
    display: block;
    font-size: 20px;
    height: 20px;
    width: 20px;
    margin: 3px 0px 0px 5px;
  }
  html.rtl .search_block > .input .icon.search:before {
    margin: 3px 5px 0px 0px;
  }
  .search_block .expand .field {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
    -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
    -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
    transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
  }
  .search_block .control .icon {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    cursor: pointer;
    margin-top: -6px;
    height: 100%;
  }
  .search_block .control .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .search_block .control .icon:before {
    color: #CCCCCC;
    content: "\e66d";
    display: inline-block;
    font-size: 18px;
    height: 20px;
    width: 20px;
    margin: 10px 2px 0px;
  }
  .search_block .control .icon.expand:before {
    content: "\e66e";
  }
  .search_block .search_highlight {
    color: #ccc;
  }
  .search_block .expand .extended {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
    -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
    -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
    transition: opacity 500ms ease 0ms, visibility 10ms linear 0s;
  }
  .search_block .extended {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    margin-top: -24px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
    -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
    -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
    transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
  }
  .search_block .extended .search_fieldset {
    display: block;
    white-space: normal;
  }
  .search_block .extended .search_fieldset .section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    overflow: hidden;
    padding-right: 20px;
    vertical-align: top;
  }
  html.rtl .search_block .extended .search_fieldset .section {
    padding-left: 20px;
    padding-right: 0px;
  }
  .search_block .extended .search_fieldset .section .row {
    line-height: 230%;
    height: 28px;
    display: block;
    padding-right: 2px;
    overflow: visible;
  }
  html.rtl .search_block .extended .search_fieldset .section .row {
    padding-right: 0px;
    padding-left: 2px;
  }
  .search_block .extended .search_fieldset .section .row.text {
    border-bottom: 1px dashed #C5C7C8;
  }
  .search_block .extended .search_fieldset .section .row.attachments .custom_checkbox {
    margin: 0;
    margin-bottom: 1px;
    vertical-align: middle;
    line-height: 1;
  }
  .search_block .extended .search_fieldset .section .row.attachments .attachment_name {
    display: inline-block;
  }
  .search_block .extended .search_fieldset .section .row .date {
    display: inline-block;
    padding: 0;
    margin-left: 0px;
  }
  html.rtl .search_block .extended .search_fieldset .section .row .label {
    text-align: right;
  }
  .search_block .extended .search_fieldset .section .row .input {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    font: normal 11pt Helvetica, Tahoma, Arial, sans-serif;
    color: #555566;
  }
  .search_block .extended .search_fieldset .section.attachments {
    display: block;
    width: 100%;
  }
  .search_block .extended .search_fieldset .buttons {
    margin: 0px 18px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #EAE7E7;
    display: block;
    width: auto;
  }
  html.rtl .search_block .extended .search_fieldset .buttons {
    margin: 0px 0px 0px 18px;
    padding-left: 0px;
  }
  .search_block .extended .search_fieldset .button {
    display: inline-block;
  }
  /*=== END Search Block CSS ===*//*=== Phone CSS ===*/
  .tabs_panel .phone {
    float: right;
    font-size: 0pt !important;
    background: transparent !important;
    line-height: 10px;
    text-align: right;
    padding: 0 !important;
    margin: -17px 30px 0px 0px !important;
    top: 50%;
  }
  .tabs_panel .phone .phone_inner {
    display: block;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 4px #D6D6D6;
    overflow: hidden;
    text-shadow: none;
  }
  .tabs_panel .phone .phone_inner > * {
    font-size: 10.5pt;
  }
  .tabs_panel .phone .phone_inner .text {
    padding: 0px !important;
  }
  html.rtl .tabs_panel .phone .phone_inner {
    float: left;
    margin-right: 0px !important;
    margin-left: 30px !important;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper.expand {
    display: block;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper {
    display: none;
    position: relative;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    background: transparent;
    left: 0;
    max-height: 200px;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item {
    cursor: pointer;
    text-align: left;
    /*&:last-child:hover {
                          border-bottom-left-radius: 20px;
                          border-bottom-right-radius: 20px;
                      }*/
  
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .log_item {
    float: right;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status {
    width: 15px;
    height: 15px;
    display: inline-block;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status:before {
    font-family: 'afterlogic';
    text-shadow: none !important;
    width: 100%;
    height: 100%;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.incoming:before {
    content: "\e666";
    color: #6161ff;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.outgoing:before {
    content: "\e665";
    color: #4eca88;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.missed:before {
    content: "\e668";
    color: #ff6363;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .more {
    color: #4477bb;
    padding-bottom: 8px;
    float: right;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .more:hover {
    color: #c74747;
    border-radius: 16px;
    background: transparent;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .spinner {
    margin: 0px auto;
    width: 70px;
    text-align: center;
    display: block;
    padding-bottom: 5px;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .spinner span {
    width: 12px;
    height: 12px;
    background-color: #c1b6b6;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
  
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .spinner span.bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .tabs_panel .phone .phone_inner .dropdown_helper .spinner span.bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .tabs_panel .phone .phone_inner .direction {
    color: #c1b6b6;
  }
  .tabs_panel .phone .phone_inner .call_report,
  .tabs_panel .phone .phone_inner .direction {
    background: transparent;
    display: inline-block;
    max-width: 0px;
    margin-left: 0px;
    white-space: nowrap;
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
    -moz-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
    -o-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
    transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ;
  }
  .tabs_panel .phone .phone_inner input:focus {
    outline: 0px;
  }
  .tabs_panel .phone .phone_inner .input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    width: 0px;
    border: 0px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: none;
    opacity: 0;
    vertical-align: middle;
    -webkit-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
    -moz-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
    -o-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
    transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms;
  }
  .tabs_panel .phone .phone_inner .call_report.empty {
    margin-left: 0px;
  }
  .tabs_panel .phone .phone_inner .buttons {
    margin: 0px;
    font-size: 0px;
  }
  .tabs_panel .phone .phone_inner .button {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #fff;
    border-radius: 16px;
    padding: 0px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 180%;
    -webkit-transition: background-color 0ms ease 0s;
    -moz-transition: background-color 0ms ease 0s;
    -o-transition: background-color 0ms ease 0s;
    transition: background-color 0ms ease 0s;
  }
  .tabs_panel .phone .phone_inner .button .icon {
    display: inline-block;
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 16px;
    text-shadow: none;
    -webkit-transition: -webkit-transform 300ms ease 0s;
    -moz-transition: -moz-transform 300ms ease 0s;
    transition: transform 300ms ease 0s;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  .tabs_panel .phone .phone_inner .button .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .tabs_panel .phone .phone_inner .button .icon:before {
    content: "\e661";
  }
  .tabs_panel .phone .phone_inner .indicator {
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .tabs_panel .phone .phone_inner .indicator.missed {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #FF6767;
  }
  .tabs_panel .phone.online .phone_inner {
    background: #fff;
  }
  .tabs_panel .phone.online .phone_inner .button {
    background-color: #87D354;
    box-shadow: inset 0px 0px 10px #69BE2E;
  }
  .tabs_panel .phone.offline .input,
  .tabs_panel .phone.offline .direction {
    display: none;
  }
  .tabs_panel .phone.offline .button {
    background: #ccc;
    cursor: default;
  }
  .tabs_panel .phone.offline.active .button {
    box-shadow: none;
  }
  .tabs_panel .phone.init .button .icon {
    -webkit-animation: cycle 1s linear 20;
    -moz-animation: cycle 1s linear 20;
    animation: cycle 1s linear 20;
  }
  .tabs_panel .phone.active.outgoing .button .icon {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  .tabs_panel .phone.active.incoming .button,
  .tabs_panel .phone.active.outgoing .button,
  .tabs_panel .phone.active.connect .button {
    background-color: #FF6767;
    box-shadow: 0 0 10px #E75353 inset;
  }
  .tabs_panel .phone.active.ready .button .icon {
    -webkit-transform: rotateZ(-118deg);
    -moz-transform: rotateZ(-118deg);
    -o-transform: rotateZ(-118deg);
    transform: rotateZ(-118deg);
  }
  .tabs_panel .phone.active .input {
    opacity: 1;
    width: 160px;
    display: inline-block;
    padding-left: 2px;
  }
  .tabs_panel .phone.active .call_report,
  .tabs_panel .phone.active .direction {
    max-width: 200px;
    margin-left: 10px;
    opacity: 1;
    cursor: default;
    overflow: visible;
  }
  .tabs_panel .phone.incoming .phone_inner,
  .tabs_panel .phone.outgoing .phone_inner,
  .tabs_panel .phone.connect .phone_inner {
    background: #FFC939;
  }
  .tabs_panel .phone.incoming .call_report {
    padding-right: 2px;
  }
  .tabs_panel .phone.incoming .direction {
    max-width: 0px;
    margin-left: 0px;
  }
  .tabs_panel .phone.incoming .input {
    width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    opacity: 0;
  }
  /*=== END Phone CSS ===*/
  /*=== Contact card CSS ===*/
  .item_viewer .contact_card .dropdown_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CBC8C0;
    border: 0px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    min-width: 360px;
    display: block;
    margin: -4px 0px 0px -10px;
    padding: 16px 18px;
  }
  .item_viewer .contact_card .dropdown_content_mail {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 16px 0 16px 18px;
  }
  .item_viewer .contact_card .dropdown_content_mail .scroll-inner {
    padding-right: 18px;
  }
  .item_viewer .contact_card .dropdown_content_mail .buttons {
    margin: 0px 0 0px -18px;
  }
  .item_viewer .contact_card .dropdown_arrow {
    display: none;
  }
  .item_viewer .contact_card .buttons {
    padding: 10px 18px 0px 18px;
    margin: 0px -18px;
    float: none;
    border-top: 1px solid #eee;
    text-align: right;
  }
  .item_viewer .contact_card .buttons_position {
    padding-top: 16px;
  }
  .item_viewer .contact_card .buttons .link {
    font-size: 9pt;
    display: inline-block;
    margin-right: 10px;
  }
  .item_viewer .contact_card .buttons .link:first-child {
    float: left;
  }
  .item_viewer .contact_card .buttons .link:last-child {
    margin-right: 0px;
  }
  .item_viewer .contact_card .fields {
    margin: 0px;
  }
  .item_viewer .contact_card .fields .fieldset {
    margin: 0 0 16px;
  }
  .item_viewer .contact_card .fields .row {
    margin: 0 0 8px;
    clear: both;
  }
  .item_viewer .contact_card .fields .row:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
  }
  * html > body .item_viewer .contact_card .fields .row {
    width: 100%;
    display: block;
  }
  * html .item_viewer .contact_card .fields .row {
    height: 1%;
  }
  .item_viewer .contact_card .fields .label {
    padding: 0 10px 0 0;
    white-space: normal;
    width: 120px;
    float: left;
  }
  html.rtl .item_viewer .contact_card .fields .label {
    float: right;
  }
  .item_viewer .contact_card .fields .label:after {
    content: ":";
  }
  .item_viewer .contact_card .fields .value {
    display: block;
    overflow: hidden;
  }
  .item_viewer .contact_card .fields h2 {
    font-size: 10pt;
  }
  /*=== END Contact card CSS ===*//*=== quick_reply CSS ===*/
  .quick_reply {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #f2f2f2;
    background: #f5f5f5;
    padding: 0px 23px 0px 17px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    max-height: 190px;
  }
  html.rtl .quick_reply {
    padding: 0px 17px 0px 23px;
  }
  .no-csstransitions .quick_reply {
    max-height: 86px;
    margin-bottom: -2px;
  }
  .csstransitions .quick_reply {
    -webkit-transition: max-height 500ms ease 50ms;
    -moz-transition: max-height 500ms ease 50ms;
    -o-transition: max-height 500ms ease 50ms;
    transition: max-height 500ms ease 50ms;
  }
  .csstransitions .quick_reply.saving {
    max-height: 0 !important;
  }
  .csstransitions .quick_reply.sending {
    max-height: 30px !important;
  }
  .csstransitions .quick_reply.sending .status {
    max-height: 30px;
    opacity: 1;
  }
  .quick_reply .status {
    max-height: 0px;
    opacity: 0;
    background: #FBFF89;
    background: #dac073;
    overflow: hidden;
    width: 100%;
    padding: 0px 17px;
    margin-left: -17px;
  }
  .csstransitions .quick_reply .status {
    -webkit-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
    -moz-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
    -o-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
    transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
  }
  .quick_reply .status .text {
    padding: 6px 10px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  }
  .quick_reply .row {
    white-space: nowrap;
    margin-top: 20px;
  }
  .quick_reply .row .placeholder {
    font-size: 11pt;
    padding-top: 6px;
    text-indent: 9px;
  }
  .quick_reply .row textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px;
    border-radius: 4px;
    height: 50px;
    width: 100%;
    color: #000;
    font-size: 11pt;
    padding: 6px 8px;
    resize: none;
    box-shadow: none;
  }
  .csstransitions .quick_reply .row textarea {
    -webkit-transition: height 300ms ease;
    -moz-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease;
  }
  .active.quick_reply .row textarea {
    height: 101px;
    font-family: Tahoma, sans-serif;
    font-size: 16px;
  }
  .quick_reply .buttons {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    text-align: left;
  }
  html.rtl .quick_reply .buttons {
    text-align: right;
  }
  .quick_reply .buttons .button {
    margin-right: 6px;
  }
  html.rtl .quick_reply .buttons .button {
    margin-right: 0px;
    margin-left: 6px;
  }
  .quick_reply .buttons .full_form {
    float: right;
    height: 0px;
    margin-top: 6px;
  }
  html.rtl .quick_reply .buttons .full_form {
    float: left;
  }
  .csstransitions .quick_reply .buttons {
    overflow: hidden;
    max-height: 0px;
    padding-bottom: 0px;
    opacity: 0;
    /* important: 50ms delay fix click on buttons*/
  
    -webkit-transition: all 300ms ease 50ms;
    -moz-transition: all 300ms ease 50ms;
    -o-transition: all 300ms ease 50ms;
    transition: all 300ms ease 50ms;
  }
  .csstransitions .quick_reply.active .buttons {
    overflow: visible;
    max-height: 25px;
    margin-bottom: 20px;
    opacity: 1;
  }
  .csstransitions .quick_reply.sending .buttons {
    max-height: 0px;
    margin-bottom: 0px;
    opacity: 0;
  }
  .csstransitions .quick_reply .row.data {
    overflow: hidden;
    max-height: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    opacity: 0;
    /* important: 50ms delay fix click on buttons*/
  
    -webkit-transition: all 300ms ease 50ms;
    -moz-transition: all 300ms ease 50ms;
    -o-transition: all 300ms ease 50ms;
    transition: all 300ms ease 50ms;
  }
  .csstransitions .quick_reply.active .row.data {
    overflow: visible;
    max-height: 25px;
    margin-top: 20px;
    margin-bottom: 6px;
    opacity: 1;
  }
  .csstransitions .quick_reply.sending .row.data {
    max-height: 0px;
    margin-bottom: 0px;
    opacity: 0;
  }
  /*=== END quick_reply CSS ===*//*=== Tabsbar CSS ===*/
  .tabs_panel {
    height: 90px;
    line-height: 90px;
    position: relative;
    z-index: 1000;
    padding: 0px 5px;
    font-weight: bold;
  }
  .tabs_panel .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 12pt;
    margin: 0px;
    padding: 4px 10px;
    line-height: 120%;
    position: relative;
    color: #ffffff;
    text-shadow: 0 0 5px #000000;
  }
  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.has_control .helper {
    padding-right: 24px;
  }
  .tabs_panel .item .link {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    text-decoration: none;
    position: relative;
    outline: none;
  }
  .tabs_panel .item:hover {
    color: #de3434;
  }
  .tabs_panel .item:hover .text {
    text-decoration: none;
  }
  .tabs_panel .item.expand a,
  .tabs_panel .item .control {
    z-index: 3003;
  }
  .tabs_panel .item .helper {
    visibility: hidden;
    position: relative;
    top: -40px;
    display: block;
    height: 0;
    overflow: hidden;
  }
  .tabs_panel .item .unseen {
    position: absolute;
    top: -7px;
    height: 11px;
    font-size: 6.4pt;
    color: #FFFFFF;
    background-color: #888785;
    border-radius: 7px;
    text-align: center;
    line-height: 12px;
    text-shadow: none;
    box-shadow: none;
    padding: 2px;
    background: rgba(0, 0, 0, 0.3);
    margin-left: 5px;
  }
  .tabs_panel .item .unseen.one {
    width: 11px;
    right: -10px;
  }
  .tabs_panel .item .unseen.two {
    width: 16px;
    right: -15px;
  }
  .tabs_panel .item .unseen.three {
    width: 21px;
    right: -20px;
  }
  .tabs_panel .item.emails.has_control .helper-container .helper {
    padding-right: 30px;
  }
  .tabs_panel .item.emails.has_control:first-child .helper-container .helper {
    padding-right: 40px;
  }
  .tabs_panel .current {
    color: #de3434;
  }
  .tabs_panel .control {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 16px;
    width: 14px;
    padding: 0px;
    cursor: pointer;
  }
  .tabs_panel .control:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .tabs_panel .control:before {
    content: "\e66d";
    font-size: 18px;
  }
  .tabs_panel .expand .control:before {
    content: "\e66e";
  }
  .tabs_panel .settings,
  .tabs_panel .logout {
    display: block;
    float: right;
    font-size: 8pt;
    height: auto;
    margin-left: 6px;
    margin-right: 0px;
    margin-top: 30px;
  }
  html.rtl .tabs_panel .settings,
  html.rtl .tabs_panel .logout {
    float: left;
    margin-left: 0px;
    margin-right: 6px;
  }
  .tabs_panel .logout span {
    cursor: pointer;
  }
  .tabs_panel .logo img {
    max-height: 82px;
  }
  .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: inherit;
    padding: 6px 10px;
    font-weight: normal;
  }
  .tabs_panel .dropdown_content .item:hover {
    background: #eee;
  }
  .tabs_panel .dropdown_content .item {
    text-shadow: none;
  }
  .tabs_panel .item.expand .text,
  .tabs_panel .item.expand:hover .text,
  .tabs_panel .item.expand .control {
    text-shadow: none;
    color: #626262;
  }
  /*=== 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: 2px 6px;
  }
  /*=== Screen overrides part ===*/
  /*=== Login screen CSS ===*/
  .LoginLayout {
    text-align: center;
  }
  html.mobile .LoginLayout {
    background: url("images/background.jpg") repeat 0 0;
  }
  .LoginLayout .vhelper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
  }
  .login_panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
    font-size: 9pt;
    width: 280px;
    color: #929292;
    color: #fff;
  }
  .login_panel .header {
    height: 95px;
    margin-bottom: 30px;
  }
  .login_panel .header.custom_logo {
    background: none;
    height: auto;
  }
  .login_panel .header .icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
  }
  .login_panel .header .text {
    display: none;
  }
  .login_panel .header .icon {
    height: 95px;
    width: 125px;
  }
  .login_panel .header .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .login_panel .header .icon:before {
    content: "\e63c";
    display: inline-block;
    vertical-align: middle;
    font-size: 140px;
    height: 100%;
    width: 100%;
    margin-top: -20px;
    color: #fff;
    text-shadow: 0 0 15px #AAD5E6;
  }
  .login_panel .login_panel_content {
    -webkit-perspective: 4000px;
    -moz-perspective: 4000px;
    -o-perspective: 4000px;
    perspective: 4000px;
    position: relative;
  }
  .login_panel .login_panel_content .col {
    -webkit-perspective: 4000px;
    -moz-perspective: 4000px;
    -o-perspective: 4000px;
    perspective: 4000px;
  }
  .login_panel .login_panel_content .col.left {
    text-align: center;
    margin-right: 276px;
    padding-right: 20px;
  }
  .login_panel .login_panel_content .col.right {
    position: absolute;
    right: 0px;
    width: 276px;
  }
  .login_panel .login_panel_content .content {
    visibility: visible;
    opacity: 1;
    float: left;
    margin-top: 0px;
    width: 100%;
    box-shadow: 0px 0px 0px #fff;
    -webkit-transition: -webkit-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms;
    -moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms;
    transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 290ms;
  }
  .login_panel .login_panel_content .content.register,
  .login_panel .login_panel_content .content.changepass,
  .login_panel .login_panel_content .content.social_register {
    left: 50%;
    margin-left: -130px;
    position: relative;
    width: 260px;
  }
  .login_panel .login_panel_content .content.send {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  .login_panel .login_panel_content .content.send .question {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 1px 1px #DDDDDD inset;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    height: 214px;
    width: 100%;
    color: #000;
    font-size: 11pt;
    padding: 6px 8px;
    resize: none;
  }
  .login_panel .login_panel_content .content.forgot .row {
    border-radius: 4px !important;
  }
  .login_panel .login_panel_content .content.register,
  .login_panel .login_panel_content .content.changepass,
  .login_panel .login_panel_content .content.social_register {
    text-align: center;
  }
  .login_panel .login_panel_content .content.social_register .question_title,
  .login_panel .login_panel_content .content.send .question_title {
    display: block;
    font-size: 11pt;
    color: #929292;
  }
  .login_panel .login_panel_content .content.forgot,
  .login_panel .login_panel_content .content.changepass,
  .login_panel .login_panel_content .content.register,
  .login_panel .login_panel_content .content.signin,
  .login_panel .login_panel_content .content.activation,
  .login_panel .login_panel_content .content.changepass,
  .login_panel .login_panel_content .content.social_register {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    visibility: hidden;
    opacity: 0;
    margin-top: -100000px;
  }
  .login_panel .login_panel_content .content.activation {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    width: 240px;
    white-space: normal;
    font-size: 12pt;
    text-shadow: 0px 1px 0px #f3f3f3;
  }
  .login_panel.flipForgot .content.login,
  .login_panel.flipChangepass .content.send,
  .login_panel.flipRegister .content.login,
  .login_panel.flipRegister .content.send,
  .login_panel.flipRegister.flipForgot .content.forgot,
  .login_panel.flipSignin .content.login,
  .login_panel.flipSocialRegister .content.login,
  .login_panel.flipSocialRegister .content.send,
  .login_panel.flipActivation .content.login,
  .login_panel.flipChangepass .content.login {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    visibility: hidden;
    opacity: 0;
    margin-top: -100000px;
  }
  .login_panel.flipForgot .content.forgot,
  .login_panel.flipChangepass .content.changepass,
  .login_panel.flipRegister .content.register,
  .login_panel.flipSignin .content.signin,
  .login_panel.flipSocialRegister .content.social_register {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
  }
  .login_panel.flipActivation .content.activation {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
  }
  .login_panel .languages {
    position: fixed;
    top: 20px;
    right: 20px;
    border-radius: 5px;
    padding: 10px 16px;
  }
  html.rtl .login_panel .languages {
    right: auto;
    left: 20px;
  }
  .login_panel .description {
    color: #929292;
    margin-top: 20px;
  }
  .login_panel .social_description {
    background: #d7dcdf;
    border: 1px solid #c7cccf;
    border-radius: 4px;
    margin: 20px;
    padding: 10px;
    width: 400px;
    margin-left: -85px;
    color: #464646;
  }
  .login_panel .fieldset {
    border-radius: 2px;
    box-shadow: 0 0 26px #B5F6FF;
  }
  .login_panel .row {
    background: #ffffff;
    margin: -1px 0px 0px;
    padding: 10px;
    padding-left: 30px;
    border: 1px solid #92c1d7;
    border-width: 1px;
    text-align: right;
    white-space: nowrap;
  }
  .login_panel .row.focused {
    background: #fffaea;
    border-width: 1px;
    border-color: #ddcfa1;
    position: relative;
  }
  .login_panel .row.shake {
    -webkit-animation: shake 0.8s linear;
    -moz-animation: shake 0.8s linear;
    animation: shake 0.8s linear;
  }
  .login_panel .row:first-child {
    box-shadow: 0 1px 1px #DDDDDD inset;
    border-radius: 4px 4px 0px 0px;
  }
  .login_panel .row:last-child {
    border-width: 1px;
    border-radius: 0px 0px 4px 4px;
  }
  .login_panel .row .value {
    vertical-align: middle;
  }
  .login_panel .row .value.suffix {
    margin-left: 16px;
  }
  .login_panel .row .value.suffix .text {
    font: 12pt Helvetica, Tahoma, Arial, sans-serif;
    color: #777;
  }
  .login_panel .row .title {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative;
    text-indent: 0px;
    font-size: 12pt;
    float: none;
    cursor: text;
    zoom: 1;
    *display: inline;
  }
  .login_panel .row .placeholder {
    margin-left: -20px;
  }
  html.rtl .login_panel .row .placeholder {
    margin-left: 0px;
    margin-right: -20px;
  }
  .login_panel .row .placeholder:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .login_panel .row .placeholder:before {
    color: #D5D4D2;
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    height: 20px;
    width: 20px;
    /*margin-top: -6px;*/
    margin-right: 4px;
  }
  html.rtl .login_panel .row .placeholder:before {
    margin-right: 0px;
    margin-left: 4px;
  }
  .login_panel .row.filled .placeholder:before,
  .login_panel .row.focused .placeholder:before {
    color: #CBC9C6;
  }
  .login_panel .row.email > .placeholder:before {
    content: "\e627";
  }
  .login_panel .row.password > .placeholder:before {
    content: "\e625";
  }
  .login_panel .row.name > .placeholder:before,
  .login_panel .row.login > .placeholder:before {
    content: "\e626";
  }
  .login_panel .row.question,
  .login_panel .row.answer {
    padding-left: 10px;
  }
  .login_panel .row.question html.rtl,
  .login_panel .row.answer html.rtl {
    padding-right: 10px;
  }
  .login_panel .row.question .placeholder,
  .login_panel .row.answer .placeholder {
    width: 0px;
  }
  .login_panel .row .input {
    background: transparent;
    color: #444;
    font: 12pt Helvetica, Tahoma, Arial, sans-serif;
    padding: 1px 0px;
    text-indent: 3px;
    width: 100%;
    display: inline-block;
    outline: none;
    border: 0px !important;
    box-shadow: none;
    border-radius: 0px;
    text-align: left;
  }
  .login_panel .row .input:focus {
    box-shadow: none;
  }
  .login_panel .row .input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
  }
  .login_panel .row .input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff3ce inset !important;
  }
  .login_panel .custom_checkbox.focus {
    box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd;
  }
  .login_panel .custom_checkbox.focus .icon {
    border: 1px solid #fff;
  }
  .login_panel .buttons {
    padding: 0px;
    margin-top: 20px;
    border: 0px;
    background: none;
  }
  .login_panel .buttons .button {
    display: block;
    padding: 10px;
    font-size: 12pt;
    width: 100%;
  }
  .login_panel .buttons .button:focus {
    border: 1px solid #eee;
  }
  .login_panel .signme,
  .login_panel .links {
    font-size: 9pt;
    text-align: left;
    padding: 0px;
    margin-top: 14px;
    background: none;
    border: 0px;
    border-radius: 0px;
  }
  html.rtl .login_panel .signme,
  html.rtl .login_panel .links {
    text-align: right;
  }
  .login_panel .signme .title {
    height: auto;
    width: auto;
    font-size: 9pt;
    text-indent: 0px;
    cursor: pointer;
  }
  .login_panel .signme input {
    vertical-align: middle;
  }
  .login_panel .links .forgot {
    float: right;
    margin-left: 16px;
  }
  .login_panel.login .row.login {
    border-radius: 4px 4px 0px 0px;
  }
  .login_panel.login.email .row.login {
    border-radius: 0px;
  }
  .login_panel .social .facebook,
  .login_panel .social .google,
  .login_panel .social .twitter {
    display: inline-block;
    height: 20px;
    width: 75px;
    color: #fff;
    text-align: right;
    cursor: pointer;
    margin-bottom: 3px;
  }
  .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;
  }
  .panel.folders .customscroll-scrollbar-vertical {
    margin-right: -2px;
  }
  html.rtl .panel.folders .customscroll-scrollbar-vertical {
    margin-right: 0;
    margin-left: -2px;
  }
  /*=== END Folders List CSS ===*/
  /*=== Message List CSS ===*/
  .messages .middle_bar {
    padding-top: 39px;
    margin-top: -39px;
    padding-bottom: 47px;
    margin-bottom: -47px;
  }
  .messages .items_list .item .flag {
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    margin-top: 7px;
    cursor: pointer;
    position: relative;
    text-align: center;
    color: #cccccc;
  }
  .messages .items_list .item .flag:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .messages .items_list .item .flag:after {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .messages .items_list .item .flag:before {
    font-size: 20px;
    display: block;
    margin-left: -2px;
    content: "\e652";
  }
  .messages .items_list .item .flag:after {
    visibility: hidden;
    font-size: 24px;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFB736;
    margin: -22px 0 0 -4px;
    content: "\e61f";
    opacity: 0;
    -webkit-transform-origin: 13px 13px;
    -moz-transform-origin: 13px 13px;
    -o-transform-origin: 13px 13px;
    transform-origin: 13px 13px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
    -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
    -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
    transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
  }
  .messages .items_list .item.checked .flag:not(.partial):before {
    color: #e7db9b;
  }
  .messages .items_list .item.selected .flag:not(.partial):before {
    color: #cae4e9;
  }
  .messages .items_list .use_threads .item .partial {
    color: #ffb736;
  }
  .messages .items_list .item .flagged:after {
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
    -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
    -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
    transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
  .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: none;
  }
  .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;
    min-height: 16px;
    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.6.7') 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 .importance {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    margin-top: -3px;
  }
  .messages .items_list .item .importance:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .messages .items_list .item .importance:before {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    width: 7px;
    content: "\e620";
  }
  .messages .items_list .item.selected .importance {
    color: #fff;
    border-color: #fff;
  }
  .messages .items_list .item .attachments {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
  }
  .messages .items_list .item .attachments.has_attachments:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .messages .items_list .item .attachments.has_attachments:before {
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-size: 20px;
    content: "\e622";
  }
  .messages .items_list .item .attachments.has_vcard_attachment:before {
    content: "\e621";
  }
  .messages .items_list .item .attachments.has_ical_attachment:before {
    content: "\e623";
  }
  .messages .items_list .item.selected .attachments.has_attachments:before {
    color: none;
  }
  .messages .items_list .item.selected .thread {
    background: #edf7f9;
  }
  .messages .items_list .item.checked .thread {
    background: #fefbea;
  }
  .messages .items_list .item.checked .thread:hover {
    background-color: #fdf6d2;
  }
  .messages .items_list .item .thread {
    background: #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 9px;
    color: #999999;
    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: #8dcdd9;
  }
  .messages .items_list .item .thread.unread {
    background-color: #cccccc;
    border: 1px solid #cccccc;
    color: #ffffff;
  }
  .messages .items_list .item .thread.unread:hover {
    background-color: #bfbfbf;
  }
  .messages .items_list .item.selected .thread {
    background: #edf7f9;
    border: 1px solid #a1d5e0;
    color: #7ac4d3;
  }
  .messages .items_list .item.selected .thread:hover {
    background-color: #daeff3;
  }
  .messages .items_list .item.selected .thread.unread {
    background-color: #a1d5e0;
    border: 1px solid #a1d5e0;
    color: #ffffff;
  }
  .messages .items_list .item.selected .thread.unread:hover {
    background-color: #8dcdd9;
  }
  .messages .items_list .not_use_threads .item .thread_loading,
  .messages .items_list .not_use_threads .item.thread_more_messages,
  .messages .items_list .not_use_threads .item .thread {
    display: none;
  }
  /*=== END Message List CSS ===*/
  /*=== Message viewer CSS ===*/
  .message_viewer .panel_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: 0px !important;
    padding: 0px !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 .nosubject .subject {
    color: #888888;
    opacity: 0.3;
    filter: alpha(opacity=30);
  }
  .message_viewer .message_header .resizer {
    height: 85px;
  }
  .message_viewer .message_header .resizer.large {
    height: 130px;
  }
  .message_viewer .message_header .header_row {
    clear: both;
  }
  .message_viewer .message_header .toolbar {
    float: right;
    border: 0px;
    padding: 0px;
    background: 0px;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    max-width: 100%;
    width: auto;
    overflow: visible;
    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;
    margin-right: 16px;
    box-shadow: none !important;
    background: none !important;
  }
  .message_viewer .message_header .toolbar .content > .item:last-child {
    margin-right: 0px;
  }
  .message_viewer .message_header .toolbar .content > .item > .icon {
    color: #929292 !important;
  }
  .message_viewer .message_header .toolbar .content > .item > .icon:hover {
    color: #727272 !important;
  }
  .message_viewer .message_header .toolbar .content > .item .icon.arrow:before {
    font-size: 20px;
  }
  .message_viewer .message_header .toolbar .content > .item .dropdown .item .icon {
    margin-right: 5px;
  }
  .message_viewer .message_header .header_content {
    padding: 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 {
    margin: 4px 0 0 4px;
    top: -4px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .message_viewer .message_header .message_info .message_info_line {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .message_viewer .message_header .message_info.message_detail_info .message_info_line {
    white-space: normal;
    max-height: 72px;
    overflow-y: auto !important;
  }
  .message_viewer .message_header .details_show,
  .message_viewer .message_header .details_hide {
    display: inline-block;
    vertical-align: bottom;
    float: left;
    width: 16px;
    height: 16px;
    position: absolute;
    color: #727272;
    overflow: hidden;
  }
  html.rtl .message_viewer .message_header .details_show,
  html.rtl .message_viewer .message_header .details_hide {
    margin-right: 0px;
    margin-left: 6px;
  }
  .message_viewer .message_header .details_show:before,
  .message_viewer .message_header .details_hide:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .message_viewer .message_header .details_show:before,
  .message_viewer .message_header .details_hide:before {
    font-size: 18px;
    display: inline-block;
    content: "\e66d";
  }
  .message_viewer .message_header .details_hide:before {
    content: "\e66e";
  }
  .message_viewer .message_header .title {
    color: #777777;
  }
  .message_viewer .message_header .subject {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    color: #4d4d4d;
    font-size: 14pt;
    font-weight: normal;
  }
  .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;
    margin-top: 6px;
  }
  html.rtl .message_viewer .message_header .date {
    float: left;
  }
  .message_viewer .message_header .from {
    color: #de3434;
    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;
    -ms-word-break: break-all;
    word-wrap: break-word;
  }
  .message_viewer .appointment .row.fluid .value {
    width: 99%;
  }
  .message_viewer .appointment .event_state {
    color: #929292;
    padding-left: 5px;
  }
  .message_viewer .appointment .buttons {
    display: inline-block;
    margin-top: 7px;
  }
  .message_viewer .appointment .buttons .button {
    margin-right: 5px;
  }
  .message_viewer .appointment .buttons.animation .button {
    -webkit-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
    -moz-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
    -o-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
    transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
  }
  .message_viewer .appointment .buttons.touched .button {
    opacity: 0.4;
  }
  .message_viewer .appointment .buttons.touched .button:hover,
  .message_viewer .appointment .buttons.touched .button.state {
    opacity: 1;
  }
  .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;
  }
  .panel.thread_viewer .panel_top .expand .owner.found,
  .message_viewer .message_header .expand .from.found {
    padding: 3px 7px 0px;
    margin: -3px -7px 0px 0px;
    background: #fff;
    border-radius: 4px 4px 0px 0px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1001;
    display: inline-block;
  }
  .item_viewer .title .add_contact,
  .item_viewer .message_header .add_contact {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    color: #de3434;
    cursor: pointer;
  }
  .item_viewer .title .add_contact:before,
  .item_viewer .message_header .add_contact:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .item_viewer .title .add_contact:before,
  .item_viewer .message_header .add_contact:before {
    content: "\e641";
    font-size: 15px;
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    height: auto;
    margin: 0;
  }
  /*=== END Message viewer CSS ===*/
  .messages .middle_bar {
    -webkit-transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms;
    -moz-transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms;
    -o-transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms;
    transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms;
  }
  .messages .middle_bar.advanced_search {
    padding-top: 198px;
    margin-top: -198px;
  }
  .messages .middle_bar.advanced_search .panel_top {
    height: 185px;
  }
  .messages .middle_bar .panel_top {
    height: 26px;
    -webkit-transition: height 500ms ease 0ms;
    -moz-transition: height 500ms ease 0ms;
    -o-transition: height 500ms ease 0ms;
    transition: height 500ms ease 0ms;
  }
  /*=== Compose screen CSS ===*/
  .MailComposeLayout .panels,
  .compose_popup .panels {
    background: #fff;
  }
  .panel.compose {
    box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23);
    display: inline-block;
    width: 100%;
    overflow: hidden;
  }
  .panel.compose .panel.left_panel .panel_content,
  .panel.compose .panel.right_panel .panel_content {
    padding-top: 0px;
    margin-top: 0px;
  }
  .panel.compose .left_panel {
    z-index: 2;
    width: 80%;
    border: none;
    border-radius: 0;
    box-shadow: 3px 0 2px #f1f1f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .panel.compose .left_panel .middle_bar {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 40px;
    margin-bottom: -40px;
  }
  .panel.compose .left_panel .panel_top {
    border: 0px;
    background: none;
    padding: 6px 11px;
    position: relative;
  }
  .panel.compose .left_panel .panel_center {
    padding-top: 1px;
    background: none;
  }
  .panel.compose .left_panel .panel_bottom {
    white-space: nowrap;
    word-wrap: normal;
    background: none;
    border: 0px;
    border-radius: 0px;
    height: auto;
    padding: 8px 12px 0 12px;
    overflow: hidden;
  }
  .panel.compose .left_panel .panel_bottom .hint {
    display: inline-block;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
  }
  .panel.compose .left_panel .panel_bottom .hotkey_value {
    color: #5a6373;
    text-shadow: 0 1px 0 #FFFFFF;
    margin: 0 4px 0 0;
  }
  .panel.compose .left_panel .panel_bottom .hotkey_action {
    color: #222222;
    text-shadow: 0 1px 0 #dddddd;
    margin: 0 12px 0 0;
  }
  .panel.compose .left_panel .panel_bottom .more_hints {
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
  }
  .panel.compose .left_panel .panel_bottom .more_hints .icon {
    overflow: hidden;
    font-size: 16pt;
    cursor: pointer;
  }
  .panel.compose .left_panel .panel_bottom .more_hints .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.compose .left_panel .panel_bottom .more_hints .icon:before {
    content: "\e651";
  }
  .panel.compose .left_panel .panel_bottom .more_hints .dropdown .item {
    cursor: auto !important;
  }
  .panel.compose .left_panel .panel_bottom .more_hints .dropdown .item:hover {
    background: none;
  }
  .panel.compose .right_panel {
    width: 20%;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    overflow: hidden;
  }
  .panel.compose .right_panel .panel_center,
  .panel.compose .right_panel .items_list .item {
    background-color: inherit;
  }
  .panel.compose .right_panel .panel_center .item_content,
  .panel.compose .right_panel .items_list .item .item_content {
    background-color: #fff;
    box-shadow: 0 2px 6px #ccc;
  }
  .panel.compose .right_panel .middle_bar {
    padding-top: 37px;
    margin-top: -37px;
  }
  .panel.compose .right_panel .middle_bar .panel_top {
    padding: 6px 10px;
    text-align: center;
    line-height: 180%;
    background-color: inherit;
    border: none;
    padding-top: 35px !important;
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button {
    display: inline;
    vertical-align: middle;
    color: #aaa;
    cursor: pointer;
    margin-right: 21px;
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button:hover {
    color: #888;
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    font-size: 28px;
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button.google .icon:before {
    content: "\e654";
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button.dropbox .icon:before {
    content: "\e655";
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button.files .icon:before {
    content: "\e656";
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button.desktop .icon:before {
    content: "\e622";
  }
  .panel.compose .right_panel .middle_bar .panel_top .uploader_button .text {
    display: none;
  }
  .panel.compose .html_editor {
    margin-left: 11px;
    margin-right: 11px;
    border-top: solid 1px #e2e2e2 !important;
  }
  .panel.compose .html_editor .toolbar {
    border: none;
    background-color: #fdfdfd !important;
  }
  .panel.compose .html_editor .toolbar .separator {
    border-left: 1px solid #eee;
  }
  .panel.compose .html_editor .workarea {
    border: none;
  }
  .panel.compose .input.inputosaurus {
    position: relative;
  }
  .panel.compose .disable_mask {
    position: absolute;
    opacity: 0.2;
    background: #ccc;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 100;
  }
  .panel.compose .panel_content > .toolbar {
    background: #f7f7f7;
    filter: none;
    border: none;
  }
  .panel.compose .panel_content > .toolbar .text {
    display: inline-block;
    font-weight: normal !important;
    font-size: 13pt !important;
  }
  /*.panel.compose .panel_content > .toolbar .item:not(.send):hover {
    color: #4f4f4f;
  }*/
  .panel.compose .panel_content > .toolbar .back .text {
    display: none;
  }
  .panel.compose .panel_content > .toolbar .icon {
    display: none;
  }
  .panel.compose .panel_content > .toolbar .back .icon,
  .panel.compose .panel_content > .toolbar .new_window .icon,
  .panel.compose .panel_content > .toolbar .save_and_close .icon,
  .panel.compose .panel_content > .toolbar .minimize .icon,
  .panel.compose .panel_content > .toolbar .maximize .icon,
  .panel.compose .panel_content > .toolbar .confirmation .icon,
  .panel.compose .panel_content > .toolbar .pgp .icon {
    display: inline-block;
  }
  .panel.compose .panel_content > .toolbar .new_window,
  .panel.compose .panel_content > .toolbar .minimize,
  .panel.compose .panel_content > .toolbar .maximize,
  .panel.compose .panel_content > .toolbar .save_and_close {
    border: 0px;
    background: transparent;
    box-shadow: none;
    float: right;
  }
  html.rtl .panel.compose .panel_content > .toolbar .new_window,
  html.rtl .panel.compose .panel_content > .toolbar .minimize,
  html.rtl .panel.compose .panel_content > .toolbar .maximize,
  html.rtl .panel.compose .panel_content > .toolbar .save_and_close {
    float: left;
  }
  .panel.compose .notice {
    padding: 8px 11px;
    background: #FFFFC5;
    color: #B5AD94;
    border-bottom: 1px solid #F5EDD4;
  }
  .panel.compose .input {
    border: 1px solid #ccc;
    box-shadow: none;
  }
  .panel.compose table.fields {
    width: 100%;
  }
  .panel.compose table.fields tr {
    border: none;
  }
  .panel.compose table.fields.no-compressed tr.from,
  .panel.compose table.fields.no-compressed tr.to,
  .panel.compose table.fields.no-compressed tr.cc,
  .panel.compose table.fields.no-compressed tr.bcc {
    border-bottom: 1px solid #e2e2e2;
  }
  .panel.compose table.fields td {
    padding: 4px 0px;
  }
  .panel.compose table.fields .label {
    color: #bababa;
    font-size: 13pt !important;
    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 .value .input,
  .panel.compose table.fields .value input {
    color: #444;
    border: none;
    box-shadow: none;
    font-size: 13pt !important;
  }
  .panel.compose table.fields .inputosaurus-container li.ui-draggable,
  .panel.compose table.fields .inputosaurus-moving-container li {
    background-color: #e5eff7;
    color: #5b9bcd;
    border: none;
    box-shadow: none;
    border-radius: 11px;
    padding: 3px 28px 3px 12px !important;
  }
  .panel.compose table.fields .inputosaurus-container li.ui-draggable a.ficon,
  .panel.compose table.fields .inputosaurus-moving-container li a.ficon {
    margin-top: 0px !important;
    margin-right: 12px !important;
  }
  .panel.compose table.fields .inputosaurus-container li.ui-draggable.inputosaurus-selected,
  .panel.compose table.fields .inputosaurus-moving-container li.inputosaurus-selected {
    background-color: #5b9bcd;
    color: #fff;
  }
  .panel.compose table.fields .inputosaurus-container li.ui-draggable.inputosaurus-selected a.ficon,
  .panel.compose table.fields .inputosaurus-moving-container li.inputosaurus-selected a.ficon {
    color: #fff;
    margin-top: 0px !important;
    margin-right: 12px !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 .inputosaurus,
  .panel.compose table.fields .bcc .inputosaurus,
  .panel.compose table.fields .to .inputosaurus {
    padding: 0px;
  }
  .panel.compose table.fields .cc .inputosaurus .scroll-inner,
  .panel.compose table.fields .bcc .inputosaurus .scroll-inner,
  .panel.compose table.fields .to .inputosaurus .scroll-inner {
    max-height: 100px;
  }
  .panel.compose .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;
    background-color: #fafafa;
  }
  .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 .items_list .list_notification {
    padding-top: 24px;
  }
  .panel.compose .attachments .attachments_container {
    padding: 20px;
  }
  .panel.compose .table-compressor {
    position: absolute;
    bottom: 0;
    left: 0%;
    margin-left: -20px;
    width: 100%;
    height: 16px;
    overflow: hidden;
    cursor: pointer;
    color: #999;
    z-index: 2;
    text-align: center;
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
  }
  .panel.compose .table-compressor:hover {
    color: #444;
  }
  .panel.compose .table-compressor:after {
    position: relative;
    content: "\e66e";
    font-family: 'afterlogic';
    font-size: 18px;
    line-height: 15px;
  }
  .panel.compose .table-compressor.compressed {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .panel.compose .item {
    background-color: inherit;
    box-shadow: none;
    border: 0;
  }
  .compose_popup {
    z-index: 1000;
  }
  .compose_popup:not(.minimized) {
    position: absolute;
  }
  .compose_popup.minimized {
    bottom: 0;
    height: auto;
    left: auto;
    right: 0;
    top: auto;
    width: auto;
  }
  .compose_popup.minimized .toolbar {
    background: #f7f7f7;
    box-shadow: 1px 1px 4px #ccc;
    border: none;
    border-radius: none;
    margin: 5px;
    cursor: pointer;
  }
  .compose_popup.minimized .toolbar .item.minimized_title {
    max-width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .compose_popup.minimized .toolbar .item.minimized_title,
  .compose_popup.minimized .toolbar .item.minimized_title:hover,
  .compose_popup.minimized .toolbar .item.maximize,
  .compose_popup.minimized .toolbar .item.save_and_close {
    background: transparent;
    border: none;
    box-shadow: none;
    float: none;
  }
  .compose_popup.minimized .toolbar .item.minimized_title .text,
  .compose_popup.minimized .toolbar .item.minimized_title:hover .text,
  .compose_popup.minimized .toolbar .item.maximize .text,
  .compose_popup.minimized .toolbar .item.save_and_close .text {
    display: inline;
  }
  .compose_popup.minimized .toolbar .item.minimized_title:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .compose_popup .popup_panel {
    width: 90%;
    height: 90%;
    max-width: 90%;
    padding: 0;
  }
  /*=== END Compose screen CSS ===*/
  /*=== Settings screen CSS ===*/
  .panels.settings .panel {
    /* width: 60%; */
  
    width: 800px;
  }
  html.non-adjustable .panels.settings .panel {
    margin-bottom: 4px;
  }
  .panels.settings .panel.data {
    background: #F9F9F9;
  }
  .panels.settings .panel.navigation {
    width: 15%;
  }
  .panels.settings .panel.navigation .middle_bar {
    padding-top: 22px;
    margin-top: 0px;
  }
  .panels.settings .panel.navigation .item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .panels.settings .panel.navigation .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 4px;
  }
  .panels.settings .panel.navigation .item .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panels.settings .panel.navigation .item .icon:before {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 20px;
  }
  .panels.settings .panel.navigation .item.common .icon:before {
    content: "\e639";
  }
  .panels.settings .panel.navigation .item.accounts .icon:before {
    content: "\e638";
  }
  .panels.settings .panel.navigation .item.calendar .icon:before {
    content: "\e63a";
  }
  .panels.settings .panel.navigation .item.services .icon:before {
    content: "\e672";
  }
  .panels.settings .panel.navigation .item.cloud-storage .icon:before {
    content: "\e656";
  }
  .panels.settings .panel.navigation .item.mobile_sync .icon:before {
    content: "\e636";
  }
  .panels.settings .panel.navigation .item.outlook_sync .icon:before {
    content: "\e635";
  }
  .panels.settings .panel.navigation .item.helpdesk .icon:before {
    content: "\e637";
  }
  .panels.settings .panel.navigation .item.pgp .icon:before {
    content: "\e658";
  }
  .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: none;
    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;
    word-wrap: break-word;
  }
  .panels.settings .fields .row .input {
    font-size: 10pt;
    padding: 7px 9px 6px;
    /*width: 100%;*/
  
  }
  .panels.settings .fields .row .value.offset {
    display: inline-block;
    padding-left: 150px;
  }
  .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 .pgp .fields .row .value.offset {
    padding-left: 0;
  }
  .panels.settings .fields .hint {
    /*	border-radius: 4px;*/
  
    padding: 4px 6px;
    margin: -12px -6px 12px;
  }
  .panels.settings .signature .fields .hint {
    margin: -12px -6px 12px 14px;
  }
  .panels.settings .mobile_sync .fields .label {
    float: left;
  }
  .panels.settings .mobile_sync .fields .value {
    display: block;
    overflow: hidden;
    -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 {
    text-decoration: none;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
  }
  .panels.settings .ios_profile a .icon {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 31px;
    margin-top: 0;
    font-size: 26px;
    color: #91908e;
    -webkit-transition: opacity 300ms ease 0s;
    -moz-transition: opacity 300ms ease 0s;
    -o-transition: opacity 300ms ease 0s;
    transition: opacity 300ms ease 0s;
  }
  .panels.settings .ios_profile a .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panels.settings .ios_profile a .icon:before {
    content: "\e63d";
  }
  .panels.settings .ios_profile a:hover .icon {
    opacity: 0.8;
  }
  .panels.settings .buttons {
    margin: 0px 20px 15px;
  }
  .panels.settings .fieldset .buttons {
    margin: 0px 0px 15px 0px;
  }
  .settings .tabs {
    margin-top: 20px;
    margin-bottom: 16px;
  }
  .settings .tabs .tabs-links {
    opacity: 0;
    height: 0;
    overflow: hidden;
    width: 0;
  }
  .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_list {
    border: 1px solid #d5d9dc;
    background: #fafafa;
    border-radius: 4px;
    margin: 0px 20px;
    overflow: hidden;
    clear: both;
  }
  .settings .accounts_list:after {
    /*Opera*/
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
  }
  * html > body .settings .accounts_list {
    width: 100%;
    display: block;
  }
  * html .settings .accounts_list {
    /* IE 6 */
    height: 1%;
  }
  .settings .accounts_list .item {
    padding: 6px 10px;
    border-bottom: 1px solid #d5d9dc;
    color: #626262;
    cursor: pointer;
  }
  .settings .accounts_list .item.fetcher .icon {
    display: inline-block;
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    font-size: 20px;
  }
  .settings .accounts_list .item.fetcher .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .settings .accounts_list .item.fetcher .icon.fetcher:before {
    content: "\e65b";
  }
  .settings .accounts_list .item.fetcher .icon.loyal {
    margin-left: 10px;
    font-family: monospace;
    height: 17px;
    font-size: 19px;
  }
  .settings .accounts_list .item.fetcher .label {
    color: #929292;
  }
  .settings .accounts_list .item.fetcher .title {
    font-weight: bold;
  }
  .settings .accounts_list .item:last-child {
    border-bottom: 0px;
  }
  .settings .accounts_list .item.selected {
    background: #f1f1f1;
    color: #4d4d4d;
    font-weight: bold;
  }
  .settings .accounts_list .button {
    float: right;
  }
  .settings .accounts_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;
  }
  .row.keys_label {
    margin-bottom: 6px !important;
  }
  .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 .title:hover {
    background: rgba(0, 0, 0, 0.03);
  }
  .settings .folders.items_list .canDrag .title:hover:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .settings .folders.items_list .canDrag .title:hover:before {
    content: "\e65d";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    opacity: 0.3;
    filter: alpha(opacity=30);
  }
  .settings .folders.items_list .title .input {
    width: 200px;
  }
  .settings .folders.items_list .controls {
    float: right;
  }
  htm.rtl .settings .folders.items_list .controls {
    float: left;
  }
  .settings .folders.items_list .controls .button {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .settings .folders.items_list .controls .button:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .settings .folders.items_list .controls .button:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .settings .folders.items_list .controls .button.disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default !important;
  }
  .settings .folders.items_list .controls .button.delete:before {
    content: "\e65f";
  }
  .settings .folders.items_list .controls .button.subscribe:before {
    content: "\e660";
  }
  .settings .folders.items_list .controls .button.subscribe.subscribed:before {
    content: "\e65e";
  }
  .settings .folders.items_list .controls .button.up {
    background-position: -680px -120px;
  }
  .settings .folders.items_list .controls .button.up:hover {
    background-position: -680px -140px;
  }
  .settings .folders.items_list .controls .button.down {
    background-position: -700px -120px;
  }
  .settings .folders.items_list .controls .button.down:hover {
    background-position: -700px -140px;
  }
  .settings .folders.items_list .total .count {
    margin-right: 62px !important;
  }
  html.rtl .settings .folders.items_list .total .count {
    margin-right: 0px;
    margin-left: 62px !important;
  }
  .settings .fields .filter .value {
    word-spacing: 0.7ex;
  }
  .settings .fields .filter .value .part {
    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 .helpdesk .input,
  .settings .autoresponder .input {
    width: 520px;
  }
  .settings .helpdesk .signature .input,
  .settings .autoresponder .message .input {
    height: 145px;
  }
  .settings .signature .editor_row .custom_radio {
    float: left;
    margin-right: 4px;
  }
  html.rtl .settings .signature .editor_row .custom_radio {
    float: right;
    margin-right: 0px;
    margin-left: 4px;
  }
  .settings .signature .editor_row .editor {
    height: 200px;
    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: 4px;
  }
  html.rtl .panel.contacts .panel_top .search_block {
    padding-right: 0px;
    padding-left: 30px;
  }
  .panel.contacts .middle_bar {
    padding-top: 39px;
    margin-top: -39px;
    padding-bottom: 47px;
    margin-bottom: -47px;
  }
  .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.selected .me .me {
    color: #6D6D6D !important;
  }
  .panel.contacts .item.selected .me .email {
    color: #519CE2 !important;
  }
  .panel.contacts .item.selected .me .subject {
    color: #606060 !important;
  }
  .panel.contacts .item.selected .me.noname .data .name,
  .panel.contacts .item.selected .me.noemail .data .email {
    font-weight: normal !important;
    color: #888 !important;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
  }
  .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 .group {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-top: -1px;
  }
  .panel.contacts .item .data .group:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.contacts .item .data .group:before {
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-size: 20px;
  }
  .panel.contacts .item .data .group.personal:before {
    content: "\e618";
  }
  .panel.contacts .item .data .group.shared:before {
    content: "\e629";
  }
  .panel.contacts .item .data .group.global:before {
    content: "\e619";
  }
  .panel.contacts .item .data .name {
    display: block;
    margin-bottom: 10px;
    font-size: 12pt;
  }
  .panel.contacts .item .data .email {
    color: #519CE2;
  }
  .panel.contacts .item.selected .data .email {
    color: #fff;
  }
  .panel.contacts .item.selected .data .email .me {
    color: #6D6D6D !important;
  }
  .panel.contacts .item.selected .data .email .email {
    color: #519CE2 !important;
  }
  .panel.contacts .item.selected .data .email .subject {
    color: #606060 !important;
  }
  .panel.contacts .item.selected .data .email.noname .data .name,
  .panel.contacts .item.selected .data .email.noemail .data .email {
    font-weight: normal !important;
    color: #888 !important;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
  }
  .panel.contacts .item.noname .data .name,
  .panel.contacts .item.noemail .data .email {
    font-weight: normal;
    color: #888;
    opacity: 0.3;
    filter: alpha(opacity=30);
  }
  .panel.contacts .item.selected.noname .data .name,
  .panel.contacts .item.selected.noemail .data .email {
    color: #fff;
  }
  .panel.contacts .item.selected.noname .data .name .me,
  .panel.contacts .item.selected.noemail .data .email .me {
    color: #6D6D6D !important;
  }
  .panel.contacts .item.selected.noname .data .name .email,
  .panel.contacts .item.selected.noemail .data .email .email {
    color: #519CE2 !important;
  }
  .panel.contacts .item.selected.noname .data .name .subject,
  .panel.contacts .item.selected.noemail .data .email .subject {
    color: #606060 !important;
  }
  .panel.contacts .item.selected.noname .data .name.noname .data .name,
  .panel.contacts .item.selected.noemail .data .email.noname .data .name,
  .panel.contacts .item.selected.noname .data .name.noemail .data .email,
  .panel.contacts .item.selected.noemail .data .email.noemail .data .email {
    font-weight: normal !important;
    color: #888 !important;
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important;
  }
  .panel.contacts .search_form {
    float: right;
    margin-top: -25px;
  }
  .panel.contacts .right_panel {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
  }
  .panel.contacts .contact_form {
    border: 3px solid #69A8F5;
    background: #69A8F5;
    border-radius: 4px;
  }
  .panel.contacts .contact_form .contact_content {
    padding: 20px;
    background: #fff;
    border-radius: 2px;
  }
  .panel.contacts .contact_form .title {
    margin-top: 0px;
    font-weight: normal;
  }
  .panel.contacts .contact_form .subtitle {
    font-size: 11pt;
    color: #636C78;
  }
  .panel.contacts .contact_form .buttons {
    border-top: 0px;
    margin-top: 0px;
    padding: 10px 0px 0px;
  }
  .panel.contacts .contact_form .value {
    font-weight: bold;
    font-size: 12pt;
  }
  /*=== END Contacts screen CSS ===*/
  /*=== Contact viewer CSS ===*/
  .panel.contact_viewer .panel_content {
    background: url("images/contacts-bg.png?7.6.7") 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 {
    overflow: auto;
    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 .buttons {
    text-align: right;
    margin: 0px 20px;
    padding: 20px 0px;
    border-top: 1px solid #D9D9D9;
  }
  html.rtl .panel.contact_viewer .panel_bottom .buttons {
    text-align: left;
  }
  .panel.contact_viewer .contact_content {
    height: 100%;
  }
  .panel.contact_viewer .contact_content .fields_switcher {
    margin: 10px 20px;
    text-align: right;
  }
  .panel.contact_viewer .title {
    float: left;
    font-size: 18pt;
    font-weight: normal;
    color: #4d4d4d;
    padding: 0px;
    margin: 0 0 6px;
    overflow: hidden;
    white-space: nowrap;
    -ms-word-break: break-all;
    word-wrap: break-word;
  }
  .panel.contact_viewer .title.email {
    color: #3983c8;
    margin: 0px;
    font-size: 10.5pt;
    font-weight: bold;
  }
  .panel.contact_viewer .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;
    float: left;
    clear: left;
  }
  .panel.contact_viewer .panel_center .buttons {
    position: relative;
    z-index: 1;
    margin: 0px;
  }
  .panel.contact_viewer .panel_center .buttons .button {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 20px 40px 0px 0px;
  }
  html.rtl .panel.contact_viewer .panel_center .buttons .button {
    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 .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;
    width: 20px;
    height: 20px;
    text-indent: 0px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: -20px;
    word-wrap: normal;
  }
  .contact_data_groups .address .label.address:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .contact_data_groups .address .label.address:before {
    font-size: 20px;
    margin-right: 20px;
    content: "\e662";
  }
  .contact_data_groups .address .label.address:before html.rtl {
    margin-left: 20px;
    margin-right: 0px;
  }
  .contact_data_groups .mobile .label,
  .contact_data_groups .phone .label,
  .contact_data_groups .fax .label {
    width: 20px;
    height: 20px;
    text-indent: 0px;
    overflow: hidden;
    vertical-align: middle;
  }
  .contact_data_groups .mobile .label:before,
  .contact_data_groups .phone .label:before,
  .contact_data_groups .fax .label:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .contact_data_groups .mobile .label:before,
  .contact_data_groups .phone .label:before,
  .contact_data_groups .fax .label:before {
    font-size: 20px;
    margin-right: 20px;
    content: "\e663";
  }
  .contact_data_groups .mobile .label:before html.rtl,
  .contact_data_groups .phone .label:before html.rtl,
  .contact_data_groups .fax .label:before html.rtl {
    margin-left: 20px;
    margin-right: 0px;
  }
  .contact_data_groups .mobile .label .text,
  .contact_data_groups .phone .label .text,
  .contact_data_groups .fax .label .text {
    display: none;
  }
  .contact_data_groups .link.call {
    margin-left: 10px;
  }
  html.rtl .contact_data_groups .link.call {
    margin-left: 0px;
    margin-right: 10px;
  }
  .contact_card .link.call {
    margin-left: 4px;
  }
  .contact_card .groups .row {
    font-size: 9pt;
  }
  .import .contact_data_groups .buttons {
    text-align: left;
    margin-top: 0px;
  }
  /*=== END Contact viewer CSS ===*/
  /*=== contact popup CSS ===*/
  .popup.contact_create_popup {
    color: #626262;
  }
  .popup.contact_create_popup .fields .row {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
  }
  .popup.contact_create_popup .link {
    text-align: right;
    display: block;
  }
  /*=== END contact popup 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: 31px;
    margin-top: -31px;
  }
  .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;
    font-size: 10pt;
  }
  .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;
    height: 180px;
    max-width: 160px;
    max-height: 166px;
    vertical-align: top;
    opacity: 1;
    font-size: 9pt;
    margin: 0px 16px 20px 0px;
    cursor: pointer;
    white-space: normal;
    overflow: visible;
    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.folder .item_content,
  .panel.files .items_list .item.checked.folder .item_content,
  .panel.files .items_list .item.selected .item_content,
  .panel.files .items_list .item.checked .item_content {
    background: #ebf7cb;
  }
  .panel.files .items_list .item.shared .shared_icon {
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    margin-right: 30px;
    margin-top: -35px;
    position: relative;
    overflow: hidden;
    background: #64AEDC;
    height: 18px;
    width: 18px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
  }
  .panel.files .items_list .item.shared .shared_icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.files .items_list .item.shared .shared_icon:before {
    content: "\e65c";
    vertical-align: middle;
  }
  .panel.files .items_list .item.shared .shared_icon.with_thumb {
    margin-right: -5px;
    margin-top: -15px;
  }
  .panel.files .items_list .item.shared .shared_icon:hover {
    background-color: #328DC5;
  }
  .panel.files .items_list .item.aslink .item_content {
    border: 1px dashed #C0C0C0;
    padding: 8px 8px 6px;
  }
  .panel.files .items_list .item .cancel {
    background: #e84d49;
    border-radius: 2px;
    display: none;
    float: right;
    height: 14px;
    width: 14px;
    margin-left: -14px;
    overflow: hidden;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    color: #fff;
    font-size: 12px;
    text-align: center;
  }
  .panel.files .items_list .item .cancel:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.files .items_list .item .cancel:before {
    content: "\e63e";
  }
  .panel.files .items_list .item .header {
    display: none;
    height: 24px;
    margin: 1px 1px -29px;
    white-space: normal;
    padding-top: 4px;
    line-height: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #F7F7F7;
    border-radius: 5px 5px 0px 0px;
    z-index: 1;
  }
  .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.selected .header,
  .panel.files .items_list .item.checked .header {
    background: #EBF7CB;
  }
  .panel.files .items_list .item .title {
    font-size: 9pt;
  }
  .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 .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;
  }
  .panel.files .items_list .item:hover .name,
  .panel.files .items_list .item.selected .name,
  .panel.files .items_list .item.checked .name,
  .panel.files .items_list .item:hover .ext,
  .panel.files .items_list .item.selected .ext,
  .panel.files .items_list .item.checked .ext {
    color: #3D3D3D;
  }
  .panel.files .items_list .item:hover .size,
  .panel.files .items_list .item.selected .size,
  .panel.files .items_list .item.checked .size {
    color: #929292;
  }
  .panel.files .items_list .item.folder {
    text-align: center;
    width: 136px;
    height: 139px;
  }
  .panel.files .items_list .item.folder .item_content {
    display: block;
    padding: 8px 8px 6px;
    margin-bottom: 6px;
    background: initial;
    border-radius: 3px;
    box-shadow: none;
    border: 0px;
  }
  .panel.files .items_list .item.folder:hover .item_content,
  .panel.files .items_list .item.folder.selected .item_content,
  .panel.files .items_list .item.folder.checked .item_content {
    padding: 7px 7px 6px;
    border: 1px solid #c9c9c9;
  }
  .panel.files .items_list .item.folder .image {
    border-bottom: 0px;
    min-height: 91px;
  }
  .panel.files .items_list .item.folder .icon {
    display: inline-block;
    width: 35px;
    height: 30px;
    background: url("images/sprites.png?7.6.7");
    background-position: -440px -360px;
  }
  .panel.files .items_list .item.folder .name {
    display: block;
    -ms-word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
    height: 2.5em;
    overflow: hidden;
  }
  .panel.files .items_list .large .folder .icon {
    width: 66px;
    height: 65px;
    background-position: -880px -400px;
  }
  .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 {
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 3px;
  }
  .panel.files .dragover .items_list .item > .mask {
    display: block;
  }
  .panel.files .item .droppableHover,
  .panel.folders .item .droppableHover,
  .panel.files .panel_top .droppableHover {
    text-shadow: 0px 1px 0px #fff !important;
    background: #DCD9D1 !important;
    color: #626262 !important;
  }
  .sharing_panel {
    display: block;
    width: 280px;
    margin: 0px auto;
    padding: 130px 20px 20px;
    background: url("images/logo.png?7.6.7") 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.6.7") 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;
  }
  .popup.files .popup_panel {
    height: 400px;
    width: 840px;
    padding-bottom: 62px;
    max-width: 100%;
  }
  .popup.files .popup_panel .panels {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
  }
  .popup.files .popup_panel .panels .panel {
    padding: 0px;
  }
  .popup.files .popup_panel .panels .panel .panel_content {
    padding-top: 0px;
    margin-top: 0px;
  }
  .popup.files .popup_panel .panels .panel.storages {
    width: 25%;
  }
  .popup.files .popup_panel .panels .panel.storages .items_list .item .title .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .popup.files .popup_panel .panels .panel.storages .items_list .item .title .name {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .popup.files .popup_panel .panels .panel.storages .items_list .item.selected .title .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .popup.files .popup_panel .panels .panel.storages .items_list .item.selected .title .name {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .popup.files .popup_panel .panels .panel.files {
    width: 75%;
  }
  .popup.files_create_link .popup_panel {
    max-width: 450px;
  }
  .popup.files_create_link .popup_panel .image {
    border-bottom: 0;
  }
  .popup.files .popup_panel .image {
    border-bottom: 0;
  }
  /*=== END Files screen CSS ===*/
  /*=== Helpdesk screen CSS ===*/
  .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;
  }
  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: 4px;
    border: 0px;
    box-shadow: none;
    background: none;
  }
  .HelpdeskLayout .AgentArea .panel.threads .toolbar .new_request {
    margin-right: 0px;
  }
  .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 5px 0px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 40px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat scroll 0 0 #f1f1f1;
  }
  html.rtl .HelpdeskLayout .AgentArea .panel.threads .panel_top {
    padding-right: 15px;
    padding-left: 40px;
  }
  .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: 53px;
    margin-top: -53px;
    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 {
    width: 100%;
  }
  .panel.thread_viewer .panel_center {
    /*.thread_content > .posts .quote{
              position: absolute;
              top: 0;
              left: 0;
              display: none;
              background: pink;
          }*/
  
  }
  .panel.thread_viewer .panel_center .thread_content > .buttons {
    padding: 0px 20px 18px 18px;
    margin: 0px;
  }
  .panel.thread_viewer .panel_center .thread_content > .buttons .button {
    padding: 7px 11px;
  }
  .panel.thread_viewer .panel_center .thread_content > .buttons.no_posts {
    padding-top: 18px;
  }
  .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:not(.inputosaurus) {
    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.ccbcc,
  .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.ccbcc.dragOver,
  .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.ccbcc .icon,
  .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.6.7") 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.expand .contact_card.helpdesk {
    left: 13px;
  }
  .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 .found {
    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;
    width: 10px;
    cursor: pointer;
    visibility: hidden;
    color: #8B8B8B;
    font-size: 12px;
    margin: 2px -6px 0 10px;
  }
  html.rtl .panel.thread_viewer .post .header .close {
    float: left;
    margin-left: -6px;
    margin-right: 10px;
  }
  .panel.thread_viewer .post .header .close:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.thread_viewer .post .header .close:before {
    content: "\e63e";
  }
  .panel.thread_viewer .post .header .date {
    float: right;
    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.6.7") repeat -280px -200px;
    content: "";
    width: 60px;
    height: 40px;
    margin-left: -80px;
    opacity: 0.3;
  }
  .panel.thread_viewer .quick_reply {
    max-height: 400px;
  }
  .panel.thread_viewer .quick_reply.internal {
    background: #F8FFE6;
  }
  .panel.thread_viewer .quick_reply.hidden {
    max-height: 0px;
  }
  .panel.thread_viewer .quick_reply .buttons .button.ccbcc,
  .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.ccbcc,
  html.rtl .panel.thread_viewer .quick_reply .buttons .button.upload {
    float: left;
  }
  .panel.thread_viewer .quick_reply .buttons .button.ccbcc.dragOver,
  .panel.thread_viewer .quick_reply .buttons .button.upload.dragOver {
    margin: 0px;
    background: #FFFDD6;
    border: 3px dashed #EFE164;
  }
  .panel.thread_viewer .quick_reply .buttons .button.ccbcc .icon,
  .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.6.7") no-repeat -120px -120px;
  }
  .panel.thread_viewer .quick_reply.active .attachments {
    max-height: inherit;
  }
  .panel.thread_viewer .quick_reply.active .attachments .name {
    white-space: normal;
  }
  .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 .item_content,
  .panel.thread_viewer .new_request .attachments .item_content {
    background: #ffffff;
  }
  .panel.thread_viewer .quick_reply .attachments .image,
  .panel.thread_viewer .new_request .attachments .image {
    min-height: 65px;
  }
  .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.thread_viewer .quick_reply .data.ccbcc,
  .panel.thread_viewer .new_request .data.ccbcc {
    margin-top: 20px;
  }
  .panel.thread_viewer .quick_reply .data.ccbcc .input.inputosaurus,
  .panel.thread_viewer .new_request .data.ccbcc .input.inputosaurus {
    position: relative;
    padding: 0;
  }
  .panel.thread_viewer .quick_reply .data.ccbcc .input.inputosaurus label,
  .panel.thread_viewer .new_request .data.ccbcc .input.inputosaurus label {
    position: absolute;
    top: 4px;
    left: 2px;
  }
  .panel.thread_viewer .quick_reply .data.ccbcc .input.inputosaurus .disable_mask,
  .panel.thread_viewer .new_request .data.ccbcc .input.inputosaurus .disable_mask {
    position: absolute;
    opacity: 0.2;
    background: #ccc;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 100;
  }
  .panel.thread_viewer .quick_reply .data.ccbcc .input.inputosaurus .scroll-inner,
  .panel.thread_viewer .new_request .data.ccbcc .input.inputosaurus .scroll-inner {
    max-height: 100px;
  }
  .panel.threads {
    width: 40%;
  }
  .panel.threads .panel_top .search_block {
    padding-left: 10px;
    padding-right: 5px;
  }
  .panel.threads .panel_top .search_block html.rtl {
    padding-left: 5px;
    padding-right: 10px;
  }
  .panel.threads .items_list .list_notification .icon.meditation {
    font-size: 150px;
  }
  .panel.threads .items_list .list_notification .icon.meditation:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.threads .items_list .list_notification .icon.meditation:before {
    content: "\e66f";
  }
  .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.6.7") 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;
  }
  .HelpdeskLayout .login_panel {
    width: 100%;
    max-width: 800px;
    min-height: 490px;
    overflow: hidden;
  }
  /*=== END Helpdesk screen CSS ===*//*=== Calendar CSS ===*/
  .CalendarLayout {
    position: relative;
  }
  .CalendarLayout table thead tr td {
    border-top: 0 !important;
  }
  .CalendarLayout table tr td:first-child,
  .CalendarLayout table tr th:first-child {
    border-left: 0;
  }
  .CalendarLayout table tr:last-child td {
    border-bottom: 0;
  }
  .CalendarLayout table tr td:last-child,
  .CalendarLayout table tr th:last-child {
    border-right: 0;
  }
  /*=== Calendar manager CSS ===*/
  .panel.calendar_manager {
    width: 20%;
  }
  .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;
    top: 0\0/;
  }
  .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;
    padding: 0px;
    width: 13px;
    height: 13px;
    margin: 0px 6px 6px 0px;
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
  .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;
    position: relative;
  }
  .panel.calendar_manager .calendars .item .label-container {
    position: relative;
    padding-right: 20px;
  }
  .panel.calendar_manager .calendars .item .button-container {
    position: absolute;
    padding-right: 17px;
    right: 0;
    width: 40px;
    padding-top: 7px;
    height: 100%;
    z-index: 2;
    cursor: default;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .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: 18px;
    height: 18px;
    float: right;
    margin-left: 6px;
  }
  .panel.calendar_manager .calendars .item .icon.public:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.calendar_manager .calendars .item .icon.public:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 18px;
    content: "\e65c";
  }
  .panel.calendar_manager .calendars .item .control {
    float: right;
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-left: 4px;
    cursor: pointer;
  }
  .panel.calendar_manager .calendars .item .control:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.calendar_manager .calendars .item .control:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 16px;
    content: "\e66d";
  }
  .panel.calendar_manager .calendars .item .control:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .panel.calendar_manager .calendars .item.expand .control:before {
    content: "\e671";
  }
  .panel.calendar_manager .calendars .section_title .control {
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
  }
  .panel.calendar_manager .calendars .section_title .control:hover {
    opacity: 0.6;
  }
  .panel.calendar_manager .calendars .section_title .control:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.calendar_manager .calendars .section_title .control:before {
    display: inline-block;
    height: 100%;
    width: 100%;
    margin: -2px 0 0 -2px;
    font-size: 20px;
    content: "\e63b";
  }
  .panel.calendar_manager .calendars .section_title .title {
    text-transform: none;
    font-size: 10pt;
    padding: 0px;
  }
  .panel.calendar_manager .calendars .section_title .title .text {
    vertical-align: middle;
  }
  .panel.calendar_manager .calendars .section_title .title .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .panel.calendar_manager .calendars .section_title .title .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.calendar_manager .calendars .section_title .title .icon:before {
    font-size: 20px;
    display: inline-block;
    margin-left: -3px;
    width: 20px;
    height: 20px;
  }
  .panel.calendar_manager .calendars .section_title .title.personal .icon:before {
    content: "\e618";
  }
  .panel.calendar_manager .calendars .section_title .title.shared .icon:before {
    content: "\e634";
  }
  .panel.calendar_manager .calendars .section_title .title.shared-all .icon:before {
    content: "\e629";
  }
  .panel.calendar_manager .calendars .section_title .icon.type10 {
    color: #aaa !important;
  }
  .panel.calendar_manager .middle_bar {
    padding-bottom: 205px;
    margin-bottom: -205px;
  }
  .panel.calendar_manager .panel_bottom {
    border: 0px;
    background: #E3E1D9;
    border-radius: 0px;
    padding: 0px;
    height: 205px;
    width: 100%;
    float: left;
    line-height: 140%;
    background: rgba(0, 0, 0, 0.3);
    border-top: 0;
    color: #aaa;
  }
  .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 8px;
    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;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next {
    background: none;
    text-align: center;
    color: #222;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev.ui-state-hover,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next.ui-state-hover,
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev:hover,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next:hover {
    background: #f2f2f2;
    border: 1px solid #999;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev:before,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev:before,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    height: 13px;
    color: inherit;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev .ui-icon,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next .ui-icon {
    display: none;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev:before {
    content: "\e671";
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-next:before {
    content: "\e670";
  }
  .panel.calendar_manager .panel_bottom td.day_with_events a {
    font-weight: bold !important;
  }
  .panel.calendar_manager .panel_bottom table.highlight_week tr.current_week {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .panel.calendar_manager .panel_bottom table.highlight_day td.ui-datepicker-current-day {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .panel.calendar_manager .panel_bottom table.highlight_day td.ui-datepicker-today,
  .panel.calendar_manager .panel_bottom td.ui-datepicker-today {
    background-color: #fbe8ad;
  }
  .panel.calendar_manager .panel_bottom table.ui-datepicker-calendar td a {
    text-align: center;
  }
  .panel.calendar_manager .panel_bottom .ui-widget-content,
  .panel.calendar_manager .panel_bottom .ui-widget-header {
    color: #ccc;
  }
  .panel.calendar_manager .panel_bottom .ui-widget-content .ui-state-default,
  .panel.calendar_manager .panel_bottom .ui-widget-header .ui-state-default {
    color: #999;
  }
  .panel.calendar_manager .panel_bottom .ui-widget-content .ui-state-default.ui-state-highlight,
  .panel.calendar_manager .panel_bottom .ui-widget-header .ui-state-default.ui-state-highlight {
    color: #333;
  }
  .panel.calendar_manager .panel_bottom .ui-widget-content .day_with_events .ui-state-default,
  .panel.calendar_manager .panel_bottom .ui-widget-header .day_with_events .ui-state-default {
    color: #fff;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next {
    background: #222;
    color: #fff;
  }
  .panel.calendar_manager .panel_bottom .ui-datepicker-prev:hover,
  .panel.calendar_manager .panel_bottom .ui-datepicker-next:hover {
    background: #555;
  }
  /*=== END Calendar manager CSS ===*/
  /*=== Calendar CSS ===*/
  .panel.calendar {
    width: 80%;
    position: relative;
    /*
      .middle_bar.view_month {
          .resize_compensation_top(42px);
      }
  */
  
  }
  .panel.calendar .panel_content {
    margin-right: 0px;
  }
  .panel.calendar .panel_content .uploader_mask {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 250ms ease 0s;
    -moz-transition: opacity 250ms ease 0s;
    -o-transition: opacity 250ms ease 0s;
    transition: opacity 250ms ease 0s;
    background: #FFFDD6;
    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.calendar .panel_content .uploader_mask.active {
    visibility: visible;
    opacity: 0.5;
    z-index: 99;
  }
  .panel.calendar .panel_content .uploader_mask .inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border: 3px dashed #E2DA36;
    border-radius: 5px;
  }
  .panel.calendar .customscroll-scrollbar-vertical {
    margin-right: 2px;
  }
  .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 .toolbar .range_select .item.passive,
  .panel.calendar .toolbar .range_select .item.passive:hover {
    background-color: #e3e3e3;
  }
  .panel.calendar .toolbar .date_select .item .icon {
    width: 20px;
  }
  .panel.calendar .toolbar .date_select .item.prev .icon:before {
    content: "\e671";
  }
  html.rtl .panel.calendar .toolbar .date_select .item.prev .icon:before {
    content: "\e670";
  }
  .panel.calendar .toolbar .date_select .item.next .icon:before {
    content: "\e670";
    margin-left: -10px;
  }
  html.rtl .panel.calendar .toolbar .date_select .item.next .icon:before {
    content: "\e671";
  }
  .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%;
  }
  .colors {
    font-size: 0px;
  }
  .colors .item {
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding: 0px;
    width: 13px;
    height: 13px;
    margin: 0px 6px 6px 0px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: left;
    cursor: pointer;
  }
  .colors .item:last-child {
    margin-right: 0px;
  }
  html.rtl .colors .item {
    margin: 0px 0px 6px 6px;
    text-align: right;
  }
  html.rtl .colors .item:last-child {
    margin-left: 0px;
  }
  .colors .item:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .colors .item:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    margin: 1px 0 0 1px;
    font-size: 11px;
    content: "\e61c";
    visibility: hidden;
  }
  .colors .item.selected:before {
    visibility: visible;
  }
  .fc-time-grid-event .fc-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.8;
  }
  .fc-event-repeat .fc-event,
  .fc-event-appointment .fc-event {
    padding-right: 23px;
  }
  .fc-event-repeat:after,
  .fc-event-appointment:after {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .fc-event-repeat:after,
  .fc-event-appointment:after {
    display: block;
    width: 16px;
    height: 12px;
    position: absolute;
    right: 4px;
    top: 6px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 18px;
    margin-top: -2px;
  }
  .fc-event-repeat .fc-content,
  .fc-event-appointment .fc-content {
    padding-right: 19px;
  }
  .fc-event-repeat.fc-event-appointment .fc-content {
    padding-right: 38px;
  }
  .fc-event-repeat:after {
    content: "\e643";
  }
  .fc-event-appointment:after {
    content: "\e644";
  }
  .fc-event-repeat.fc-event-appointment:after {
    content: "\e643\e644";
    width: 32px;
  }
  .fc-scroller.scroll-inner {
    overflow-y: scroll !important;
  }
  .fc-widget-header .fc-row,
  .fc-widget-content .fc-row {
    margin-right: 0 !important;
    border-right-width: 0 !important;
  }
  .fc-slats td {
    height: 30px;
  }
  .fc-agenda-view .fc-axis {
    background: #fff;
    color: #626262;
    text-align: center;
  }
  .fc-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 9pt;
    padding: 6px 10px;
    overflow: hidden;
  }
  .fc-content .fc-time {
    font-size: 9pt;
    overflow: hidden;
    display: block;
  }
  .fc-content .fc-title {
    font-size: 9pt;
    overflow: hidden;
    display: block;
  }
  .fc-day-header.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-day-grid .fc-day-number {
    padding: 8px 8px 0px !important;
    color: #626262;
  }
  .fc-grid .fc-other-month .fc-day-number {
    color: #b6b6b6;
    opacity: 1;
  }
  .fc-agenda-view .fc-event {
    border: 0px;
    box-shadow: inset 0px 0px 1px #7A7A7A;
  }
  .fc-time-grid-event.fc-end {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .fc-time-grid-event.fc-start {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  fc-month-view .fc-content,
  .fc-slats .fc-content {
    height: auto !important;
  }
  .calendar .fc-agendaWeek-view .scroll-inner,
  .calendar .fc-agendaDay-view .scroll-inner {
    position: relative !important;
  }
  .fc-show-weekends .fc-sat.fc-today,
  .fc-show-weekends .fc-sun.fc-today,
  .fc-unthemed .fc-today {
    background: #FDE2B7;
  }
  /*=== Calendar Popups CSS ===*/
  .popup.calendar_popup .mask {
    background: #000;
  }
  .popup.calendar_popup.visible .mask {
    opacity: 0.2;
  }
  .popup.calendar_popup.visible .mask.clear {
    opacity: 0;
    z-index: 1;
  }
  .popup.calendar_popup .popup_panel {
    min-width: 445px;
    max-width: 445px;
  }
  .popup.calendar_popup .popup_panel .input:focus,
  .popup.calendar_popup .popup_panel .textarea:focus,
  .popup.calendar_popup .popup_panel input:focus,
  .popup.calendar_popup .popup_panel textarea:focus {
    outline: none;
    border-color: #93B5E3;
    box-shadow: 0 0 2px 0 #1D67CD;
  }
  .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 .title > .text {
    margin-right: 15px;
  }
  html.rtl .popup.calendar_popup .title > .text {
    margin-right: 0px;
    margin-left: 15px;
  }
  .popup.calendar_popup .title.calendar_selector {
    padding: 9px 10px 0px 20px;
  }
  .popup.calendar_popup .close {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: -10px -7px 0px 0px;
  }
  .popup.calendar_popup .close:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .popup.calendar_popup .close:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-size: 16px;
    content: "\e63e";
    color: #fff;
  }
  .popup.calendar_popup .buttons {
    margin: 16px 0px 0px;
    padding-top: 20px;
    border-top: 1px solid #e2e2e2;
  }
  .popup.calendar_popup .buttons.without_border_top {
    border-top: 0;
  }
  .popup.calendar_popup .buttons .button {
    float: left;
    margin-right: 6px;
  }
  html.rtl .popup.calendar_popup .buttons .button {
    float: right;
    margin-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_popup .dropdown .dropdown_arrow span {
    top: 1px;
  }
  .popup.calendar_create .fieldset.main,
  .popup.calendar_event .fieldset.main {
    margin-left: -8px;
  }
  .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 {
    line-height: 35px;
    font-size: 15pt;
    font-weight: bold;
  }
  .popup.calendar_create .row.name .input.autosize,
  .popup.calendar_event .row.name .input.autosize {
    height: 43px;
  }
  .popup.calendar_create .row.name .placeholder,
  .popup.calendar_event .row.name .placeholder {
    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 .input.autosize,
  .popup.calendar_event .row.description .input.autosize,
  .popup.calendar_create .row.location .input.autosize,
  .popup.calendar_event .row.location .input.autosize,
  .popup.calendar_create .row.add_attender .input.autosize,
  .popup.calendar_event .row.add_attender .input.autosize {
    height: 26px;
  }
  .popup.calendar_create .row.description .placeholder,
  .popup.calendar_event .row.description .placeholder,
  .popup.calendar_create .row.location .placeholder,
  .popup.calendar_event .row.location .placeholder,
  .popup.calendar_create .row.add_attender .placeholder,
  .popup.calendar_event .row.add_attender .placeholder {
    left: 3px;
    top: 5px;
  }
  html.rtl .popup.calendar_create .row.description .placeholder,
  html.rtl .popup.calendar_event .row.description .placeholder,
  html.rtl .popup.calendar_create .row.location .placeholder,
  html.rtl .popup.calendar_event .row.location .placeholder,
  html.rtl .popup.calendar_create .row.add_attender .placeholder,
  html.rtl .popup.calendar_event .row.add_attender .placeholder {
    left: auto;
    right: 3px;
  }
  .popup.calendar_getlink .dav_access,
  .popup.calendar_getlink .web_access {
    margin-bottom: 16px;
  }
  .popup.calendar_getlink .dav_access .input,
  .popup.calendar_getlink .web_access .input {
    width: 260px;
    margin-right: 0px;
  }
  .popup.calendar_getlink .dav_access {
    padding-bottom: 14px;
    border-bottom: 1px solid #e2e2e2;
  }
  .popup.calendar_getlink .dav_access .download {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    color: #7b7b7b;
  }
  .popup.calendar_getlink .dav_access .download:hover {
    color: #626262;
  }
  .popup.calendar_getlink .dav_access .download:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .popup.calendar_getlink .dav_access .download:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-size: 20px;
    content: "\e610";
  }
  .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 {
    /*.shares_list {
          max-height: 200px;
      }
      
      .share_item {
          margin-bottom: 10px;
  
          .control {
              display: inline-block;
              margin: 3px 10px 0px 0px;
              float: right;
              width: 20px;
              height: 20px;
              cursor: pointer;
              color: #7b7b7b;
              
              html.rtl & {
                  float: left;
                  margin: 3px 0px 0px 10px;
              }
              
              &:hover {
                  color: darken(#7b7b7b, 20%);
                  
              }
              
              .iconFontInit();
              &:before {
                  display: inline-block;
                  vertical-align: middle;
                  height: 100%;
                  width: 100%;
                  margin: -4px 0 0 -4px;
                  font-size: 28px;
                  content: "\e641";
              }
  
              &.disabled {
                  cursor: default;
                  color: lighten(#7b7b7b, 20%)
              }
  
              &.remove:before {
                  font-size: 22px;
                  content: "\e645";
                  margin: 0;
              }
          }
      }
      
      .row {
          display: inline-block;
      }*/
  
  }
  .popup.calendar_share .fieldset.shares_all {
    border-top: 1px solid #e2e2e2;
    margin: 7px 0 0;
    padding-top: 20px;
  }
  .popup.calendar_share .input {
    margin-right: 7px;
  }
  html.rtl .popup.calendar_share .input {
    margin-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_personal table {
    width: 100%;
  }
  .popup.calendar_share .shares_personal table td {
    padding: 0 5px 10px 0px;
  }
  .popup.calendar_share .shares_personal .label {
    width: 90px;
    white-space: nowrap;
  }
  .popup.calendar_share .shares_personal .input {
    padding: 0;
    min-width: 100%;
  }
  .popup.calendar_share .input {
    width: 180px;
  }
  .popup.calendar_share select.input {
    width: 200px;
  }
  .popup.calendar_share .shares_personal select.input {
    vertical-align: top;
  }
  .popup.calendar_share .label {
    width: 200px;
  }
  .popup.calendar_share .placeholder {
    font-size: 11pt;
    top: 4px;
  }
  .popup.calendar_share .text {
    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_select .title,
  .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_select .title,
  html.rtl .popup.calendar_event .title {
    float: left;
    margin: -22px 0px 0px 28px;
  }
  .popup.calendar_select .title.calendar_selector,
  .popup.calendar_event .title.calendar_selector {
    cursor: pointer;
    position: relative;
  }
  .popup.calendar_select .title.calendar_selector .item,
  .popup.calendar_event .title.calendar_selector .item {
    color: #fff;
  }
  .popup.calendar_select .title.calendar_selector .item:hover,
  .popup.calendar_event .title.calendar_selector .item:hover {
    box-shadow: inset 0px 0px 0px 30px rgba(255, 255, 255, 0.1);
  }
  .popup.calendar_select .title .current,
  .popup.calendar_event .title .current {
    display: block;
    white-space: nowrap;
    padding-right: 10px;
    overflow: hidden;
  }
  .popup.calendar_select .close:before,
  .popup.calendar_event .close:before {
    color: #aaa;
  }
  .popup.calendar_select .buttons,
  .popup.calendar_event .buttons {
    text-align: left;
  }
  html.rtl .popup.calendar_select .buttons,
  html.rtl .popup.calendar_event .buttons {
    text-align: right;
  }
  .popup.calendar_select .buttons .button,
  .popup.calendar_event .buttons .button {
    float: none;
  }
  .popup.calendar_select .additional_buttons,
  .popup.calendar_event .additional_buttons {
    margin-top: 4px;
    float: right;
  }
  html.rtl .popup.calendar_select .additional_buttons,
  html.rtl .popup.calendar_event .additional_buttons {
    float: left;
  }
  .popup.calendar_select .additional_buttons .item,
  .popup.calendar_event .additional_buttons .item {
    color: #626262;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 9pt;
    height: 22px;
    line-height: 140%;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
  }
  .popup.calendar_select .additional_buttons .item:last-child,
  .popup.calendar_event .additional_buttons .item:last-child {
    margin-right: 0px;
  }
  .popup.calendar_select .additional_buttons .item .text,
  .popup.calendar_event .additional_buttons .item .text {
    display: none;
  }
  .popup.calendar_select .additional_buttons .item .icon,
  .popup.calendar_event .additional_buttons .item .icon {
    display: inline-block;
    width: 28px;
    height: 20px;
  }
  .popup.calendar_select .additional_buttons .item .icon:before,
  .popup.calendar_event .additional_buttons .item .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .popup.calendar_select .additional_buttons .item .icon:before,
  .popup.calendar_event .additional_buttons .item .icon:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    font-size: 28px;
    color: #c2c7cb;
    margin-top: -4px;
  }
  .popup.calendar_select .additional_buttons .item .icon:hover:before,
  .popup.calendar_event .additional_buttons .item .icon:hover:before {
    color: #8f9295;
  }
  .popup.calendar_select .additional_buttons .item.readonly,
  .popup.calendar_event .additional_buttons .item.readonly {
    cursor: default;
  }
  .popup.calendar_select .additional_buttons .item.repeat .icon,
  .popup.calendar_event .additional_buttons .item.repeat .icon {
    background: url("images/sprites.png?7.6.7") no-repeat 40px 40px;
    background-position: -280px -120px;
  }
  .popup.calendar_select .additional_buttons .item.repeat.selected .icon,
  .popup.calendar_event .additional_buttons .item.repeat.selected .icon,
  .popup.calendar_select .additional_buttons .item.repeat:hover .icon,
  .popup.calendar_event .additional_buttons .item.repeat:hover .icon {
    background-position: -280px -140px;
  }
  .popup.calendar_select .additional_buttons .item.alarm .icon:before,
  .popup.calendar_event .additional_buttons .item.alarm .icon:before {
    content: "\e646";
  }
  .popup.calendar_select .additional_buttons .item.guests .icon:before,
  .popup.calendar_event .additional_buttons .item.guests .icon:before {
    content: "\e644";
  }
  .popup.calendar_select .additional_buttons .item.guests .arrow,
  .popup.calendar_event .additional_buttons .item.guests .arrow {
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #F7F7F7;
    background: none;
    position: absolute;
    right: -20px;
    top: 4px;
    visibility: hidden;
    display: inline-block;
  }
  .popup.calendar_select .additional_buttons .item.guests.selected .arrow,
  .popup.calendar_event .additional_buttons .item.guests.selected .arrow {
    visibility: visible;
  }
  .popup.calendar_select .additional_buttons .alarm.selected .icon,
  .popup.calendar_event .additional_buttons .alarm.selected .icon,
  .popup.calendar_select .editable .additional_buttons .alarm:hover .icon,
  .popup.calendar_event .editable .additional_buttons .alarm:hover .icon {
    background-position: -320px -140px;
  }
  .popup.calendar_select .additional_buttons .guests.selected .icon,
  .popup.calendar_event .additional_buttons .guests.selected .icon,
  .popup.calendar_select .editable .additional_buttons .guests:hover .icon,
  .popup.calendar_event .editable .additional_buttons .guests:hover .icon {
    background-position: -360px -140px;
  }
  .popup.calendar_select .title {
    float: none;
    max-width: none;
    margin: 5px 0 0 0;
    width: 400px;
  }
  .popup.calendar_select .fields .label {
    width: inherit;
    color: #828282;
  }
  .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 .editable .focused .scrollable_field {
    border-color: #93B5E3;
    box-shadow: 0 0 2px 0 #1D67CD;
  }
  .popup.calendar_event .scrollable_field .input {
    border: 0px;
    border-radius: 0px;
    width: 100%;
  }
  .popup.calendar_event .scrollable_field span.input {
    display: block;
    max-width: 382px;
  }
  .popup.calendar_event .name .scrollable_field {
    max-height: 110px;
  }
  .popup.calendar_event .description .scrollable_field {
    max-height: 150px;
  }
  .popup.calendar_event .location .scrollable_field {
    max-height: 74px;
  }
  .popup.calendar_event .repeat {
    position: absolute;
    width: 24px;
  }
  .popup.calendar_event .repeat:after {
    content: "\e643";
    font-family: 'afterlogic';
    font-size: 16px;
    margin-top: -2px;
    margin-left: 4px;
    color: #c2c7cb;
    display: inline-block;
  }
  .popup.calendar_event .dates {
    margin-left: -1px;
  }
  .popup.calendar_event .subforms {
    height: 0px;
    position: relative;
  }
  .popup.calendar_event .subforms .alarm_form,
  .popup.calendar_event .subforms .dates_form {
    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 {
    z-index: 1;
  }
  .popup.calendar_event .subforms .dates_form {
    z-index: 2;
    bottom: 25px;
    right: auto;
    top: auto;
    left: -42px;
  }
  .popup.calendar_event .subforms .dates_form .form_content {
    min-width: 460px;
    background: #fff4cf;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  }
  .popup.calendar_event .subforms .dates_form .date {
    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 .ampm_time .date {
    width: 130px;
  }
  .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 .ampm_time .time {
    width: 65px;
  }
  .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 .subforms .alarm_form .item {
    display: block;
  }
  .popup.calendar_event .subforms .alarm_form .remove {
    float: right;
  }
  .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;
    width: 100%;
    float: left;
  }
  .popup.calendar_event .main_panel .icon.repeat {
    display: block;
    background: url("images/sprites.png?7.6.7") no-repeat -980px -240px;
    width: 16px;
    height: 12px;
    position: absolute;
    left: 6px;
    top: 5px;
  }
  .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 .side_panel .button {
    font-size: 9pt;
    padding: 3px 5px 2px;
    margin: 0px;
  }
  .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 .control {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    color: #7b7b7b;
    float: right;
    cursor: pointer;
  }
  html.rtl .popup.calendar_event .side_panel .add_attender .control {
    float: left;
  }
  .popup.calendar_event .side_panel .add_attender .control:hover {
    color: #626262;
  }
  .popup.calendar_event .side_panel .add_attender .control:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .popup.calendar_event .side_panel .add_attender .control:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    margin: -4px 0 0 -4px;
    font-size: 28px;
    content: "\e641";
  }
  .popup.calendar_event .side_panel .owner .value {
    cursor: default;
  }
  .popup.calendar_event .side_panel .attender {
    margin-bottom: 6px;
  }
  .popup.calendar_event .side_panel .attender .control {
    float: right;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    color: #7b7b7b;
    cursor: pointer;
  }
  html.rtl .popup.calendar_event .side_panel .attender .control {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
  }
  .popup.calendar_event .side_panel .attender .control:hover {
    color: #626262;
  }
  .popup.calendar_event .side_panel .attender .control:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .popup.calendar_event .side_panel .attender .control:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    margin: -4px 0 0 -4px;
    font-size: 22px;
    content: "\e645";
  }
  .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: 16px;
    height: 12px;
  }
  .popup.calendar_event .side_panel .attender .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .popup.calendar_event .side_panel .attender .icon:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    margin: -8px 0 0;
    font-size: 14px;
  }
  .popup.calendar_event .side_panel .attender.pending .icon:before {
    color: #ef954f;
    content: "\e649";
  }
  .popup.calendar_event .side_panel .attender.accepted .icon:before {
    color: #0faa30;
    content: "\e61c";
  }
  .popup.calendar_event .side_panel .attender.declined {
    color: #d0d0d0;
  }
  .popup.calendar_event .side_panel .attender.declined .icon:before {
    content: "\e648";
  }
  .popup.calendar_event .side_panel .attender.tentative .icon:before {
    color: #ef954f;
    content: "\e647";
    font-size: 12px;
  }
  .popup.calendar_event .show_side_panel .side_panel {
    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 .alarms_helper div {
    height: 15px;
  }
  /*--- END Calendar Popups CSS ---*/
  /*=== END Calendar CSS ===*/
  .calendar_event .label {
    width: inherit;
  }
  .calendar_event .input {
    width: inherit;
  }
  .calendar_event .description span.input,
  .calendar_event .location span.input {
    white-space: pre-wrap;
  }
  .fc-show-weekends .fc-sat,
  .fc-show-weekends .fc-sun {
    background: #f0f0f0;
  }
  .fc-non-working-time {
    background: rgba(240, 240, 240, 0.5) !important;
  }
  .fc-time-grid .timeline {
    position: absolute !important;
    border: none !important;
    border-top: 1px solid #88cf50 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999 !important;
  }
  .ui-draggable-dragging {
    z-index: 9 !important;
  }
  .fc-content .fc-title {
    white-space: normal;
    max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  /*=== Base CSS ===*/
  html {
    height: 100%;
    overflow: hidden;
  }
  body {
    background: url("images/background.jpg") no-repeat scroll center center / cover #666;
    font: normal 9pt Helvetica, Tahoma, Arial, sans-serif;
    height: 100%;
    overflow: auto;
    position: relative;
  }
  .pSevenMain {
    height: 100%;
    overflow: hidden;
    min-height: 480px;
    min-width: 640px;
  }
  html.non-adjustable .pSevenMain {
    height: auto;
    overflow: visible;
    min-height: inherit;
    min-width: inherit;
  }
  html.non-adjustable-valign .pSevenMain {
    overflow: visible;
  }
  #pSevenContent {
    height: 100%;
  }
  #pSevenContent .button_quote {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 1;
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    font-size: 9pt;
    text-decoration: none;
    padding: 4px 6px;
    color: #626262;
    font-weight: bold;
  }
  .autosize {
    overflow: hidden;
    resize: none;
  }
  textarea {
    resize: vertical;
  }
  label {
    cursor: pointer;
  }
  a,
  .link,
  a:link,
  .link:link,
  a:visited,
  .link:visited {
    color: #de3434;
    text-decoration: none;
    cursor: pointer;
  }
  a:hover,
  .link:hover {
    color: #1d90d7;
    text-decoration: underline;
  }
  *[contenteditable="true"],
  input:focus {
    outline: none;
  }
  /*=== Common CSS ===*/
  .panel.folders,
  .panel.groups,
  .panel.storages,
  .UserArea .panel.threads,
  .panel.calendar_manager,
  .settings .panel.navigation {
    box-shadow: none;
    border-radius: 0px;
  }
  .panel.folders .toolbar,
  .panel.groups .toolbar,
  .panel.storages .toolbar,
  .UserArea .panel.threads .toolbar,
  .panel.calendar_manager .toolbar,
  .settings .panel.navigation .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,
  .settings .panel.navigation .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,
  .settings .panel.navigation .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 .content,
  .panel.groups .toolbar .content,
  .panel.storages .toolbar .content,
  .UserArea .panel.threads .toolbar .content,
  .panel.calendar_manager .toolbar .content,
  .settings .panel.navigation .toolbar .content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .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,
  .settings .panel.navigation .toolbar .content .item {
    padding-bottom: 2px;
    padding-top: 1px;
    font-size: 13pt;
    font-weight: normal;
    background: #E00000;
    border: 1px solid #de3434;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition: background 200ms ease 0s;
    -moz-transition: background 200ms ease 0s;
    -o-transition: background 200ms ease 0s;
    transition: background 200ms ease 0s;
  }
  .panel.folders .toolbar .content .item:hover,
  .panel.groups .toolbar .content .item:hover,
  .panel.storages .toolbar .content .item:hover,
  .UserArea .panel.threads .toolbar .content .item:hover,
  .panel.calendar_manager .toolbar .content .item:hover,
  .settings .panel.navigation .toolbar .content .item:hover {
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
    background: #de3434;
    border-color: #de3434;
  }
  .panel.folders .panel_center,
  .panel.groups .panel_center,
  .panel.storages .panel_center,
  .UserArea .panel.threads .panel_center,
  .panel.calendar_manager .panel_center,
  .settings .panel.navigation .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,
  .settings .panel.navigation .customscroll-scrollbar-vertical {
    right: 4px;
  }
  .panel.folders .items_list .item > .title,
  .panel.groups .items_list .item > .title,
  .panel.storages .items_list .item > .title,
  .UserArea .panel.threads .items_list .item > .title,
  .panel.calendar_manager .items_list .item > .title,
  .settings .panel.navigation .items_list .item > .title {
    text-shadow: 0 0 5px #000 !important;
  }
  .panel.folders .items_list .item.canNotSelect .collapse_handler,
  .panel.groups .items_list .item.canNotSelect .collapse_handler,
  .panel.storages .items_list .item.canNotSelect .collapse_handler,
  .UserArea .panel.threads .items_list .item.canNotSelect .collapse_handler,
  .panel.calendar_manager .items_list .item.canNotSelect .collapse_handler,
  .settings .panel.navigation .items_list .item.canNotSelect .collapse_handler,
  .panel.folders .items_list .item.canSelect > .title,
  .panel.groups .items_list .item.canSelect > .title,
  .panel.storages .items_list .item.canSelect > .title,
  .UserArea .panel.threads .items_list .item.canSelect > .title,
  .panel.calendar_manager .items_list .item.canSelect > .title,
  .settings .panel.navigation .items_list .item.canSelect > .title {
    color: #fff !important;
    cursor: pointer;
  }
  .panel.folders .items_list .item.selected > .title,
  .panel.groups .items_list .item.selected > .title,
  .panel.storages .items_list .item.selected > .title,
  .UserArea .panel.threads .items_list .item.selected > .title,
  .panel.calendar_manager .items_list .item.selected > .title,
  .settings .panel.navigation .items_list .item.selected > .title {
    text-shadow: 0 0 2px #777 !important;
  }
  .panel.folders .items_list .section_title,
  .panel.groups .items_list .section_title,
  .panel.storages .items_list .section_title,
  .panel.calendar_manager .items_list .section_title,
  .settings .folders .items_list .section_title,
  .settings .panel.navigation .items_list .section_title {
    color: #fff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  }
  .panel.folders .items_list .item,
  .panel.groups .items_list .item,
  .panel.storages .items_list .item,
  .panel.calendar_manager .items_list .item,
  .settings .folders .items_list .item,
  .settings .panel.navigation .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,
  .panel.calendar_manager .items_list .item > .title,
  .settings .folders .items_list .item > .title,
  .settings .panel.navigation .items_list .item > .title {
    color: #aaaaaa;
    text-decoration: none;
    font-size: 11pt;
    font-weight: normal;
    line-height: normal;
    padding-top: 5px;
    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,
  .panel.calendar_manager .items_list .item > .title .name,
  .settings .folders .items_list .item > .title .name,
  .settings .panel.navigation .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 .panel.calendar_manager .items_list .item > .title .name,
  html.rtl .settings .folders .items_list .item > .title .name,
  html.rtl .settings .panel.navigation .items_list .item > .title .name {
    margin-right: 0px;
    margin-left: 10px;
  }
  .panel.folders .items_list .item > .title.droppableHover .name,
  .panel.groups .items_list .item > .title.droppableHover .name,
  .panel.storages .items_list .item > .title.droppableHover .name,
  .panel.calendar_manager .items_list .item > .title.droppableHover .name,
  .settings .folders .items_list .item > .title.droppableHover .name,
  .settings .panel.navigation .items_list .item > .title.droppableHover .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .panel.folders .items_list .item > .title.droppableHover .name,
  html.rtl .panel.groups .items_list .item > .title.droppableHover .name,
  html.rtl .panel.storages .items_list .item > .title.droppableHover .name,
  html.rtl .panel.calendar_manager .items_list .item > .title.droppableHover .name,
  html.rtl .settings .folders .items_list .item > .title.droppableHover .name,
  html.rtl .settings .panel.navigation .items_list .item > .title.droppableHover .name {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .panel.folders .items_list .item > .title .text,
  .panel.groups .items_list .item > .title .text,
  .panel.storages .items_list .item > .title .text,
  .panel.calendar_manager .items_list .item > .title .text,
  .settings .folders .items_list .item > .title .text,
  .settings .panel.navigation .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,
  .panel.calendar_manager .items_list .item > .title .icon,
  .settings .folders .items_list .item > .title .icon,
  .settings .panel.navigation .items_list .item > .title .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .panel.folders .items_list .item > .title .icon:before,
  .panel.groups .items_list .item > .title .icon:before,
  .panel.storages .items_list .item > .title .icon:before,
  .panel.calendar_manager .items_list .item > .title .icon:before,
  .settings .folders .items_list .item > .title .icon:before,
  .settings .panel.navigation .items_list .item > .title .icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'afterlogic';
    /* Better Font Rendering =========== */
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .panel.folders .items_list .item > .title .icon:before,
  .panel.groups .items_list .item > .title .icon:before,
  .panel.storages .items_list .item > .title .icon:before,
  .panel.calendar_manager .items_list .item > .title .icon:before,
  .settings .folders .items_list .item > .title .icon:before,
  .settings .panel.navigation .items_list .item > .title .icon:before {
    font-size: 20px;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .panel.folders .items_list .item.canSelect > .title,
  .panel.groups .items_list .item.canSelect > .title,
  .panel.storages .items_list .item.canSelect > .title,
  .panel.calendar_manager .items_list .item.canSelect > .title,
  .settings .folders .items_list .item.canSelect > .title,
  .settings .panel.navigation .items_list .item.canSelect > .title {
    cursor: pointer;
    color: #777777;
    text-shadow: none;
  }
  .panel.folders .items_list .item.canSelect > .title:hover,
  .panel.groups .items_list .item.canSelect > .title:hover,
  .panel.storages .items_list .item.canSelect > .title:hover,
  .panel.calendar_manager .items_list .item.canSelect > .title:hover,
  .settings .folders .items_list .item.canSelect > .title:hover,
  .settings .panel.navigation .items_list .item.canSelect > .title:hover {
    color: #444444;
    color: #FFFCB8;
  }
  .panel.folders .items_list .item.canSelect > .title:hover .icon,
  .panel.groups .items_list .item.canSelect > .title:hover .icon,
  .panel.storages .items_list .item.canSelect > .title:hover .icon,
  .panel.calendar_manager .items_list .item.canSelect > .title:hover .icon,
  .settings .folders .items_list .item.canSelect > .title:hover .icon,
  .settings .panel.navigation .items_list .item.canSelect > .title:hover .icon {
    color: inherit;
  }
  .panel.folders .items_list .item.canSelect > .title.virtualEmpty .title,
  .panel.groups .items_list .item.canSelect > .title.virtualEmpty .title,
  .panel.storages .items_list .item.canSelect > .title.virtualEmpty .title,
  .panel.calendar_manager .items_list .item.canSelect > .title.virtualEmpty .title,
  .settings .folders .items_list .item.canSelect > .title.virtualEmpty .title,
  .settings .panel.navigation .items_list .item.canSelect > .title.virtualEmpty .title,
  .panel.folders .items_list .item.canSelect > .title.virtualEmpty .title:hover,
  .panel.groups .items_list .item.canSelect > .title.virtualEmpty .title:hover,
  .panel.storages .items_list .item.canSelect > .title.virtualEmpty .title:hover,
  .panel.calendar_manager .items_list .item.canSelect > .title.virtualEmpty .title:hover,
  .settings .folders .items_list .item.canSelect > .title.virtualEmpty .title:hover,
  .settings .panel.navigation .items_list .item.canSelect > .title.virtualEmpty .title:hover {
    color: #AAAAAA;
  }
  .panel.folders .items_list .item.canSelect > .title.ui-state-disabled,
  .panel.groups .items_list .item.canSelect > .title.ui-state-disabled,
  .panel.storages .items_list .item.canSelect > .title.ui-state-disabled,
  .panel.calendar_manager .items_list .item.canSelect > .title.ui-state-disabled,
  .settings .folders .items_list .item.canSelect > .title.ui-state-disabled,
  .settings .panel.navigation .items_list .item.canSelect > .title.ui-state-disabled {
    cursor: pointer !important;
  }
  .panel.folders .items_list .item.selected > .title,
  .panel.groups .items_list .item.selected > .title,
  .panel.storages .items_list .item.selected > .title,
  .panel.calendar_manager .items_list .item.selected > .title,
  .settings .folders .items_list .item.selected > .title,
  .settings .panel.navigation .items_list .item.selected > .title {
    color: #fff !important;
    background: #2d90d6;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.3);
  }
  .panel.folders .items_list .item.selected > .title .name,
  .panel.groups .items_list .item.selected > .title .name,
  .panel.storages .items_list .item.selected > .title .name,
  .panel.calendar_manager .items_list .item.selected > .title .name,
  .settings .folders .items_list .item.selected > .title .name,
  .settings .panel.navigation .items_list .item.selected > .title .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .panel.folders .items_list .item.selected > .title .name,
  html.rtl .panel.groups .items_list .item.selected > .title .name,
  html.rtl .panel.storages .items_list .item.selected > .title .name,
  html.rtl .panel.calendar_manager .items_list .item.selected > .title .name,
  html.rtl .settings .folders .items_list .item.selected > .title .name,
  html.rtl .settings .panel.navigation .items_list .item.selected > .title .name {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .panel.folders .items_list .item.selected > .title.droppableHover .name,
  .panel.groups .items_list .item.selected > .title.droppableHover .name,
  .panel.storages .items_list .item.selected > .title.droppableHover .name,
  .panel.calendar_manager .items_list .item.selected > .title.droppableHover .name,
  .settings .folders .items_list .item.selected > .title.droppableHover .name,
  .settings .panel.navigation .items_list .item.selected > .title.droppableHover .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .panel.folders .items_list .item.selected > .title.droppableHover .name,
  html.rtl .panel.groups .items_list .item.selected > .title.droppableHover .name,
  html.rtl .panel.storages .items_list .item.selected > .title.droppableHover .name,
  html.rtl .panel.calendar_manager .items_list .item.selected > .title.droppableHover .name,
  html.rtl .settings .folders .items_list .item.selected > .title.droppableHover .name,
  html.rtl .settings .panel.navigation .items_list .item.selected > .title.droppableHover .name {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .panel.folders .items_list .item.selected > .title .icon.type10,
  .panel.groups .items_list .item.selected > .title .icon.type10,
  .panel.storages .items_list .item.selected > .title .icon.type10,
  .panel.calendar_manager .items_list .item.selected > .title .icon.type10,
  .settings .folders .items_list .item.selected > .title .icon.type10,
  .settings .panel.navigation .items_list .item.selected > .title .icon.type10 {
    color: #fff !important;
  }
  .panel.folders .items_list .item .count,
  .panel.groups .items_list .item .count,
  .panel.storages .items_list .item .count,
  .panel.calendar_manager .items_list .item .count,
  .settings .folders .items_list .item .count,
  .settings .panel.navigation .items_list .item .count {
    display: inline-block;
    float: right;
    margin-right: 10px;
    padding: 2px 10px;
    margin-top: 2px;
  }
  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 .panel.calendar_manager .items_list .item .count,
  html.rtl .settings .folders .items_list .item .count,
  html.rtl .settings .panel.navigation .items_list .item .count {
    margin-right: 0px;
    margin-left: 10px;
    float: left;
  }
  .panel.folders .items_list .item .count.unseen:hover,
  .panel.groups .items_list .item .count.unseen:hover,
  .panel.storages .items_list .item .count.unseen:hover,
  .panel.calendar_manager .items_list .item .count.unseen:hover,
  .settings .folders .items_list .item .count.unseen:hover,
  .settings .panel.navigation .items_list .item .count.unseen:hover {
    border-radius: 11px/10px;
    background: rgba(0, 0, 0, 0.3);
  }
  .panel.folders .items_list .item.selected > .title .count,
  .panel.groups .items_list .item.selected > .title .count,
  .panel.storages .items_list .item.selected > .title .count,
  .panel.calendar_manager .items_list .item.selected > .title .count,
  .settings .folders .items_list .item.selected > .title .count,
  .settings .panel.navigation .items_list .item.selected > .title .count {
    border-radius: 11px/10px;
    background: transparent;
    box-shadow: none;
  }
  .panel.folders .items_list .item.selected > .title .count.unseen:hover,
  .panel.groups .items_list .item.selected > .title .count.unseen:hover,
  .panel.storages .items_list .item.selected > .title .count.unseen:hover,
  .panel.calendar_manager .items_list .item.selected > .title .count.unseen:hover,
  .settings .folders .items_list .item.selected > .title .count.unseen:hover,
  .settings .panel.navigation .items_list .item.selected > .title .count.unseen:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .panel.folders .items_list .item .icon.type10,
  .panel.groups .items_list .item .icon.type10,
  .panel.storages .items_list .item .icon.type10,
  .panel.calendar_manager .items_list .item .icon.type10,
  .settings .folders .items_list .item .icon.type10,
  .settings .panel.navigation .items_list .item .icon.type10 {
    color: #aaa !important;
  }
  .cssanimations .panel.folders .item .title.recivedAnim,
  .cssanimations .panel.groups .item .title.recivedAnim,
  .cssanimations .panel.storages .item .title.recivedAnim,
  .cssanimations .panel.calendar_manager .item .title.recivedAnim,
  .cssanimations .settings .folders .item .title.recivedAnim,
  .cssanimations .settings .panel.navigation .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,
  .panel.calendar_manager .item .title.droppableHover,
  .settings .folders .item .title.droppableHover,
  .settings .panel.navigation .item .title.droppableHover {
    background: #e5e5e5 !important;
    color: #626262 !important;
    text-shadow: 0px 1px 0px #fff !important;
  }
  .panel.folders .item.selected .title.droppableHover,
  .panel.groups .item.selected .title.droppableHover,
  .panel.storages .item.selected .title.droppableHover,
  .panel.calendar_manager .item.selected .title.droppableHover,
  .settings .folders .item.selected .title.droppableHover,
  .settings .panel.navigation .item.selected .title.droppableHover {
    background: #3280b8 !important;
    color: #fff !important;
    text-shadow: 0px 1px 0px #678197 !important;
  }
  .panel.folders .items_list .item .title .name,
  .panel.groups .items_list .item .title .name,
  .panel.storages .items_list .item .title .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  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 {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .panels.settings .folders .items_list .item .title .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .panels.settings .folders .items_list .item .title .name {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .panels.settings .folders .items_list .item.canDrag .title:hover .name {
    mask: url(images/filters.svg#masking);
    -webkit-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -o-mask: url(images/mask.png?7.6.7) repeat-y top right;
    -ms-mask: url(images/mask.png%VERSION%) repeat-y top right;
  }
  html.rtl .panels.settings .folders .items_list .item.canDrag .title:hover .name {
    mask: url(images/filters.svg#masking_rtl);
    -webkit-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -o-mask: url(images/mask_rtl.png?7.6.7) repeat-y top left;
    -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left;
  }
  .folders {
    /*.item .title.hover .icon.type10 {
          color: #444 !important;
      }
      .item.selected .title .icon.type10 {
          color: #fff !important;
      }
      .item .title.droppableHover .icon.type10 {
          color: #626262 !important;
      }*/
  
  }
  .folders .title .icon.type1:before {
    content: "\e616";
  }
  .folders .title .icon.type2:before {
    content: "\e615";
  }
  .folders .title .icon.type3:before {
    content: "\e617";
  }
  .folders .title .icon.type4:before {
    content: "\e614";
  }
  .folders .title .icon.type5:before {
    content: "\e612";
  }
  .folders .item .icon.type10:before {
    content: "\e66c";
  }
  .folders .title .icon.type7:before,
  .folders .selected .title .icon.type7:before {
    color: #ffb736;
    content: "\e613";
    margin-top: -0.1ex;
  }
  .folders .item:not(.virtualEmpty) .title .icon.type7 {
    text-shadow: none;
  }
  .folders .virtualEmpty .title .icon.type7:before {
    color: #727272 !important;
  }
  .folders .virtualEmpty.selected .title .icon.type7:before {
    color: #fff !important;
  }
  .groups .title .icon:before {
    content: "\e667";
  }
  .groups .title .icon.type1:before {
    content: "\e618";
  }
  .groups .title .icon.type2:before {
    content: "\e619";
  }
  .groups .title .icon.type3:before {
    content: "\e629";
  }
  .groups .title .icon.type4:before {
    content: "\e64f";
  }
  .storages .title .icon.typepersonal:before {
    content: "\e618";
  }
  .storages .title .icon.typecorporate:before {
    content: "\e629";
  }
  /*=== END Folders CSS ===*/
  /*=== Popup CSS ===*/
  .panel.messages .customscroll-scrollbar-vertical,
  .panel.contacts .customscroll-scrollbar-vertical,
  .panel.threads .customscroll-scrollbar-vertical {
    margin-right: 2px;
  }
  html.rtl .panel.messages .customscroll-scrollbar-vertical,
  html.rtl .panel.contacts .customscroll-scrollbar-vertical,
  html.rtl .panel.threads .customscroll-scrollbar-vertical {
    margin-right: 0px;
    margin-left: 2px;
  }
  .panel.messages .customscroll-scrollbar-vertical div,
  .panel.contacts .customscroll-scrollbar-vertical div,
  .panel.threads .customscroll-scrollbar-vertical div {
    margin: 0px !important;
  }
  .panel.message_viewer .customscroll-scrollbar-vertical {
    /*margin-right: -(@pannels-overlap-offset + @pannels-overlap-offset + @pannels-overlap-offset);*/
  
    margin-right: -2px;
  }
  .panel.message_viewer .has_attachments .customscroll-scrollbar-vertical {
    margin-right: -2px;
  }
  .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;
  }
  /*.canDrag.ui-sortable-helper {
      position: fixed !important;
  }*/
  .custom_tooltip {
    height: auto;
    margin: 0 6px;
    opacity: 0.9;
    position: fixed;
    width: auto;
    z-index: 5000;
  }
  .custom_tooltip .custom_tooltip_arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: block;
    font-size: 0;
    height: 0;
    margin: 0 0 0 16px;
    position: relative;
    width: 0;
  }
  .custom_tooltip .custom_tooltip_arrow.top {
    border-bottom: 6px solid #424e54;
  }
  .custom_tooltip .custom_tooltip_arrow.bottom {
    border-top: 6px solid #424e54;
  }
  .custom_tooltip .custom_tooltip_text {
    background: #424e54;
    border: 1px solid #424e54;
    border-radius: 4px;
    color: white;
    display: block;
    font-size: 12px;
    font-family: Verdana;
    padding: 6px;
    white-space: nowrap;
  }
  /*=== 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);
  }
  /*=== retina displays ===*/
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) {
    .spritesX2 {
      background-image: url("images/sprites2x.png?7.6.7");
      background-size: 1440px 560px;
    }
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) {
    .file .icon,
    .messages .items_list .item .marker,
    .panel.files .items_list .folder .icon,
    .html_editor .toolbar .item .icon {
      background-image: url("images/sprites2x.png?7.6.7");
      background-size: 1440px 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;
  }
  .panel.messages {
    min-width: 300px;
  }