/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

/*blockquote {
    margin: 1em 40px;
}*/

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*! jQuery UI - v1.10.4 - 2014-03-21
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("libs/images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(libs/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(libs/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(libs/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(libs/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(libs/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(libs/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(libs/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(libs/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(libs/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(libs/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(libs/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(libs/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(libs/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(libs/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(libs/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(libs/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}
.inputosaurus-container {
	margin: 0;
	padding: 0;
	display : inline-block;
	vertical-align: middle;
	cursor:text;
	//font-size : 14px;
	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 100% !important;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 4px 4px !important;
}
.inputosaurus-container li, .inputosaurus-moving-container li {
	display : block;
	float : left;
	overflow: hidden;
	margin : 2px 4px 0 0;
	padding : 2px 18px 2px 5px;
	white-space : nowrap;
	overflow : hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	background-color:#e5eff7;
	border:#a9cae4 solid 1px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:#5b9bcd;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
	line-height : 20px;
	cursor: default;
	max-width: 300px;
	position: relative;
}
.inputosaurus-container li.inputosaurus-selected {
	background-color:#bdd6eb;
}
.inputosaurus-container li a, .inputosaurus-moving-container li a {
	font-size:16px;
	color:#5b9bcd;
	padding : 1px;
	text-decoration : none;
	outline : none;
	position: absolute;
	right: 0;
	margin: -1px 4px 0px;
}
.inputosaurus-container li span {
	margin-right: 4px;
}
.inputosaurus-container .inputosaurus-input {
	border:none;
	box-shadow: none;
	background-color:#fff;
	margin-top : 3px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	max-width: none;
	width: auto;
	
	padding-top: 0px;
	padding-bottom: 0px;
}
.inputosaurus-container .inputosaurus-input input {
	border:none;
	height : 23px;
	font-size : 14px;
	line-height : 20px;
	/*color : #555;*/
	margin : 0;
	outline : none;
	padding : 0 0 2px 6px;
	width : 25px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.inputosaurus-container .inputosaurus-input input:hover {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.inputosaurus-input-hidden { display:none; }

.inputosaurus-container .inputosaurus-fake-span {
    left: -5000px;
    position: absolute;
    top: 0;
}

.ui-draggable-dragging {
	z-index: 5 !important;
}
/*=== Common css part ===*/
@font-face {
  font-family: 'afterlogic';
  src: url('fonts/afterlogic.eot');
  src: url('fonts/afterlogic.eot?#iefix') format('embedded-opentype'), url('fonts/afterlogic.svg#afterlogic') format('svg'), url('fonts/afterlogic.woff') format('woff'), url('fonts/afterlogic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.not-exist:before,
.icon-font:before {
  font-family: 'afterlogic';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*=== Library part ===*/
.clearfix {
  clear: both;
}
.clearfix:after {
  /*Opera*/
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html > body .clearfix {
  width: 100%;
  display: block;
}
* html .clearfix {
  /* IE 6 */
  height: 1%;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectable {
  -webkit-touch-callout: all;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
input,
select,
textarea {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
@keyframes cycle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes cycle {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes cycle {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes highlight {
  0% {
    background: #ffffc4;
  }
  60% {
    background: #ffffc4;
  }
  100% {
    background: rgba(255, 255, 196, 0);
  }
}
@-moz-keyframes highlight {
  0% {
    background: #ffffc4;
  }
  60% {
    background: #ffffc4;
  }
  100% {
    background: rgba(255, 255, 196, 0);
  }
}
@-webkit-keyframes highlight {
  0% {
    background: #ffffc4;
  }
  60% {
    background: #ffffc4;
  }
  100% {
    background: rgba(255, 255, 196, 0);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -moz-transform: scale(0);
  }
  40% {
    -moz-transform: scale(1);
  }
}
@keyframes flipIn {
  0% {
    transform: rotateY(0);
    max-height: 500px;
    top: 0px;
  }
  99% {
    transform: rotateY(90deg);
    max-height: 500px;
    top: 0px;
  }
  100% {
    transform: rotateY(90deg);
    max-height: 0px;
    top: -20000px;
  }
}
@-moz-keyframes flipIn {
  0% {
    -moz-transform: rotateY(0);
    max-height: 500px;
    top: 0px;
  }
  99% {
    -moz-transform: rotateY(90deg);
    max-height: 500px;
    top: 0px;
  }
  100% {
    -moz-transform: rotateY(90deg);
    max-height: 0px;
    top: -20000px;
  }
}
@-webkit-keyframes flipIn {
  0% {
    -webkit-transform: rotateY(0);
    max-height: 500px;
    top: 0px;
  }
  99% {
    -webkit-transform: rotateY(90deg);
    max-height: 500px;
    top: 0px;
  }
  100% {
    -webkit-transform: rotateY(90deg);
    max-height: 0px;
    top: -20000px;
  }
}
@keyframes flipOut {
  0% {
    transform: rotateY(270deg);
    max-height: 0px;
    top: -20000px;
  }
  49% {
    transform: rotateY(270deg);
    max-height: 0px;
    top: -20000px;
  }
  50% {
    transform: rotateY(270deg);
    max-height: 0px;
    top: 0px;
  }
  100% {
    transform: rotateY(360deg);
    max-height: 500px;
    top: 0px;
  }
}
@-moz-keyframes flipOut {
  0% {
    -moz-transform: rotateY(270deg);
    max-height: 0px;
    top: -20000px;
  }
  49% {
    -moz-transform: rotateY(270deg);
    max-height: 0px;
    top: -20000px;
  }
  50% {
    -moz-transform: rotateY(270deg);
    max-height: 500px;
    top: 0px;
  }
  100% {
    -moz-transform: rotateY(360deg);
    max-height: 500px;
    top: 0px;
  }
}
@-webkit-keyframes flipOut {
  0% {
    -webkit-transform: rotateY(270deg);
    max-height: 0px;
    top: -20000px;
  }
  49% {
    -webkit-transform: rotateY(270deg);
    max-height: 0px;
    top: -20000px;
  }
  50% {
    -webkit-transform: rotateY(270deg);
    max-height: 500px;
    top: 0px;
  }
  100% {
    -webkit-transform: rotateY(360deg);
    max-height: 500px;
    top: 0px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.7);
  }
  80% {
    transform: scale(1.7);
  }
  100% {
    transform: scale(1.3);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  70% {
    -moz-transform: scale(1.7);
  }
  80% {
    -moz-transform: scale(1.7);
  }
  100% {
    -moz-transform: scale(1.3);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.7);
  }
  80% {
    -webkit-transform: scale(1.7);
  }
  100% {
    -webkit-transform: scale(1.3);
  }
}
@keyframes shake {
  0% {
    transform: translate(0px);
  }
  15% {
    transform: translate(-15px);
  }
  30% {
    transform: translate(15px);
  }
  45% {
    transform: translate(-10px);
  }
  60% {
    transform: translate(10px);
  }
  75% {
    transform: translate(-5px);
  }
  90% {
    transform: translate(5px);
  }
  100% {
    transform: translate(0px);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(0px);
  }
  15% {
    -webkit-transform: translate(-15px);
  }
  30% {
    -webkit-transform: translate(15px);
  }
  45% {
    -webkit-transform: translate(-10px);
  }
  60% {
    -webkit-transform: translate(10px);
  }
  75% {
    -webkit-transform: translate(-5px);
  }
  90% {
    -webkit-transform: translate(5px);
  }
  100% {
    -webkit-transform: translate(0px);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translate(0px);
  }
  15% {
    -moz-transform: translate(-15px);
  }
  30% {
    -moz-transform: translate(15px);
  }
  45% {
    -moz-transform: translate(-10px);
  }
  60% {
    -moz-transform: translate(10px);
  }
  75% {
    -moz-transform: translate(-5px);
  }
  90% {
    -moz-transform: translate(5px);
  }
  100% {
    -moz-transform: translate(0px);
  }
}
.panels,
.panel_helper {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
html.non-adjustable .panels {
  height: auto;
}
html.non-adjustable .panels .panel {
  flex-grow: 0 !important;
}
.panel {
  border-radius: 5px;
  font-size: 9pt;
  height: 100%;
  position: relative;
  white-space: normal;
  flex-basis: auto;
  flex-grow: 1;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.panel.center_panel,
.panel.item_viewer,
.panel.data {
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.11);
}
.rtl .panel {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.11);
}
.panel .panel_content {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.panel .panel_content .resizer {
  background: transparent;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.panel .middle_bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
}
html.non-adjustable .panel .middle_bar {
  overflow: visible;
}
.panel.center_panel .panel_top {
  background: #f1f1f1;
}
.panel.center_panel .panel_bottom {
  background: #ffffff;
}
.panel .panel_top {
  border-bottom: 1px solid #e2e2e2;
  color: #555566;
  padding: 6px 10px 6px 34px;
  white-space: nowrap;
}
html.rtl .panel .panel_top {
  padding-left: 10px;
  padding-right: 34px;
}
.panel .panel_top .custom_checkbox {
  margin-top: 6px;
  margin-left: -20px;
  margin-right: 8px;
  vertical-align: top;
}
html.rtl .panel .panel_top .custom_checkbox {
  margin-left: 8px;
  margin-right: -20px;
}
.panel .panel_center {
  height: 100%;
}
.panel .panel_bottom {
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #E2E2E2;
  line-height: 26px;
  padding: 10px 20px;
}
.panel.item_viewer {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.panel.item_viewer {
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.screens > .panel.item_viewer {
  width: 100%;
}
html.rtl .panel.item_viewer {
  margin-left: 0px;
  margin-right: -1px;
  padding-left: 0;
  padding-right: 2px;
}
.panel.item_viewer .notification {
  color: #cccccc;
  display: block;
  font-size: 18px;
  padding: 26px 20px;
  text-align: center;
}
.panel.item_viewer .attachments {
  color: #3d3d3d;
  padding: 20px;
}
.panel.item_viewer .attachments .download_menu {
  margin-bottom: 10px;
}
.panel.item_viewer .attachments .download_menu .content {
  margin-left: 24px;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 500ms ease 500ms;
  -moz-transition: max-height 500ms ease 500ms;
  -o-transition: max-height 500ms ease 500ms;
  transition: max-height 500ms ease 500ms;
}
.panel.item_viewer .attachments .download_menu .content .link {
  margin-top: 10px;
}
.panel.item_viewer .attachments .download_menu:hover .content {
  max-height: 200px;
  -webkit-transition: max-height 500ms ease 0s;
  -moz-transition: max-height 500ms ease 0s;
  -o-transition: max-height 500ms ease 0s;
  transition: max-height 500ms ease 0s;
}
.panel.item_viewer .attachments .download_menu .link {
  display: inline-block;
}
.panel.item_viewer .attachments .download_menu .link.hover {
  color: #333333 !important;
  text-decoration: none !important;
}
.panel.item_viewer .attachments .download_menu .link .icon {
  color: #3ba7b6;
  display: none;
}
.panel.item_viewer .attachments .download_menu .link .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.item_viewer .attachments .download_menu .link .icon:before {
  display: inline-block;
  font-size: 20px;
  height: 100%;
  margin: -6px -3px 0px;
  vertical-align: middle;
  width: 100%;
}
.panel.item_viewer .attachments .download_menu .link.hover .icon {
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
  width: 16px;
}
.panel.item_viewer .attachments .download_menu .link.hover .icon:before {
  content: "\e642";
}
.panel.item_viewer .attachments .download_menu .link .text {
  overflow: hidden;
}
.items_list .section_title {
  color: #ffffff;
  cursor: default;
  display: block;
  font-weight: bold;
  padding: 10px 17px 10px 17px;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
}
html.rtl .items_list .section_title {
  padding-left: 0px;
  padding-right: 12px;
}
.items_list .section_title .control {
  float: right;
}
.items_list .use_threads .threaded {
  background: #f9f8f6;
  border-left: 5px solid #afabab;
  max-height: 0px;
}
html.rtl .items_list .use_threads .threaded {
  border-left: 0px;
  border-right: 5px solid #afabab;
}
.items_list .use_threads .threaded.show {
  max-height: 80px;
  -webkit-transition: max-height 200ms ease-out;
  -moz-transition: max-height 200ms ease-out;
  -o-transition: max-height 200ms ease-out;
  transition: max-height 200ms ease-out;
}
.items_list .use_threads .threaded .link {
  color: #4477bb;
}
.items_list .use_threads .threaded .link:hover {
  color: #c74747;
}
.items_list .not_use_threads .item .from .other_senders,
.items_list .not_use_threads .item .from .plus_more_senders {
  display: none;
}
.items_list .use_threads .item .from .other_senders {
  margin-left: -5px;
}
.items_list .use_threads .item .from .plus_more_senders {
  opacity: 0.5;
}
.items_list .item {
  background: #ffffff;
  color: #3d3d3d;
  cursor: default;
  font-weight: normal;
  line-height: 140%;
  max-height: 80px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.items_list .item .from,
.items_list .item .subject {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .items_list .item .from,
html.rtl .items_list .item .subject {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.items_list .item.unseen {
  background: #f4f6f7;
  font-weight: bold;
}
.items_list .item.unseen .from,
.items_list .item.unseen .subject {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .items_list .item.unseen .from,
html.rtl .items_list .item.unseen .subject {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.items_list .item.deleted {
  -webkit-transition: max-height 250ms ease;
  -moz-transition: max-height 250ms ease;
  -o-transition: max-height 250ms ease;
  transition: max-height 250ms ease;
  max-height: 0px !important;
  overflow: hidden;
}
.items_list .item.checked {
  background: #ebf7cb;
}
.items_list .item.checked .from,
.items_list .item.checked .subject {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .items_list .item.checked .from,
html.rtl .items_list .item.checked .subject {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.items_list .item.checked .custom_checkbox .icon {
  border-color: #a5ad8e;
  box-shadow: 0 1px 0 #ffffff;
}
.items_list .item.selected {
  background-color: #78b8f0;
  color: #ffffff;
}
.items_list .item.selected .from,
.items_list .item.selected .subject {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .items_list .item.selected .from,
html.rtl .items_list .item.selected .subject {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.items_list .item.selected .custom_checkbox .icon {
  border-color: #5481a8;
  box-shadow: 0 1px 0 #bddcf8;
}
.items_list .item .item_content {
  border-bottom: 1px solid #e8e8e8;
  padding: 14px 16px 14px 14px;
}
html.rtl .items_list .item .item_content {
  padding-left: 16px;
  padding-right: 14px;
}
.items_list .item .controls {
  display: inline-block;
  float: left;
  margin: 1px 8px 0px 0px;
}
html.rtl .items_list .item .controls {
  float: right;
  margin-left: 8px;
  margin-right: 0px;
}
.items_list .item .data {
  display: block;
  overflow: hidden;
}
.items_list .item .data.table {
  display: flex;
}
.items_list .item .data.table > span {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 10px;
}
.items_list .item .data.table > span.fixed {
  flex-grow: 0;
}
.items_list .item .group,
.items_list .item .size,
.items_list .item .date,
.items_list .item .attachments {
  color: #999999;
  display: inline-block;
  float: right;
  font-size: 8pt;
  margin-left: 4px;
}
html.rtl .items_list .item .group,
html.rtl .items_list .item .size,
html.rtl .items_list .item .date,
html.rtl .items_list .item .attachments {
  float: left;
  margin-left: 0px;
  margin-right: 4px;
}
.items_list .item .size,
.items_list .item .date {
  margin-top: 1px;
}
.items_list .item .attachments {
  margin-top: -2px;
}
.items_list .item .attachments.has_ical_attachment {
  margin-top: -1px;
}
.items_list .item.selected .size,
.items_list .item.selected .date {
  color: #ffffff;
}
.items_list .item .title {
  display: block;
  margin-bottom: 10px;
}
.items_list .item .separator {
  clear: both;
}
.items_list .uploader_mask {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 250ms ease 0s;
  -moz-transition: opacity 250ms ease 0s;
  -o-transition: opacity 250ms ease 0s;
  transition: opacity 250ms ease 0s;
  background: #fffdd6;
  color: #d3b910;
  font-size: 18pt;
  height: 100%;
  left: 0px;
  opacity: 0;
  padding: 11px;
  position: absolute;
  text-align: center;
  top: 0px;
  visibility: hidden;
  width: 100%;
}
.items_list .uploader_mask.active {
  visibility: visible;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.items_list .uploader_mask .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px dashed #e2da36;
  border-radius: 5px;
  height: 100%;
}
/* For draggable items in lists */
.draggable {
  height: 0px;
  /* don't change */
  width: 0px;
  /* don't change */
}
.draggable .content {
  cursor: move;
  height: 200px;
  margin: -100px 0px 0px -100px;
  width: 200px;
}
.draggable .content .count-text {
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000');
  border-radius: 2px;
  color: #ffffff;
  display: inline-block;
  line-height: 100%;
  margin: 100px 0px 0px 100px;
  min-width: 30px;
  padding: 6px 10px;
  white-space: nowrap;
  z-index: 10002;
}
/* IE9 do not support flex-wrap and flex-direction */
.no-flexwrap .panel {
  float: left;
}
.list_notification {
  color: #cccccc;
  display: block;
  font-size: 18px;
  padding: 6px 14px 26px;
  text-align: center;
}
.list_notification.search_results {
  background: #fcfcfc;
  border-bottom: 1px solid #e5e5e5;
}
.list_notification .link {
  float: right;
  font-size: 9pt;
  margin-left: 10px;
}
html.rtl .list_notification .link {
  float: left;
  margin-left: 0px;
  margin-right: 10px;
}
.list_notification .description {
  display: block;
  padding-top: 20px;
}
.list_notification .description .part {
  color: #777777;
}
.toolbar {
  background: #fff;
  border: none;
  border-radius: 4px 4px 0 0;
}
.toolbar .resizer {
  height: 55px;
}
.toolbar .content {
  display: block;
  font-size: 0.1px;
  padding: 11px;
}
.toolbar .content > .item,
.toolbar .content .group > .item {
  cursor: pointer;
  display: inline-block;
  font-size: 10pt;
  height: 30px;
  line-height: 30px;
  margin-right: 8px;
  padding: 1px 7px;
  position: relative;
  vertical-align: middle;
}
.toolbar .content > .item > .icon,
.toolbar .content .group > .item > .icon {
  color: #82748e;
  text-shadow: none;
}
.toolbar .content > .item > .icon:hover,
.toolbar .content .group > .item > .icon:hover {
  color: #685d72;
}
.toolbar .content > .item .hint,
.toolbar .content .group > .item .hint {
  background: #9b90a5;
  color: #ffffff;
}
.toolbar .content > .item:hover .hint,
.toolbar .content .group > .item:hover .hint {
  background: #8f8299;
}
.toolbar .content > .item:hover,
.toolbar .content .group > .item:hover {
  /*	background: #eeeeee;

	.hint {
		background-color: darken(#eeeeee, 10%);
	}*/
}
.toolbar .content > .item:last-child,
.toolbar .content .group > .item:last-child {
  margin-right: 0px;
}
html.rtl .toolbar .content > .item:last-child,
html.rtl .toolbar .content .group > .item:last-child {
  margin-left: 0px;
}
html.rtl .toolbar .content > .item,
html.rtl .toolbar .content .group > .item {
  margin-left: 8px;
  margin-right: 0px;
}
html.mobile .toolbar .content > .item,
html.mobile .toolbar .content .group > .item {
  position: static;
}
.toolbar .content > .item > .icon,
.toolbar .content .group > .item > .icon {
  display: inline-block;
  font-size: 32px;
  height: 32px;
  width: 32px;
  text-align: center;
  vertical-align: middle;
}
.toolbar .content > .item > .icon:before,
.toolbar .content .group > .item > .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbar .content > .item > .icon:after,
.toolbar .content .group > .item > .icon:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbar .content > .item > .icon:before,
.toolbar .content .group > .item > .icon:before {
  display: inline-block;
  vertical-align: baseline;
}
.toolbar .content > .item > .text_icon,
.toolbar .content .group > .item > .text_icon {
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  font-size: 20px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.toolbar .content > .item.checkstate,
.toolbar .content .group > .item.checkstate {
  float: right;
  margin-right: 0px;
}
html.rtl .toolbar .content > .item.checkstate,
html.rtl .toolbar .content .group > .item.checkstate {
  float: left;
  margin-left: 0px;
}
.toolbar .content > .item .arrow,
.toolbar .content .group > .item .arrow {
  height: 14px !important;
  width: 14px !important;
}
.toolbar .content > .item .arrow:before,
.toolbar .content .group > .item .arrow:before {
  content: "\e66d" !important;
  font-size: 16px;
  vertical-align: top;
}
.toolbar .content > .item > .text,
.toolbar .content .group > .item > .text,
.toolbar .content > .item .button .text,
.toolbar .content .group > .item .button .text {
  font-size: 13pt;
  font-weight: normal;
}
.toolbar .content > .item > .text,
.toolbar .content .group > .item > .text {
  color: #82748e;
  display: none;
  vertical-align: middle;
}
.toolbar .content > .item .hint,
.toolbar .content .group > .item .hint {
  border-radius: 6px;
  display: inline-block;
  line-height: 22px;
  padding: 0 5px;
  vertical-align: middle;
}
.toolbar .content > .item.expand,
.toolbar .content .group > .item.expand {
  /*	background: #eeeeee;

	.hint {
		background-color: darken(#eeeeee, 10%);
	}*/
}
.toolbar .content .group {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  vertical-align: middle;
}
html.rtl .toolbar .content .group {
  margin-left: 8px;
  margin-right: 0px;
}
html.mobile .toolbar .content .group {
  position: static;
}
.toolbar .content .group > .item {
  border-radius: 0px;
  border-left-width: 0px;
  border-right-width: 1px;
  margin-left: 0px;
  margin-right: 0px;
}
html.rtl .toolbar .content .group > .item {
  border-radius: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
}
.toolbar .content .group > .item:first-child {
  border-radius: 4px 0px 0px 4px;
  border-left-width: 1px;
}
html.rtl .toolbar .content .group > .item:first-child {
  border-radius: 0px 4px 4px 0px;
  border-right-width: 1px;
}
.toolbar .content .group > .item.control,
.toolbar .content .group > .item:last-child {
  border-radius: 0px 4px 4px 0px;
}
html.rtl .toolbar .content .group > .item.control,
html.rtl .toolbar .content .group > .item:last-child {
  border-radius: 4px 0px 0px 4px;
}
.toolbar .content .group.expand > .item {
  /*	background: #eeeeee;

	.hint {
		background-color: darken(#eeeeee, 10%);
	}*/
}
.toolbar .disabled .item,
.toolbar .item.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  color: #888888;
  cursor: default;
}
.toolbar .group.checkstate .icon:before,
.toolbar .item.checkstate .icon:before {
  content: "\e607";
  height: 100%;
  width: 100%;
}
.toolbar .group.checkstate .icon .cssanimations,
.toolbar .item.checkstate .icon .cssanimations {
  -webkit-transform-origin: 50% 48%;
  -moz-transform-origin: 50% 48%;
  -ms-transform-origin: 50% 48%;
  -o-transform-origin: 50% 48%;
  transform-origin: 50% 48%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.toolbar .group.checkstate.process .icon,
.toolbar .item.checkstate.process .icon {
  text-shadow: none;
}
.toolbar .group.checkstate.process .icon:before,
.toolbar .item.checkstate.process .icon:before {
  text-shadow: none;
}
.toolbar .group.mark .icon:before,
.toolbar .item.mark .icon:before {
  content: "\e603";
}
.toolbar .group.move .icon:before,
.toolbar .item.move .icon:before {
  content: "\e604";
}
.toolbar .group.delete .icon:before,
.toolbar .item.delete .icon:before {
  content: "\e606";
}
.toolbar .group.watcher .icon,
.toolbar .item.watcher .icon {
  background-position: -840px -240px;
}
.toolbar .group.spam .icon:before,
.toolbar .item.spam .icon:before {
  content: "\e605";
}
.toolbar .group.notspam .icon:before,
.toolbar .item.notspam .icon:before {
  content: "\e608";
}
.toolbar .group.empty_spam .icon:before,
.toolbar .item.empty_spam .icon:before {
  content: "\e676";
}
.toolbar .group.empty_trash .icon:before,
.toolbar .item.empty_trash .icon:before {
  content: "\e676";
}
.toolbar .group.download .icon:before,
.toolbar .item.download .icon:before {
  content: "\e610";
}
.toolbar .group.share .icon:before,
.toolbar .item.share .icon:before {
  content: "\e62a";
}
.toolbar .group.unshare .icon:before,
.toolbar .item.unshare .icon:before {
  content: "\e62b";
}
.toolbar .group.share-all .icon:before,
.toolbar .item.share-all .icon:before {
  content: "\e632";
}
.toolbar .group.unshare-all .icon:before,
.toolbar .item.unshare-all .icon:before {
  content: "\e633";
}
.toolbar .group.publish .icon:before,
.toolbar .item.publish .icon:before {
  content: "\e62c";
}
.toolbar .group.edit .icon:before,
.toolbar .item.edit .icon:before {
  content: "\e62d";
}
.toolbar .group.resolve .icon:before,
.toolbar .item.resolve .icon:before {
  content: "\e62f";
}
.toolbar .group.resolved .icon,
.toolbar .item.resolved .icon {
  margin-right: 8px;
}
.toolbar .group.resolved .icon:before,
.toolbar .item.resolved .icon:before {
  content: "\e673";
}
.toolbar .group.resolved .icon:after,
.toolbar .item.resolved .icon:after {
  color: #79ee0a;
  content: "\e674";
  margin-left: -27px;
}
.toolbar .group.wait_client .icon:before,
.toolbar .item.wait_client .icon:before {
  content: "\e631";
}
.toolbar .group.new_request_button .icon:before,
.toolbar .item.new_request_button .icon:before {
  content: "\e630";
}
.toolbar .group.new_folder .icon:before,
.toolbar .item.new_folder .icon:before {
  content: "\e62e";
}
.toolbar .group.forward .icon:before,
.toolbar .item.forward .icon:before {
  content: "\e60e";
}
.toolbar .group.reply .icon:before,
.toolbar .item.reply .icon:before {
  content: "\e60c";
}
.toolbar .group.replyall .icon:before,
.toolbar .item.replyall .icon:before {
  content: "\e60d";
}
.toolbar .group.resend .icon:before,
.toolbar .item.resend .icon:before {
  content: "\e650";
}
.toolbar .group.save .icon:before,
.toolbar .item.save .icon:before {
  content: "\e610";
}
.toolbar .group.print .icon:before,
.toolbar .item.print .icon:before {
  content: "\e60f";
}
.toolbar .group.new_window .icon:before,
.toolbar .item.new_window .icon:before {
  content: "\e611";
}
.toolbar .group.save_and_close .icon:before,
.toolbar .item.save_and_close .icon:before {
  content: "\e66b";
}
.toolbar .group.minimize .icon:before,
.toolbar .item.minimize .icon:before {
  content: "\e669";
}
.toolbar .group.maximize .icon:before,
.toolbar .item.maximize .icon:before {
  content: "\e66a";
}
.toolbar .group.back .icon:before,
.toolbar .item.back .icon:before {
  content: "\e60b";
}
.toolbar .group.new_contact .icon:before,
.toolbar .item.new_contact .icon:before {
  content: "\e601";
}
.toolbar .group.new_group .icon:before,
.toolbar .item.new_group .icon:before {
  content: "\e609";
}
.toolbar .group.add_to .icon:before,
.toolbar .item.add_to .icon:before {
  content: "\e604";
}
.toolbar .group.remove_from .icon:before,
.toolbar .item.remove_from .icon:before {
  content: "\e64a";
}
.toolbar .group.export-csv .icon:before,
.toolbar .item.export-csv .icon:before {
  content: "\e900";
}
.toolbar .group.export-vcf .icon:before,
.toolbar .item.export-vcf .icon:before {
  content: "\e901";
}
.toolbar .group.import-contacts .icon:before,
.toolbar .item.import-contacts .icon:before {
  content: "\e902";
}
.toolbar .group.new_message .icon:before,
.toolbar .item.new_message .icon:before {
  content: "\e600";
}
.toolbar .group.send_files .icon:before,
.toolbar .item.send_files .icon:before {
  content: "\e61a";
}
.toolbar .group.close .icon:before,
.toolbar .item.close .icon:before {
  content: "\e60b";
}
.toolbar .group.add_new_item .icon:before,
.toolbar .item.add_new_item .icon:before {
  content: "\e90c";
}
.toolbar .group.prev .icon:before,
.toolbar .item.prev .icon:before {
  content: "\e671";
}
html.rtl .toolbar .group.prev .icon:before,
html.rtl .toolbar .item.prev .icon:before {
  content: "\e670";
}
.toolbar .group.next .icon:before,
.toolbar .item.next .icon:before {
  content: "\e670";
}
html.rtl .toolbar .group.next .icon:before,
html.rtl .toolbar .item.next .icon:before {
  content: "\e671";
}
.toolbar .group.more > .icon:before,
.toolbar .item.more > .icon:before {
  content: "\e651";
}
.toolbar .group.headers > .icon:before,
.toolbar .item.headers > .icon:before {
  content: "\e653";
}
.toolbar .group.pgp > .icon:before,
.toolbar .item.pgp > .icon:before {
  content: "\e659";
}
.toolbar .group.new_link > .icon:before,
.toolbar .item.new_link > .icon:before {
  content: "\e65a";
}
.toolbar .group.pdf > .icon:before,
.toolbar .item.pdf > .icon:before {
  content: "\e664";
}
.toolbar .group.copy > .icon:before,
.toolbar .item.copy > .icon:before {
  content: "\e905";
}
.toolbar .group.paste > .icon:before,
.toolbar .item.paste > .icon:before {
  content: "\e908";
}
.toolbar .group.cut > .icon:before,
.toolbar .item.cut > .icon:before {
  content: "\e906";
}
.toolbar .group.share > .icon:before,
.toolbar .item.share > .icon:before {
  content: "\e912";
}
.toolbar .group.secure-share > .icon:before,
.toolbar .item.secure-share > .icon:before {
  content: "\e914";
}
.cssanimations .toolbar .item.process .icon:before {
  -webkit-animation: cycle 0.8s linear infinite;
  -moz-animation: cycle 0.8s linear infinite;
  animation: cycle 0.8s linear infinite;
}
.fields .fieldset .subtitle {
  margin-top: 0px;
  font-size: 13.5pt;
}
.fields .fieldset .disabled {
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #888888;
  cursor: default;
}
.fields .fieldgroup {
  padding-bottom: 20px;
}
.fields .fieldgroup:last-child {
  padding-bottom: 0px;
}
.fields .hint {
  color: #929292;
  margin: 0 0 10px;
  padding: 0 0 10px;
  padding: 0px;
  text-shadow: 0 1px 0 #ffffff;
}
.fields .hint p {
  margin: 0px;
}
.cssanimations .fields .hint.highlight {
  -webkit-animation: highlight 500ms linear;
  -moz-animation: highlight 500ms linear;
  animation: highlight 500ms linear;
}
.fields .row {
  margin: 0px 0px 6px;
  font-size: 0px;
  clear: both;
}
.fields .row:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html > body .fields .row {
  width: 100%;
  display: block;
}
* html .fields .row {
  height: 1%;
}
.fields .row.dates {
  display: inline-block;
}
.fields .row.dates.editable {
  color: #4477bb;
  cursor: pointer;
  display: inline-block;
}
.fields .row.dates.editable:hover {
  color: #c74747;
  text-decoration: underline;
}
.fields .row.description value {
  -ms-word-break: break-all;
  word-break: break-word;
}
.fields .row > * {
  font-size: 9pt;
}
.fields .row.flex {
  display: flex;
  flex-direction: row;
}
.fields .row.flex .value {
  flex-grow: 1;
}
.fields .row.flex .value .input {
  width: 100%;
}
.fields .row .placeholder {
  color: #bbbbbb;
  cursor: text;
  display: inline-block;
  float: left;
  font-size: 12pt;
  height: 0;
  position: relative;
  text-indent: 5px;
  vertical-align: middle;
  white-space: nowrap;
  width: 0px;
  word-break: normal;
  word-wrap: normal;
}
html.rtl .fields .row .placeholder {
  float: right;
}
.fields .row .placeholder .title {
  color: #bbbbbb;
}
.fields .row.filled .placeholder,
.fields .row.focused .placeholder {
  overflow: hidden;
}
.fields .row_weeks {
  display: block;
  margin-top: 6px;
}
.fields .label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding-right: 10px;
  word-wrap: normal;
}
html.rtl .fields .label {
  padding-left: 10px;
  padding-right: 0px;
}
.fields .label.required:before {
  color: red;
  content: "*";
  display: inline-block;
  margin-left: -0.6em;
  width: 0.6em;
}
.fields td.label {
  display: table-cell;
}
.fields .value {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.fields .input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  margin-right: 16px;
  padding: 4px 6px;
  width: 300px;
}
.fields .input.disabled {
  color: #aaa;
}
html.rtl .fields .input {
  margin-left: 16px;
  margin-right: 0px;
}
.fields .input:last-child {
  margin-right: 0px;
}
html.rtl .fields .input:last-child {
  margin-left: 0px;
}
.fields .input[maxlength="2"] {
  width: 3em;
}
.fields .input[maxlength="3"] {
  width: 3.5em;
}
.fields .input[maxlength="4"] {
  width: 4em;
}
.fields .input[maxlength="5"] {
  width: 4.5em;
}
.fields .input[type="checkbox"] {
  width: auto;
}
/* Controls */
.buttons {
  margin-top: 15px;
  text-align: right;
}
html.rtl .buttons {
  text-align: left;
}
.buttons .button {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font: bold 10pt Helvetica, Tahoma, Arial, sans-serif;
  padding: 5px 12px;
  text-align: center;
  -webkit-transition: background 200ms ease 0s;
  -moz-transition: background 200ms ease 0s;
  -o-transition: background 200ms ease 0s;
  transition: background 200ms ease 0s;
  background: #43d0bf;
  border: 1px solid #2db3a3;
  color: #ffffff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.buttons .button.disabled {
  cursor: default;
  text-shadow: none !important;
}
.buttons .button:hover {
  text-decoration: none;
}
.buttons .button:hover {
  background: #32c8b6;
}
.buttons .button.disabled {
  color: #a1e8df;
}
.buttons .button.disabled:hover {
  background: #43d0bf;
}
.buttons .button.secondary_button {
  background: #a7afb9;
  border: 1px solid #8b95a2;
  color: #ffffff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.buttons .button.secondary_button:hover {
  background: #99a2ae;
}
.buttons .button.secondary_button.disabled {
  color: #d3d7dc;
}
.buttons .button.secondary_button.disabled:hover {
  background: #a7afb9;
}
.buttons.big_single_button {
  margin: 0;
  text-align: center;
  padding: 10px 16px;
}
.buttons.big_single_button .button {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 5px 0;
  border-radius: 5px;
  font-size: 13pt;
  font-weight: normal;
}
.buttons.big_single_button.disabled {
  opacity: 0.7;
}
.buttons.big_single_button.disabled .button label {
  cursor: default !important;
}
.custom_radio,
.custom_checkbox {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  line-height: 1;
  margin-right: 4px;
  overflow: hidden;
  vertical-align: text-bottom;
}
html.rtl .custom_radio,
html.rtl .custom_checkbox {
  margin-left: 4px;
  margin-right: 0px;
}
.toolbar .custom_radio,
.toolbar .custom_checkbox {
  vertical-align: middle !important;
}
.custom_radio.disabled,
.custom_checkbox.disabled,
.custom_radio.disabled,
.custom_checkbox.disabled {
  cursor: default;
}
.custom_radio input,
.custom_checkbox input {
  opacity: 0;
  filter: alpha(opacity=0);
  float: left;
  margin-right: -13px;
  margin-top: -30px;
}
html.rtl .custom_radio input,
html.rtl .custom_checkbox input {
  float: right;
}
.custom_radio .icon,
.custom_checkbox .icon {
  background: #ffffff;
  border: 1px solid #b4b5b6;
  border-radius: 2px;
  color: #5a6269;
  display: inline-block;
  height: 13px !important;
  line-height: 13px !important;
  text-align: center;
  vertical-align: top;
  width: 13px !important;
}
.custom_radio .icon:before,
.custom_checkbox .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom_radio .icon:before,
.custom_checkbox .icon:before {
  display: inline-block;
  font-size: 10px;
  line-height: inherit;
  vertical-align: baseline;
}
.toolbar .custom_radio .icon:before,
.toolbar .custom_checkbox .icon:before {
  font-size: 12px !important;
  height: 12px !important;
  width: 12px !important;
}
.disabled.custom_radio .icon,
.disabled.custom_checkbox .icon {
  color: #cccccc;
  border: 1px solid #cccccc !important;
  background: #f5f5f5;
}
.custom_checkbox.checked .icon:before {
  content: "\e61c";
}
.custom_radio .icon {
  border-radius: 50%;
}
.custom_radio .icon:before {
  margin: 0 0 0 -1px;
}
.custom_radio.checked .icon:before {
  content: "\e61b";
}
.custom_switcher {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: inline-block;
  font-size: 0px;
}
.custom_switcher .text {
  border-right: 1px solid #cccccc;
  display: inline-block !important;
  font-size: 9pt;
  padding: 5px 5px;
}
.custom_switcher label.checked {
  background: #6fa8de;
  color: #ffffff;
  display: inline-block;
}
.custom_switcher label:first-child .text {
  padding-left: 7px;
}
html.rtl .custom_switcher label:first-child .text {
  border: 0px;
  padding-right: 7px;
}
.custom_switcher label:last-child .text {
  border: 0px;
  padding-right: 7px;
}
html.rtl .custom_switcher label:last-child .text {
  border-right: 1px solid #cccccc;
  padding-right: 5px;
}
.custom_switcher input {
  display: none;
}
.input {
  background: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0px 4px 3px -3px #e5e5e5 inset;
}
.input.focus,
.input:focus {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd;
}
.scroll-wrap {
  display: block;
  height: 100%;
  max-height: none;
  overflow: hidden;
  position: relative;
}
.scroll-wrap .scroll-inner {
  overflow: hidden;
}
.scroll-inner::-webkit-scrollbar {
  width: 0px;
}
.scroll-inner {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  height: 100%;
  max-height: inherit;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  top: 0px;
  width: auto !important;
}
.customscroll-scrollbar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  visibility: hidden;
  z-index: 10;
}
.csstransitions .customscroll-scrollbar {
  -webkit-transition: opacity 300ms linear, visibility 0ms linear 300ms;
  -moz-transition: opacity 300ms linear, visibility 0ms linear 300ms;
  -o-transition: opacity 300ms linear, visibility 0ms linear 300ms;
  transition: opacity 300ms linear, visibility 0ms linear 300ms;
}
.customscroll-scrollbar div {
  background: #474c50;
  border-radius: 7px;
  height: 100%;
}
.customscroll-scrollbar-shown {
  opacity: 0.3;
  filter: alpha(opacity=30);
  visibility: visible;
}
.csstransitions .customscroll-scrollbar-shown {
  -webkit-transition: opacity 300ms linear, visibility 0ms linear 0ms;
  -moz-transition: opacity 300ms linear, visibility 0ms linear 0ms;
  -o-transition: opacity 300ms linear, visibility 0ms linear 0ms;
  transition: opacity 300ms linear, visibility 0ms linear 0ms;
}
.customscroll-scrollbar-shown:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.customscroll-scrollbar-horizontal {
  bottom: 4px;
  height: 8px;
  left: 0;
  margin-left: 2px;
}
.customscroll-scrollbar-horizontal div {
  height: 4px;
  margin: 0px;
}
.csstransitions .customscroll-scrollbar-horizontal div {
  -webkit-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  -moz-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  -o-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  transition: height 300ms ease 0ms, margin 300ms ease 0ms;
}
.customscroll-scrollbar-horizontal.customscroll-scrollbar-shown div {
  height: 8px;
  margin: 0px;
}
.csstransitions .customscroll-scrollbar-horizontal.customscroll-scrollbar-shown div {
  -webkit-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  -moz-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  -o-transition: height 300ms ease 0ms, margin 300ms ease 0ms;
  transition: height 300ms ease 0ms, margin 300ms ease 0ms;
}
.customscroll-scrollbar.customscroll-scrollbar-vertical {
  margin-right: 0px;
  margin-top: 2px;
  padding: 6px 0px;
  right: 2px;
  text-align: center;
  top: 0;
  width: 12px;
}
html.rtl .customscroll-scrollbar.customscroll-scrollbar-vertical {
  left: 2px;
  right: auto;
}
.customscroll-scrollbar.customscroll-scrollbar-vertical div {
  display: inline-block !important;
  width: 4px;
}
.csstransitions .customscroll-scrollbar.customscroll-scrollbar-vertical div {
  -webkit-transition: width 300ms ease 0ms;
  -moz-transition: width 300ms ease 0ms;
  -o-transition: width 300ms ease 0ms;
  transition: width 300ms ease 0ms;
}
html.rtl .customscroll-scrollbar.customscroll-scrollbar-vertical div {
  margin-left: 2px;
  margin-right: 6px;
}
.customscroll-scrollbar.customscroll-scrollbar-vertical.customscroll-scrollbar-shown div {
  width: 8px;
}
.csstransitions .customscroll-scrollbar.customscroll-scrollbar-vertical.customscroll-scrollbar-shown div {
  -webkit-transition: width 300ms ease 0ms;
  -moz-transition: width 300ms ease 0ms;
  -o-transition: width 300ms ease 0ms;
  transition: width 300ms ease 0ms;
}
.pagination {
  cursor: default;
  display: block;
  text-align: right;
}
html.rtl .pagination {
  text-align: left;
}
.pagination .pages {
  display: inline-block;
  vertical-align: middle;
}
.pagination .item {
  color: #aaaaaa;
  cursor: pointer;
  display: inline-block;
  font-size: 12pt;
  vertical-align: middle;
}
.csstransitions .pagination .item {
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  -o-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
}
.pagination .item:hover {
  color: #777777;
}
.pagination .item.current {
  color: #000000;
  cursor: default;
}
.pagination .item.first,
.pagination .item.last,
.pagination .item.prev,
.pagination .item.next {
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}
.pagination .item.first:before,
.pagination .item.last:before,
.pagination .item.prev:before,
.pagination .item.next:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination .item.first:before,
.pagination .item.last:before,
.pagination .item.prev:before,
.pagination .item.next:before {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}
.pagination .item.first:before {
  content: "\e64e";
}
html.rtl .pagination .item.first:before {
  content: "\e64d";
}
.pagination .item.last:before {
  content: "\e64d";
}
html.rtl .pagination .item.last:before {
  content: "\e64e";
}
.pagination .item.prev:before {
  content: "\e64b";
}
html.rtl .pagination .item.prev:before {
  content: "\e64c";
}
.pagination .item.next:before {
  content: "\e64c";
}
html.rtl .pagination .item.next:before {
  content: "\e64b";
}
.pagination .pages .item {
  padding: 0px 2px;
}
.dropdown {
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
  opacity: 0;
  filter: alpha(opacity=0);
  bottom: 0px;
  cursor: default;
  display: none;
  font-size: 9pt;
  left: -10000px;
  position: absolute;
  position: static\0/;
  z-index: 3002 !important;
  width: 100%;
}
.expand .dropdown {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  left: 0px;
}
html.rtl .expand .dropdown {
  left: auto;
  right: 0px;
}
.dropdown .dropdown_helper {
  left: 0px\0/;
  position: absolute;
  top: 2em\0/;
  z-index: 3002;
}
.dropdown .dropdown_content {
  background: #ffffff;
  border: 1px solid #cbc8c0;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  display: block;
  max-height: 300px;
  min-width: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown .dropdown_content .dropdown_container {
  max-height: 268px;
}
.dropdown .dropdown_content.scroll-wrap {
  overflow: hidden;
}
.dropdown .dropdown_content .item {
  background: none;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  color: #626262;
  cursor: pointer;
  display: block;
  height: auto;
  margin: 0px;
  padding: 8px 12px;
  white-space: nowrap;
}
.dropdown .dropdown_content .item:hover {
  background: #f7f7f7;
  color: #626262;
}
.dropdown .dropdown_content .item.disabled {
  color: #aaaaaa;
  cursor: default;
}
.dropdown .dropdown_content .item.disabled:hover {
  background: none;
}
.dropdown .dropdown_content .item.selected {
  color: #333;
  background: #f0f0f0;
}
.dropdown .dropdown_content .item .icon {
  color: inherit;
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.dropdown .dropdown_content .item .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dropdown .dropdown_arrow {
  border-bottom: 6px solid #cbc8c0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  font-size: 0;
  height: 0px;
  margin: 0px 0px 0px 7px;
  position: relative;
  width: 0px;
  z-index: 1;
}
html.rtl .dropdown .dropdown_arrow {
  margin-left: 0px;
  margin-right: 7px;
  float: left;
}
.dropdown .dropdown_arrow span {
  border-bottom: 5px solid #ffffff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  display: block;
  height: 0px;
  margin-left: -5px;
  position: relative;
  top: 2px;
  width: 0px;
}
html.rtl .dropdown .dropdown_arrow span {
  margin-left: 0px;
  margin-right: -5px;
}
.dropdown .dropdown_arrow.bottom_arrow {
  border-top: 6px solid #cbc8c0;
  border-bottom: 0;
}
.dropdown .dropdown_arrow.bottom_arrow span {
  border-top: 5px solid #ffffff;
  border-bottom: 0;
  margin-top: -9px;
}
.dropdown .folders .item,
.dropdown .folders .item:hover {
  background: none !important;
  color: initial !important;
  padding: 0px;
}
.dropdown .folders .item:first-child,
.dropdown .folders .item:hover:first-child {
  margin-top: 5px;
}
.dropdown .folders .item:last-child,
.dropdown .folders .item:hover:last-child {
  margin-bottom: 5px;
}
.dropdown .folders .folder {
  cursor: pointer;
  display: block;
  padding: 8px 12px 8px 0px;
}
.dropdown .folders .folder:hover {
  background: #f7f7f7;
  color: #626262;
}
.dropdown .folders .folder .title {
  cursor: inherit;
  font-weight: normal;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 12px;
}
.dropdown .folders .folder.disabled,
.dropdown .folders .folder.unselectable {
  background: none;
  cursor: default;
}
.dropdown .folders .folder.disabled .title,
.dropdown .folders .folder.unselectable .title {
  color: #aaaaaa;
}
.custom_selector {
  display: inline-block;
  position: relative;
}
.custom_selector .name {
  display: inline-block;
}
.input.custom_selector .name {
  width: 100%;
}
.custom_selector .control {
  cursor: pointer;
  display: inline-block;
  height: 1em;
  width: 1em;
}
html.rtl .custom_selector .control {
  float: left;
}
.input.custom_selector .control {
  margin-left: -1.5em;
}
.custom_selector .control .icon {
  margin: 0px;
}
.custom_selector .control .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom_selector .control .icon:before {
  content: "\e671";
  display: inline-block;
  font-size: 16px;
  margin-top: -0.4ex;
  vertical-align: middle;
}
.custom_selector.expand .control .icon:before {
  content: "\e66e";
}
.custom_selector .dropdown {
  bottom: 0px;
  left: -10000px;
  min-width: 100%;
  position: absolute;
  visibility: hidden;
  z-index: 500;
}
.expand.custom_selector .dropdown {
  left: 0px;
  visibility: visible;
}
.custom_selector .dropdown .dropdown_arrow {
  border-bottom: 6px solid #cbc8c0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  font-size: 0;
  height: 0px;
  margin: 0px 0px -1px 10px;
  position: relative;
  width: 0px;
}
.right.custom_selector .dropdown .dropdown_arrow {
  float: right;
  margin-left: 0px;
  margin-right: 10px;
}
html.rtl .right.custom_selector .dropdown .dropdown_arrow {
  float: left;
  margin-left: 10px;
  margin-right: 0px;
}
.custom_selector .dropdown .dropdown_arrow span {
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  height: 0px;
  margin-left: -6px;
  position: relative;
  top: 2px;
  width: 0px;
}
.custom_selector .dropdown_helper {
  position: absolute;
  left: 0px;
  top: 0px;
}
.right.custom_selector .dropdown_helper {
  left: auto;
  right: 0px;
}
html.rtl .right.custom_selector .dropdown_helper {
  right: auto;
  left: 0px;
}
.custom_selector .dropdown_content {
  background: #ffffff;
  border: 1px solid #cbc8c0;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  display: inline-block;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  text-align: left;
}
html.rtl .custom_selector .dropdown_content {
  text-align: right;
}
.ui-autocomplete {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
}
.ui-autocomplete li {
  position: relative;
}
.ui-autocomplete.ui-front {
  z-index: 2001;
}
.ui-autocomplete.ui-menu .ui-menu-item {
  display: block;
}
.ui-autocomplete.ui-menu .ui-menu-item a {
  overflow: hidden;
  white-space: nowrap;
}
.ui-autocomplete.ui-menu .ui-menu-item a span.del {
  color: #d8d8d8;
  position: absolute;
  right: 3px;
  text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8;
  top: 6px;
  visibility: hidden;
}
.ui-autocomplete.ui-menu .ui-menu-item a span.del:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-autocomplete.ui-menu .ui-menu-item a span.del:before {
  content: "\e63e";
}
.ui-autocomplete.ui-menu .ui-menu-item a span.key {
  position: absolute;
  text-shadow: 0 1px 0 #ffffff, 0 0 0 #c8c8c8;
  top: 6px;
  height: 16px;
  font-size: 16px;
  line-height: 1;
}
.ui-autocomplete.ui-menu .ui-menu-item a span.key:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-autocomplete.ui-menu .ui-menu-item a span.key:before {
  content: "\e658";
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active span.del {
  visibility: visible;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active span.del:hover {
  box-shadow: none;
  color: #676767;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active span.key {
  top: 7px;
}
.ui-autocomplete .ui-state-active {
  background: #f1f1f1;
  border-color: #f1f1f1;
}
.ui-datepicker .ui-widget-header {
  background: none;
  border: none;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  background: none;
  border: none;
}
.ui-datepicker .ui-datepicker-today {
  background: #fff4cf;
}
.ui-widget-content a:hover {
  color: inherit;
}
.items_list.simple_list {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #d5d9dc;
  border-radius: 4px;
  margin: 0 20px 20px;
  overflow: hidden;
  clear: both;
}
.items_list.simple_list:after {
  /*Opera*/
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html > body .items_list.simple_list {
  width: 100%;
  display: block;
}
* html .items_list.simple_list {
  /* IE 6 */
  height: 1%;
}
.items_list.simple_list .item {
  border-bottom: 1px solid #d5d9dc;
  color: #626262;
  cursor: pointer;
  padding: 6px 10px;
}
.items_list.simple_list .item:hover {
  background: #f3f3f3;
}
.items_list.simple_list .item:last-child {
  border-bottom: 0px;
}
.items_list.simple_list .item .title {
  margin: 0;
}
.items_list.simple_list .item.selected,
.items_list.simple_list .item.heading {
  background: #f1f1f1 none repeat scroll 0 0;
  color: #4d4d4d;
  font-weight: bold;
}
.items_list.simple_list .item .button {
  background: none repeat scroll 0 0 #6fa8de;
  border: 1px solid #5d97cd;
  border-radius: 4px 4px 4px 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 9pt !important;
  padding: 1px 5px;
  text-shadow: 0 1px 0 #4d759b;
}
.items_list.simple_list .button {
  float: right;
}
.items_list.simple_list .title {
  display: inline-block;
  font-size: 9pt;
  padding: 0px;
}
.items_list.simple_list .buttons {
  margin: 15px 0px;
}
.items_list.simple_list .buttons .button {
  font-size: 10pt;
}
.attachments .children {
  background: #e4e4e4;
  border-radius: 1px;
  box-shadow: 0 0 0 8px #e4e4e4;
  margin: 10px 0px 5px;
}
.attachments .children .children {
  background: #cbcbcb;
  box-shadow: 0 0 0 8px #cbcbcb;
}
.attachments .children .children .children {
  background: #b1b1b1;
  box-shadow: 0 0 0 8px #b1b1b1;
}
.attachments .children .children .children .size {
  color: #777777;
}
.attachments .children .children .children .children {
  background: #989898;
  box-shadow: 0 0 0 8px #989898;
}
.attachments .children .children .children .children .title {
  color: #000000;
}
.attachments .children .children .children .children .size {
  color: #555555;
}
.attachments .expanded {
  background: #e4e4e4;
  box-shadow: 0 0 0 8px #e4e4e4;
}
.attachments .expanded .expanded {
  box-shadow: 0 0 0 8px #c2c2c2;
  background: #c2c2c2;
}
.attachments .item {
  background: inherit;
  border-radius: 1px;
  display: block;
  margin: 0 16px 20px 0;
  max-height: inherit;
  overflow: visible;
  vertical-align: top;
  width: 136px;
}
.attachments .item:last-child {
  margin-bottom: 0px;
}
.attachments .item.fail {
  opacity: 0.3;
}
.csstransitions .attachments .item.fail {
  -webkit-transition: opacity 1000ms ease 1s;
  -moz-transition: opacity 1000ms ease 1s;
  -o-transition: opacity 1000ms ease 1s;
  transition: opacity 1000ms ease 1s;
}
.attachments .item .item_content {
  background: #ffffff;
  border: 0px;
  border-radius: 3px;
  box-shadow: 0 2px 6px #ccc;
  display: block;
  margin-bottom: 6px;
  padding: 9px 9px 7px;
}
.attachments .item .cancel {
  display: none;
}
.upload.attachments .item .cancel {
  background: #e84d49;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 12px;
  height: 14px;
  margin-left: -14px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 14px;
  z-index: 10;
}
.upload.attachments .item .cancel:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.upload.attachments .item .cancel:before {
  content: "\e63e";
}
.attachments .item .footer {
  min-height: 22px;
}
.attachments .item .progress {
  display: block;
  height: 3px;
  padding: 8px 0px;
  width: 100%;
}
.attachments .item .progress span {
  display: block;
  height: 3px;
  background: #ef4a4a;
}
.attachments .item .progress .progress-percent {
  display: block;
  background: none;
  text-align: center;
  font-size: 8pt;
  color: #000000 !important;
}
.attachments .item .image {
  border-bottom: 1px solid #dedede;
  display: block;
  min-height: 100px;
  overflow: hidden;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.attachments .item .image:after {
  content: "";
  display: inline-block;
  min-height: inherit;
  vertical-align: middle;
}
.attachments .item .image img {
  background: #ffffff;
  left: 50%;
  max-height: 100px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
}
.attachments .item.has_child > .item_content > .image {
  display: none;
}
.attachments .item .text {
  color: #c7c7c7;
  display: inline-block;
  font-size: 18pt;
  margin: 36px 0px 0px;
  text-transform: uppercase;
}
.attachments .item .icon {
  margin: 15px 0px 0px !important;
  vertical-align: top;
}
.attachments .item .has_action {
  cursor: pointer;
}
.attachments .item .title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-weight: bold;
  max-height: 2.5em;
  overflow: hidden;
  padding: 0px 43px 0px 8px;
  white-space: normal;
  width: 100%;
  word-wrap: break-word;
}
.attachments .item .title.entire_line {
  padding: 0px 8px 0px 8px;
}
.attachments .item .title .name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.attachments .item .ext {
  display: inline-block;
}
.attachments .item .size {
  color: #929292;
  float: right;
  margin: 0px 8px -5em 0px;
}
.attachments .item .status_text {
  display: block;
  margin: 0;
  padding: 6px 0px 0px;
  white-space: normal;
}
.attachments .item.fail .status_text {
  color: #ff0000;
}
.attachments .item.success .status_text {
  color: #308F00;
}
.attachments .item .buttons {
  clear: both;
  display: block;
  margin: 0;
  padding: 6px 0px 0px;
  text-align: left;
}
.attachments .item .buttons:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html > body .attachments .item .buttons {
  width: 100%;
  display: block;
}
* html .attachments .item .buttons {
  height: 1%;
}
.attachments .item .buttons .button {
  background: none;
  border: 0px;
  color: #4477bb;
  font-size: 9pt;
  font-weight: normal;
  padding: 0px;
  text-shadow: none;
  float: left;
  text-align: left;
}
html.rtl .attachments .item .buttons .button {
  float: right;
  text-align: right;
}
.attachments .item .buttons .button.open,
.attachments .item .buttons .button.download {
  float: right;
  text-align: right;
}
html.rtl .attachments .item .buttons .button.open,
html.rtl .attachments .item .buttons .button.download {
  float: left;
  text-align: left;
}
.report_panel {
  height: 0px;
  overflow: visible;
  position: fixed;
  text-align: center;
  top: 0px;
  visibility: visible;
  width: 100%;
  z-index: 3000;
}
.report_panel a {
  text-shadow: none;
  white-space: nowrap;
}
.report_panel.error {
  z-index: 2999;
}
.report_panel.hide {
  visibility: hidden;
}
.csstransitions .report_panel {
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -o-perspective: 200px;
  perspective: 200px;
  -webkit-transition: visibility 0ms linear 0ms;
  -moz-transition: visibility 0ms linear 0ms;
  -o-transition: visibility 0ms linear 0ms;
  transition: visibility 0ms linear 0ms;
}
.csstransitions .report_panel.hide {
  -webkit-transition: visibility 0ms linear 500ms;
  -moz-transition: visibility 0ms linear 500ms;
  -o-transition: visibility 0ms linear 500ms;
  transition: visibility 0ms linear 500ms;
}
.report_panel .content {
  background: #f9f9f9;
  border: 1px solid #c3c3c3;
  border-top: 0px;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 1px 2px 0px #bbb;
  display: inline-block;
  font-weight: bold;
  max-width: 20%;
  padding: 15px 30px 10px;
  text-align: left;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
@media screen and (max-width: 768px) {
  .report_panel .content {
    max-width: 80%;
  }
}
.csstransitions .report_panel .content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 0px 0px;
  -moz-transform-origin: 0px 0px;
  -o-transform-origin: 0px 0px;
  transform-origin: 0px 0px;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.hide.report_panel .content {
  opacity: 0;
  filter: alpha(opacity=0);
}
.csstransitions .hide.report_panel .content {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  -o-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.loading.report_panel .content {
  color: #ffffff;
  background: #dac073;
  border-color: #c5ac60;
}
.loading.report_panel .content a {
  color: #332808;
}
.report.report_panel .content {
  color: #ffffff;
  background: #96c671;
  border-color: #82b35d;
}
.error.report_panel .content {
  color: #ffffff;
  background: #f47474;
  border-color: #e26464;
}
.report.report_panel .content .close,
.error.report_panel .content .close {
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 16px;
}
.report.report_panel .content .close:before,
.error.report_panel .content .close:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.report.report_panel .content .close:before,
.error.report_panel .content .close:before {
  content: "\e63e";
  display: inline-block;
  font-size: 16px;
}
.gray.report_panel .content {
  background: #cccccc;
  border-color: #a9a9a9;
}
.report_panel .content .icon {
  display: none;
  float: left;
  height: 17px;
  margin-left: -23px;
  width: 16px;
}
.popup {
  display: none;
  height: 100%;
  left: 0px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 100%;
  z-index: 2000;
  white-space: nowrap;
}
.popup.visible {
  display: block;
}
.popup.visible .mask {
  opacity: 0.2;
}
.popup .mask {
  background: #000000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}
.popup .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 1px;
}
.popup_panel {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
  display: inline-block;
  max-width: 50%;
  min-width: 270px;
  padding: 20px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}
html.rtl .popup_panel {
  text-align: right;
}
.popup_panel .close {
  cursor: pointer;
  display: none;
  float: right;
  height: 30px;
  margin: -30px -30px 0 0;
  width: 30px;
}
html.rtl .popup_panel .close {
  float: left;
}
.popup_panel .popup_heading {
  display: block;
  font-weight: bold;
  font-size: 12pt;
  margin-bottom: 20px;
}
.popup_panel .text {
  display: block;
}
.popup_panel .label {
  width: 150px;
}
.popup.player_popup.visible .mask {
  opacity: 0.8;
}
.popup.player_popup .popup_panel {
  background: none;
  border-radius: 0;
  box-shadow: none;
  max-width: inherit;
  min-width: inherit;
  padding: 0;
}
/*=== Files CSS ===*/
.file {
  position: relative;
}
.file .icon {
  background-image: url("images/sprites.png");
  background-repeat: no-repeat;
  background-position: 0px -360px;
  display: inline-block;
  height: 32px;
  width: 32px;
}
.large .file .icon {
  background-position: 0px -400px;
  height: 64px;
  width: 64px;
}
.file .icon.xls,
.file .icon.xlsx {
  background-position: -80px -360px;
}
.large .file .icon.xls,
.large .file .icon.xlsx {
  background-position: -160px -400px;
}
.file .icon.pdf {
  background-position: -200px -360px;
}
.large .file .icon.pdf {
  background-position: -400px -400px;
}
.file .icon.htm,
.file .icon.html {
  background-position: -360px -360px;
}
.large .file .icon.htm,
.large .file .icon.html {
  background-position: -720px -400px;
}
.file .icon.doc,
.file .icon.docx {
  background-position: -40px -360px;
}
.large .file .icon.doc,
.large .file .icon.docx {
  background-position: -80px -400px;
}
.file .icon.rtf,
.file .icon.txt {
  background-position: -120px -360px;
}
.large .file .icon.rtf,
.large .file .icon.txt {
  background-position: -240px -400px;
}
.file .icon.ppt,
.file .icon.pptx,
.file .icon.pps {
  background-position: -400px -360px;
}
.large .file .icon.ppt,
.large .file .icon.pptx,
.large .file .icon.pps {
  background-position: -800px -400px;
}
.file .icon.png,
.file .icon.gif,
.file .icon.bmp,
.file .icon.tiff,
.file .icon.jpg,
.file .icon.jpeg {
  background-position: -320px -360px;
}
.large .file .icon.png,
.large .file .icon.gif,
.large .file .icon.bmp,
.large .file .icon.tiff,
.large .file .icon.jpg,
.large .file .icon.jpeg {
  background-position: -640px -400px;
}
.file .icon.zip,
.file .icon.\37 z,
.file .icon.cab,
.file .icon.tar,
.file .icon.tgz,
.file .icon.gz,
.file .icon.rar {
  background-position: -480px -360px;
}
.large .file .icon.zip,
.large .file .icon.\37 z,
.large .file .icon.cab,
.large .file .icon.tar,
.large .file .icon.tgz,
.large .file .icon.gz,
.large .file .icon.rar {
  background-position: -960px -400px;
}
.file .icon.psd {
  background-position: -520px -360px;
}
.large .file .icon.psd {
  background-position: -1040px -400px;
}
.file .icon.ics {
  background-position: -560px -360px;
}
.large .file .icon.ics {
  background-position: -1120px -400px;
}
.file .icon.vcf,
.file .icon.vcard {
  background-position: -600px -360px;
}
.large .file .icon.vcf,
.large .file .icon.vcard {
  background-position: -1200px -400px;
}
.file .icon.eml,
.file .icon.msg {
  background-position: -640px -360px;
}
.large .file .icon.eml,
.large .file .icon.msg {
  background-position: -1280px -400px;
}
.file .icon.mp3,
.file .icon.amr,
.file .icon.aac,
.file .icon.aif,
.file .icon.aifc,
.file .icon.aiff,
.file .icon.ogg,
.file .icon.wma,
.file .icon.flac,
.file .icon.ape,
.file .icon.wax,
.file .icon.midi,
.file .icon.mp4a,
.file .icon.weba,
.file .icon.ra,
.file .icon.ram,
.file .icon.rmp,
.file .icon.m3u,
.file .icon.wav,
.file .icon.soundcloud {
  background-position: -240px -360px;
}
.large .file .icon.mp3,
.large .file .icon.amr,
.large .file .icon.aac,
.large .file .icon.aif,
.large .file .icon.aifc,
.large .file .icon.aiff,
.large .file .icon.ogg,
.large .file .icon.wma,
.large .file .icon.flac,
.large .file .icon.ape,
.large .file .icon.wax,
.large .file .icon.midi,
.large .file .icon.mp4a,
.large .file .icon.weba,
.large .file .icon.ra,
.large .file .icon.ram,
.large .file .icon.rmp,
.large .file .icon.m3u,
.large .file .icon.wav,
.large .file .icon.soundcloud {
  background-position: -480px -400px;
}
.file .icon.avi,
.file .icon.mp4,
.file .icon.mkv,
.file .icon.wmv,
.file .icon.vimeo,
.file .icon.youtube {
  background-position: -680px -360px;
}
.large .file .icon.avi,
.large .file .icon.mp4,
.large .file .icon.mkv,
.large .file .icon.wmv,
.large .file .icon.vimeo,
.large .file .icon.youtube {
  background-position: -1360px -400px;
}
.file .icon.url {
  background-position: -720px -360px;
}
.large .file .icon.url {
  background-position: -1440px -400px;
}
.file .icon.play {
  background: none;
  border-radius: 31px;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 50px;
  height: 50px;
  left: 50%;
  opacity: 0.9;
  position: absolute;
  top: 37%;
  transform: translate(-50%, -50%);
  width: 50px;
}
.file .icon.play:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.file .icon.play:hover {
  opacity: 1;
}
.file .icon.play:before {
  border-radius: 31px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
  content: "\e677";
  display: block;
  overflow: hidden;
}
/*=== Common blocks part ===*/
.search_block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 0px;
  height: 100%;
  padding-right: 20px;
  vertical-align: middle;
  width: 100%;
}
html.rtl .search_block {
  padding-left: 20px;
  padding-right: 0px;
}
.search_block > .input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: none;
  display: inline-block;
  height: 100%;
  min-height: 26px;
  outline: none;
  overflow: hidden;
  padding-left: 30px;
  padding-top: 3px;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
html.rtl .search_block > .input {
  padding-left: 0px;
  padding-right: 30px;
}
.search_block > .input.focus {
  border: 1px solid #93b5e3;
  box-shadow: 0 0 2px 0 #1d67cd;
}
.search_block > .input .row {
  border: 0px;
  display: inline-block;
  font-size: 11pt;
  line-height: 160%;
  overflow: hidden;
  padding: 0px;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}
.search_block > .input .field {
  border: 0px;
  display: inline-block;
  font-size: 11pt;
  height: 20px;
  opacity: 1;
  overflow: hidden;
  padding: 0px;
  vertical-align: middle;
  visibility: visible;
  white-space: nowrap;
  width: 100%;
  -webkit-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
  -moz-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
  -o-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
  transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms;
}
.search_block > .input .field.hide {
  display: block;
  position: absolute;
  top: -200px;
}
.search_block > .input .icon.search {
  display: inline-block;
  font-size: 11pt;
  height: 24px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  vertical-align: top;
  width: 30px;
}
html.rtl .search_block > .input .icon.search {
  left: initial;
  right: 0;
}
.search_block > .input .icon.search:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.search_block > .input .icon.search:before {
  color: #cccccc;
  content: "\e628";
  display: block;
  font-size: 32px;
  height: 20px;
  margin: 0px 0px 5px 0px;
  width: 20px;
}
html.rtl .search_block > .input .icon.search:before {
  margin: 3px 5px 0px 0px;
}
.search_block .expand .field {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
  -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
  -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
  transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms;
}
.search_block .control .icon {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  margin-top: -6px;
  vertical-align: top;
  width: 20px;
}
.search_block .control .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.search_block .control .icon:before {
  color: #cccccc;
  content: "\e66d";
  display: inline-block;
  font-size: 18px;
  height: 20px;
  margin: 10px 2px 0px;
  width: 20px;
}
.search_block .control .icon.expand:before {
  content: "\e66e";
}
.search_block .search_highlight {
  color: #cccccc;
}
.search_block .expand .extended {
  opacity: 1;
  max-height: 200px;
  visibility: visible;
  -webkit-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0s linear 0s;
  -moz-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0s linear 0s;
  -o-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0s linear 0s;
  transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0s linear 0s;
}
.search_block .extended {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 10ms  linear 2s;
  -moz-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 10ms  linear 2s;
  -o-transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 10ms  linear 2s;
  transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s, visibility 10ms  linear 2s;
  max-height: 0px;
  display: block;
  margin-top: -24px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
}
.search_block .extended .search_fieldset {
  display: block;
  white-space: normal;
}
.search_block .extended .search_fieldset .section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding-right: 20px;
  vertical-align: top;
  width: 50%;
}
html.rtl .search_block .extended .search_fieldset .section {
  padding-left: 20px;
  padding-right: 0px;
}
.search_block .extended .search_fieldset .section .row {
  display: block;
  height: 28px;
  line-height: 230%;
  overflow: visible;
  padding-right: 2px;
}
html.rtl .search_block .extended .search_fieldset .section .row {
  padding-left: 2px;
  padding-right: 0px;
}
.search_block .extended .search_fieldset .section .row.text {
  border-bottom: 1px dashed #c5c7c8;
}
.search_block .extended .search_fieldset .section .row.attachments .custom_checkbox {
  line-height: 1;
  margin: 0;
  margin-bottom: 1px;
  vertical-align: middle;
}
.search_block .extended .search_fieldset .section .row.attachments .attachment_name {
  display: inline-block;
}
.search_block .extended .search_fieldset .section .row .date {
  display: inline-block;
  margin-left: 0px;
  padding: 0;
}
html.rtl .search_block .extended .search_fieldset .section .row .label {
  text-align: right;
}
.search_block .extended .search_fieldset .section .row .input {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  color: #555566;
  font: normal 11pt Helvetica, Tahoma, Arial, sans-serif;
  padding: 0;
  width: 100%;
}
.search_block .extended .search_fieldset .section.attachments {
  display: block;
  width: 100%;
}
.search_block .extended .search_fieldset .buttons {
  border-top: 1px solid #eae7e7;
  display: block;
  margin: 0px 18px 0px 0px;
  padding: 10px 0px;
  width: auto;
}
html.rtl .search_block .extended .search_fieldset .buttons {
  margin: 0px 0px 0px 18px;
  padding-left: 0px;
}
.search_block .extended .search_fieldset .button {
  display: inline-block;
}
.quick_reply {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  bottom: 0px;
  max-height: 190px;
  padding: 0px 23px 0px 17px;
}
html.rtl .quick_reply {
  padding: 0px 17px 0px 23px;
}
.no-csstransitions .quick_reply {
  margin-bottom: -2px;
  max-height: 86px;
}
.csstransitions .quick_reply {
  -webkit-transition: max-height 500ms ease 50ms;
  -moz-transition: max-height 500ms ease 50ms;
  -o-transition: max-height 500ms ease 50ms;
  transition: max-height 500ms ease 50ms;
}
.csstransitions .quick_reply.saving {
  max-height: 0 !important;
}
.csstransitions .quick_reply.sending {
  max-height: 30px !important;
}
.csstransitions .quick_reply.sending .status {
  max-height: 30px;
  opacity: 1;
}
.quick_reply .status {
  background: #dac073;
  margin-left: -17px;
  margin-bottom: -6px;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  padding: 5px 17px;
  width: 101%;
}
.csstransitions .quick_reply .status {
  -webkit-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
  -moz-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
  -o-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
  transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms;
}
.quick_reply .status .text {
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.quick_reply .row {
  margin-top: 20px;
  white-space: nowrap;
}
.quick_reply .row .placeholder {
  font-size: 11pt;
  padding-top: 6px;
  text-indent: 9px;
}
.quick_reply .row textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  color: #000000;
  font-size: 11pt;
  height: 50px;
  outline: none;
  padding: 6px 8px;
  resize: none;
  width: 100%;
}
.csstransitions .quick_reply .row textarea {
  -webkit-transition: height 300ms ease;
  -moz-transition: height 300ms ease;
  -o-transition: height 300ms ease;
  transition: height 300ms ease;
}
.active.quick_reply .row textarea {
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  height: 101px;
}
.quick_reply .buttons {
  margin-bottom: 0px;
  margin-top: 15px;
  padding-bottom: 20px;
  text-align: left;
}
html.rtl .quick_reply .buttons {
  text-align: right;
}
.quick_reply .buttons .button {
  margin-right: 6px;
}
html.rtl .quick_reply .buttons .button {
  margin-left: 6px;
  margin-right: 0px;
}
.quick_reply .buttons .full_form {
  float: right;
  height: 0px;
  margin-top: 6px;
}
html.rtl .quick_reply .buttons .full_form {
  float: left;
}
.csstransitions .quick_reply .buttons {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 0px;
  /* important: 50ms delay fix click on buttons*/
  -webkit-transition: all 300ms ease 50ms;
  -moz-transition: all 300ms ease 50ms;
  -o-transition: all 300ms ease 50ms;
  transition: all 300ms ease 50ms;
}
.csstransitions .quick_reply.active .buttons {
  margin-bottom: 20px;
  max-height: 25px;
  opacity: 1;
  overflow: visible;
}
.csstransitions .quick_reply.sending .buttons {
  margin-top: 0px;
  margin-bottom: 0px;
  max-height: 0px;
  opacity: 0;
}
.csstransitions .quick_reply.sending .row {
  margin-top: 0px;
  margin-bottom: 0px;
  max-height: 0px;
  opacity: 0;
}
/*=== Tabsbar CSS ===*/
.tabsbar {
  height: 70px;
  padding: 0px 5px;
  position: relative;
  z-index: 1000;
}
.tabsbar .dropdown_content {
  border-radius: 4px;
}
.tabsbar > .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.tabsbar .item {
  margin: 0px;
  padding: 4px 10px;
  color: #503d68;
  display: inline-block;
  font-size: 10.6pt;
  line-height: 120%;
  position: relative;
  text-shadow: none;
  vertical-align: middle;
}
html.rtl .tabsbar .item {
  margin-left: 0px;
  margin-right: 6px;
}
.cssanimations .tabsbar .item.recivedAnim {
  border-radius: 4px;
  -webkit-animation: highlight 0.5s linear;
  -moz-animation: highlight 0.5s linear;
  animation: highlight 0.5s linear;
}
.tabsbar .item.logo {
  display: none;
  outline: none;
}
.tabsbar .item.emails {
  cursor: default;
}
.tabsbar .item.emails.has_control .helper {
  padding-right: 24px;
}
.tabsbar .item.emails .icon {
  display: none;
}
.tabsbar .item .link {
  color: inherit;
  display: inline-block;
  outline: none;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}
.tabsbar .item:hover {
  color: #503d68;
}
.tabsbar .item:hover .text {
  text-decoration: none;
}
.tabsbar .item.current {
  color: #503d68;
  font-weight: bold;
}
.tabsbar .item.expand a,
.tabsbar .item .control {
  z-index: 3003;
}
.tabsbar .item .helper {
  font-weight: bold;
  display: block;
  height: 0;
  overflow: hidden;
  position: relative;
  top: -40px;
  visibility: hidden;
}
.tabsbar .item .unseen {
  background: #888785;
  color: #ffffff;
  top: -7px;
  border-radius: 7px;
  font-size: 6.4pt;
  height: 11px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  text-shadow: none;
}
.tabsbar .item .unseen.one {
  right: -10px;
  width: 11px;
}
.tabsbar .item .unseen.two {
  right: -15px;
  width: 16px;
}
.tabsbar .item .unseen.three {
  width: 21px;
  right: -20px;
}
.tabsbar .control {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  padding: 0px;
  position: relative;
  vertical-align: middle;
  width: 14px;
}
.tabsbar .control:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tabsbar .control:before {
  content: "\e66d";
  font-size: 18px;
}
.tabsbar .expand .control:before {
  content: "\e66e";
}
.tabsbar .spacer {
  padding: 10px;
  flex-grow: 1;
}
.tabsbar .mobile,
.tabsbar .settings,
.tabsbar .logout {
  font-size: 8pt;
  order: 100;
}
.tabsbar .logout span {
  cursor: pointer;
}
.tabsbar .specified-logo {
  outline: none;
}
.tabsbar .specified-logo img {
  max-height: 62px;
}
.tabsbar .dropdown_helper {
  min-width: 100%;
}
.tabsbar .dropdown_arrow {
  display: none;
}
.tabsbar .dropdown_content {
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #555555;
  display: block;
  margin: -30px 0px 0px -2px;
  min-width: 100%;
  padding: 30px 0px 0px 0px;
}
.tabsbar .dropdown_content .item {
  color: inherit;
  display: block;
  margin: 0px;
  padding: 6px 10px;
  font-weight: normal;
}
.tabsbar .dropdown_content .item:hover {
  background: #eeeeee;
}
/* IE9 do not support flex-wrap and flex-direction */
.no-flexwrap .tabsbar .item {
  margin-top: 24px;
}
.no-flexwrap .tabsbar .spacer {
  display: none;
}
.no-flexwrap .tabsbar .item.mobile,
.no-flexwrap .tabsbar .item.settings,
.no-flexwrap .tabsbar .item.logout {
  float: right;
}
.volumer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-top: 6px;
  padding: 0px 40px;
  text-align: center;
  width: 100%;
}
.volumer .volumer_conteiner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #2D476E;
  border-radius: 3px;
  display: block;
  padding: 2px;
}
.volumer .used {
  background: #668eb8;
  display: block;
  height: 3px;
}
.custom_tooltip {
  height: auto;
  margin: 0 6px;
  opacity: 0.9;
  position: fixed;
  width: auto;
  z-index: 5000;
}
.custom_tooltip .custom_tooltip_arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  font-size: 0;
  height: 0;
  margin: 0 0 0 16px;
  position: relative;
  width: 0;
}
.custom_tooltip .custom_tooltip_arrow.top {
  border-bottom: 6px solid #424e54;
}
.custom_tooltip .custom_tooltip_arrow.bottom_arrow {
  border-top: 6px solid #424e54;
}
.custom_tooltip .custom_tooltip_text {
  background: #424e54;
  border: 1px solid #424e54;
  border-radius: 4px;
  color: white;
  display: block;
  font-size: 12px;
  font-family: Verdana;
  padding: 6px;
  white-space: nowrap;
}
span.address_capsule,
li.address_capsule {
  cursor: pointer;
  box-shadow: none;
  border-radius: 11px;
  margin: 2px 4px 0 0;
  overflow: hidden;
  padding: 3px 28px 3px 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #e5eff7;
  color: #5b9bcd;
  border: none;
}
span.address_capsule .ficon,
li.address_capsule .ficon {
  font-size: 16px;
  margin: 0px 12px 0px 0px;
  outline: none;
  padding: 1px;
  position: absolute;
  right: 0;
  text-decoration: none;
}
span.address_capsule span.address_capsule_key,
li.address_capsule span.address_capsule_key {
  margin: -1px;
}
span.address_capsule span.address_capsule_key:after,
li.address_capsule span.address_capsule_key:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
span.address_capsule span.address_capsule_key:after,
li.address_capsule span.address_capsule_key:after {
  color: green;
  vertical-align: middle;
  text-shadow: 0 0 1px grey;
}
span.address_capsule span.address_capsule_key.address_capsule_key_unset:after,
li.address_capsule span.address_capsule_key.address_capsule_key_unset:after {
  content: "\e658";
}
span.address_capsule span.address_capsule_key.address_capsule_key_encrypt:after,
li.address_capsule span.address_capsule_key.address_capsule_key_encrypt:after {
  content: "\e91b";
}
span.address_capsule span.address_capsule_key.address_capsule_key_not_encrypt:after,
li.address_capsule span.address_capsule_key.address_capsule_key_not_encrypt:after {
  color: orange;
  content: "\e91a";
}
span.address_capsule span.address_capsule_key.address_capsule_key_sign:after,
li.address_capsule span.address_capsule_key.address_capsule_key_sign:after {
  content: "\e91c";
}
span.address_capsule .ficon,
li.address_capsule .ficon {
  color: #5b9bcd;
}
span.address_capsule.inputosaurus-selected,
li.address_capsule.inputosaurus-selected {
  background: #5b9bcd;
  color: #ffffff;
}
span.address_capsule.inputosaurus-selected .ficon,
li.address_capsule.inputosaurus-selected .ficon {
  color: #ffffff;
}
span.address_capsule {
  display: inline-block;
  font-size: 11pt;
  line-height: 20px;
  margin: 0px 0px 4px;
  position: relative;
  vertical-align: middle;
}
span.address_capsule:not(.found_contact) {
  cursor: default;
  background: #ffffff;
  border: solid 1px #e5eff7;
  color: #5b9bcd;
}
span.address_capsule.found_contact {
  padding-right: 12px;
}
span.address_capsule .add_contact {
  bottom: 5px;
  position: absolute;
  right: 8px;
}
.to_arrow {
  display: inline-block;
  line-height: 20px;
  margin-top: 5px;
  vertical-align: top;
}
/*=== Screen overrides part ===*/
html {
  height: 100%;
  min-width: 800px;
  min-height: 600px;
}
body {
  font: normal 9pt Helvetica, Tahoma, Arial, sans-serif;
  height: 100%;
  background: #1998a4 no-repeat 0 0 / cover url("themes/Default/images/background.jpg");
}
.auroraMain {
  height: 100%;
  overflow: hidden;
}
#auroraContent {
  height: 100%;
}
textarea {
  resize: vertical;
}
label {
  cursor: pointer;
}
a,
.link,
a:link,
.link:link,
a:visited,
.link:visited {
  color: #3ba7b6;
  cursor: pointer;
  text-decoration: none;
}
a:hover,
.link:hover {
  color: #2f848f;
  text-decoration: underline;
}
*[contenteditable="true"],
input:focus {
  outline: none;
}
.panel.left_panel {
  background: rgba(30, 28, 31, 0.2);
}
.panel.left_panel .items_list .item {
  background: none;
  max-height: inherit;
}
.panel.left_panel .items_list .item > .title {
  color: #aaaaaa;
  cursor: default;
  display: block;
  font-size: 11pt;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0px;
  outline: none;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 16px;
  text-decoration: none;
  white-space: nowrap;
}
.panel.left_panel .items_list .item > .title .name {
  display: block;
  margin-right: 10px;
  overflow: hidden;
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panel.left_panel .items_list .item > .title .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
html.rtl .panel.left_panel .items_list .item > .title .name {
  margin-left: 10px;
  margin-right: 0px;
}
.panel.left_panel .items_list .item > .title.droppableHover .name {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panel.left_panel .items_list .item > .title.droppableHover .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.panel.left_panel .items_list .item > .title .text {
  display: inline-block;
  vertical-align: bottom;
}
.panel.left_panel .items_list .item > .title .icon {
  display: inline-block;
  height: 20px;
  vertical-align: bottom;
  width: 20px;
}
.panel.left_panel .items_list .item > .title .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.left_panel .items_list .item > .title .icon:before {
  display: inline-block;
  height: 100%;
  font-size: 20px;
  width: 100%;
}
.panel.left_panel .items_list .item.canSelect > .title {
  color: #777777;
  cursor: pointer;
  text-shadow: 0px 1px 0px #ffffff;
}
.panel.left_panel .items_list .item.canSelect > .title:hover {
  color: #444444;
}
.panel.left_panel .items_list .item.canSelect > .title:hover .icon {
  color: inherit;
}
.panel.left_panel .items_list .item.canSelect > .title.virtualEmpty .title,
.panel.left_panel .items_list .item.canSelect > .title.virtualEmpty .title:hover {
  color: #aaaaaa;
}
.panel.left_panel .items_list .item.canSelect > .title.ui-state-disabled {
  cursor: pointer !important;
}
.panel.left_panel .items_list .item.selected > .title {
  background: #287B8B;
  color: #ffffff !important;
  text-shadow: none;
}
.panel.left_panel .items_list .item .count {
  display: inline-block;
  float: right;
  margin-right: 0px;
  margin-top: 0px;
  padding: 2px 10px 1px;
  line-height: 1.3;
}
html.rtl .panel.left_panel .items_list .item .count {
  float: left;
  margin-left: 10px;
  margin-right: 0px;
}
.panel.left_panel .items_list .item .count.total {
  color: #ececec;
}
.panel.left_panel .items_list .item .count:first-child {
  margin-right: 10px;
}
.panel.left_panel .items_list .item .count.unseen:hover {
  border-radius: 11px/10px;
  background: #67a398;
}
.panel.left_panel .items_list .item.selected > .title .count.unseen {
  border-radius: 11px/10px;
  background: #74b7ab;
  box-shadow: 0px 1px 1px #67a398 inset, 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.panel.left_panel .items_list .item.selected > .title .count.unseen:hover {
  background: #67a398;
}
.panel.left_panel .items_list.collapsible .item.accordion .collapse_handler {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
}
.panel.left_panel .items_list.collapsible .item.accordion .collapse_handler:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.left_panel .items_list.collapsible .item.accordion .collapse_handler:before {
  display: inline-block;
  font-size: 16px;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}
.panel.left_panel .items_list.collapsible .item.accordion .collapse_handler.expanded:before {
  content: "\e66e";
}
.panel.left_panel .items_list.collapsible .item.accordion .collapse_handler.collapsed:before {
  content: "\e66d";
}
.panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler {
  color: #777777;
  cursor: pointer;
  text-shadow: 0px 1px 0px #ffffff;
}
.panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover {
  color: #444444;
}
.panel.left_panel .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover .icon {
  color: inherit;
}
.panel.left_panel .items_list.collapsible .item.accordion .children .title {
  max-height: 29px;
  -webkit-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
  -moz-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
  -o-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
  transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
}
.panel.left_panel .items_list.collapsible .item.accordion.collapsed .children .title {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 0px;
  padding-top: 0px;
}
.cssanimations .panel.left_panel .item .title.recivedAnim {
  -webkit-animation: highlight 0.5s linear;
  -moz-animation: highlight 0.5s linear;
  animation: highlight 0.5s linear;
}
.panel.left_panel .item .title.droppableHover {
  background: #dfdcd4 !important;
  color: #626262 !important;
  text-shadow: 0px 1px 0px #ffffff !important;
}
.panel.left_panel .item.selected > .title.droppableHover {
  background: #2a6470 !important;
  color: #ffffff !important;
  text-shadow: 0px 1px 0px #678197 !important;
}
.panel.left_panel .items_list .item.canSelect > .title {
  color: #fff;
  text-shadow: none;
}
.panel.left_panel .items_list .item.canSelect > .title:hover {
  color: #eee;
}
.panel.left_panel .items_list .item .title .name {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panel.left_panel .items_list .item .title .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
/*=== retina displays ===*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) {
  .spritesX2 {
    background-image: url("images/sprites2x.png");
    background-size: 1440px 560px;
  }
}
.gutter {
  position: relative;
  flex-basis: 0px;
  flex-grow: 0;
  flex-shrink: 0;
}
.gutter div {
  position: absolute;
  z-index: 1;
}
.gutter.gutter-horizontal {
  cursor: ew-resize;
}
.gutter.gutter-horizontal div {
  height: 100%;
  width: 10px;
  left: -5px;
}
.gutter.gutter-vertical {
  cursor: ns-resize;
}
.gutter.gutter-vertical div {
  height: 10px;
  width: 100%;
  top: -5px;
}
.split.split-horizontal,
.gutter.gutter-horizontal {
  height: 100%;
  float: left;
}
.not-display {
  display: none;
}
.autocomplete-simple {
  max-height: 50%;
}
body {
  overflow: auto;
  position: relative;
}
html.non-adjustable .auroraMain {
  overflow: visible;
  min-height: inherit;
  min-width: inherit;
}
html.non-adjustable-valign .auroraMain {
  overflow: visible;
}
.screens {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
}
.screens .screen {
  height: calc(100% - 70px);
}
.screens .screen.AdminPanelLayout {
  height: 100%;
}
.AdminPanelLayout .panels {
  overflow: auto;
}
.AdminPanelLayout .panel.left_panel {
  flex-grow: 0;
  width: 250px;
}
.AdminPanelLayout .panel.data {
  min-width: 380px;
  width: 750px;
}
.AdminPanelLayout .panel.data.modules {
  min-width: 200px;
  width: 250px;
  overflow: hidden;
  flex-grow: 0;
}
.AdminPanelLayout .panel.data .panel_top {
  border: 0px;
  padding: 0px;
}
.AdminPanelLayout .panel.data .buttons {
  margin: 0px 20px 15px;
}
.AdminPanelLayout .panel.data .buttons .button.left_button {
  float: left;
}
.AdminPanelLayout .panel.data .fieldset .buttons {
  margin: 0px 0px 15px 0px;
}
.AdminPanelLayout .settings_heading {
  color: #4d4d4d;
  margin: 0px;
  padding: 35px 20px 15px;
}
.AdminPanelLayout .fieldset {
  background: #f1f1f1;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=');
  background-position: 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin: 0px 20px 20px;
  padding: 20px;
}
.AdminPanelLayout .fieldblock {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d0d0da;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 14px;
  padding: 14px;
}
.AdminPanelLayout .fields .row {
  margin-bottom: 14px;
}
.AdminPanelLayout .fields .row.keys_label {
  margin-bottom: 6px !important;
}
.AdminPanelLayout .fields .row:last-child {
  margin-bottom: 0px;
}
.AdminPanelLayout .fields .row .label {
  color: #626262;
  width: 150px;
  word-wrap: break-word;
}
.AdminPanelLayout .fields .row label {
  color: #626262;
}
.AdminPanelLayout .fields .row.smtp_authentication .input {
  width: 150px;
  margin-left: 16px;
  margin-right: 0;
}
.AdminPanelLayout .fields .row .input {
  font-size: 10pt;
  padding: 7px 9px 6px;
}
.AdminPanelLayout .fields .row .value.offset {
  display: inline-block;
  padding-left: 150px;
}
.AdminPanelLayout .fields .row .value.text {
  font-weight: bold;
  display: inline-block;
  padding: 7px 9px 6px;
  width: 300px;
}
.AdminPanelLayout .fields .row .value.text.port {
  width: auto;
}
.AdminPanelLayout .fields .row .custom_radio {
  margin-left: 16px;
}
.AdminPanelLayout .fields .row .custom_radio:first-child {
  margin-left: 0px;
}
.AdminPanelLayout .fields .fieldblock .label {
  width: 135px;
}
.AdminPanelLayout .fields .fields .hint {
  padding: 4px 6px;
  margin: -12px -6px 12px;
}
.AdminPanelLayout .fields .tabs {
  margin-bottom: 16px;
  margin-top: 20px;
}
.AdminPanelLayout .fields .tabs .tabs-links {
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
}
.AdminPanelLayout .fields .tabs .shortcuts {
  font-size: 0pt;
  margin: 0px 20px;
  padding: 0px 0px 0px 20px;
}
.AdminPanelLayout .fields .tabs .shortcuts .item {
  display: inline-block;
  font-size: 9pt;
  vertical-align: bottom;
}
.AdminPanelLayout .fields .tabs .shortcuts .item a {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-bottom: 0px;
  border-radius: 4px 4px 0px 0px;
  color: #828282;
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
  outline: none;
  padding: 6px 12px 6px;
  text-decoration: none;
}
.AdminPanelLayout .fields .tabs .shortcuts .item.selected a {
  background: #f1f1f1;
  color: #3d3d3d;
  margin-bottom: -1px;
  padding-bottom: 7px;
}
.AdminPanelLayout .mail-servers .panel_top .buttons {
  float: right;
  margin: 30px 20px 15px;
}
.AdminPanelLayout .input.enlarged {
  width: 360px;
}
.show-header .AdminPanelLayout.screen .tabsbar {
  border-top: solid 1px #d4d4d4;
}
.AdminPanelLayout.screen {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.AdminPanelLayout .tabsbar .item .tenants_dropdown {
  display: inline-block;
  padding-right: 8px;
  position: relative;
}
.AdminPanelLayout .tabsbar .item .tenants_dropdown .link {
  z-index: 3003;
}
.AdminPanelLayout .toolbar .item.create_user .icon:before {
  content: "\e601";
}
.AdminPanelLayout .toolbar .item.filter {
  float: right;
}
.AdminPanelLayout .toolbar .item.filter select {
  border-radius: 4px;
  font-size: 11pt;
  padding: 4px;
}
.AdminPanelLayout .items_list .item {
  cursor: pointer;
}
.AdminPanelLayout .items_list .item .title {
  margin-bottom: 0px;
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .AdminPanelLayout .items_list .item .title {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.AdminPanelLayout .items_list .item .me {
  background: #f1f1f1;
  border-radius: 10px 10px 10px 10px;
  color: #6d6d6d;
  float: right;
  padding: 2px 8px;
  margin-top: -16px;
}
.AdminPanelLayout .users_list_panel .panel_top {
  background: #f1f1f1;
}
.AdminPanelLayout .users_list_panel .panel_top .search_block {
  padding-right: 4px;
}
.reset-password-buttons {
  margin-bottom: 0 !important;
  text-align: left;
}
.panel.groups_panel {
  min-width: 200px;
}
.panel.groups_panel .ui-droppable-disabled {
  opacity: 1 !important;
}
.panel.contacts_panel {
  min-width: 200px;
}
.panel.contacts_panel .panel_content {
  margin-right: 0px;
}
.panel.contacts_panel .panel_top .search_block {
  padding-right: 4px;
}
html.rtl .panel.contacts_panel .panel_top .search_block {
  padding-left: 30px;
  padding-right: 0px;
}
.panel.contacts_panel .item .me {
  background: #f1f1f1;
  border-radius: 10px 10px 10px 10px;
  color: #6d6d6d;
  float: right;
  padding: 2px 8px;
}
.panel.contacts_panel .item.selected .me {
  color: #519ce2;
}
.panel.contacts_panel .item .key {
  background: #f1f1f1;
  border-radius: 10px 10px 10px 10px;
  color: #6d6d6d;
  float: right;
  padding: 2px 8px;
}
.panel.contacts_panel .item .key:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.contacts_panel .item .key:before {
  display: inline-block;
  font-size: 20px;
  height: 26px;
  content: "\e658";
  line-height: 1;
}
.panel.contacts_panel .item .data {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.panel.contacts_panel .item .data .group {
  display: inline-block;
  height: 20px;
  margin-top: -1px;
  vertical-align: bottom;
  width: 20px;
}
.panel.contacts_panel .item .data .group:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.contacts_panel .item .data .group:before {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-size: 20px;
}
.panel.contacts_panel .item .data .group.personal:before {
  content: "\e618";
}
.panel.contacts_panel .item .data .group.shared:before {
  content: "\e629";
}
.panel.contacts_panel .item .data .group.team:before {
  content: "\e619";
}
.panel.contacts_panel .item .data .name {
  display: block;
  font-size: 12pt;
  margin-bottom: 10px;
}
.panel.contacts_panel .item .data .email {
  color: #519ce2;
}
.panel.contacts_panel .item.selected .data .email {
  color: #ffffff;
}
.panel.contacts_panel .item.noname .data .name,
.panel.contacts_panel .item.noemail .data .email {
  color: #888888;
  font-weight: normal;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.panel.contacts_panel .item.selected.noname .data .name,
.panel.contacts_panel .item.selected.noemail .data .email {
  color: #ffffff;
}
.panel.contacts_panel .search_form {
  float: right;
  margin-top: -25px;
}
.panel.contact_viewer {
  min-width: 300px;
}
.panel.contact_viewer .panel_content {
  background: url("images/contacts-bg.png") repeat 0 0;
}
.panel.contact_viewer .panel_center {
  overflow: hidden;
}
.panel.contact_viewer .panel_top {
  border-bottom: 0px;
  margin: 0px 20px;
  min-height: 50px;
  overflow: auto;
  padding: 23px 0px;
}
.panel.contact_viewer .panel_bottom {
  background: none;
  border: 0px;
  border-radius: 0px;
  height: auto;
  padding: 0px;
}
.panel.contact_viewer .contact_content {
  height: 100%;
}
.panel.contact_viewer .contact_content .fields_switcher {
  margin: 10px 20px;
  text-align: right;
}
.panel.contact_viewer .contacts_heading {
  font-size: 18pt;
  font-weight: normal;
  margin: 0 0 6px;
  white-space: normal;
}
.panel.contact_viewer .mailto_link {
  color: #3983c8;
  font-size: 10.5pt;
  font-weight: bold;
  text-decoration: none;
}
.panel.contact_viewer .decor {
  border: 1px solid #d9d9d9;
  border-bottom: 0px;
  border-radius: 4px 4px 0px 0px;
  margin: 0px 20px;
  padding-top: 3px;
}
.contact_data_groups {
  color: #626262;
  border: 1px solid #d9d9d9;
  border-radius: 0px 0px 4px 4px;
  border-top: 0px;
  margin: 0px 20px;
  min-height: 100px;
}
.contact_data_groups .fields {
  padding: 12px 20px 1px;
}
.contact_data_groups .subheading,
.contact_data_groups .row {
  margin-top: 0px;
  margin-bottom: 22px;
  padding: 0px;
  overflow: hidden;
}
.contact_data_groups .subheading {
  font-size: 10.5pt;
}
.contact_data_groups.edit .label {
  width: 25%;
}
.contact_data_groups.edit .value {
  width: 75%;
}
.contact_data_groups .address {
  margin-bottom: 12px;
}
.contact_data_groups .address .row {
  clear: none;
  margin-bottom: 5px;
}
.contact_data_groups .address .row:after {
  display: none;
}
.contact_data_groups .address .label {
  height: 0px;
  overflow: hidden;
  text-indent: 20px;
  width: 20px;
}
.contact_data_groups .address .label.address {
  float: left;
  height: 20px;
  margin-right: -20px;
  overflow: hidden;
  text-indent: 0px;
  vertical-align: middle;
  width: 20px;
  word-wrap: normal;
}
.contact_data_groups .address .label.address:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contact_data_groups .address .label.address:before {
  content: "\e662";
  font-size: 20px;
  margin-right: 20px;
}
.contact_data_groups .address .label.address:before html.rtl {
  margin-left: 20px;
  margin-right: 0px;
}
.contact_data_groups .mobile .label,
.contact_data_groups .phone .label,
.contact_data_groups .fax .label {
  height: 20px;
  overflow: hidden;
  text-indent: 0px;
  vertical-align: middle;
  width: 20px;
}
.contact_data_groups .mobile .label:before,
.contact_data_groups .phone .label:before,
.contact_data_groups .fax .label:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.contact_data_groups .mobile .label:before,
.contact_data_groups .phone .label:before,
.contact_data_groups .fax .label:before {
  content: "\e663";
  font-size: 20px;
  margin-right: 20px;
}
.contact_data_groups .mobile .label:before html.rtl,
.contact_data_groups .phone .label:before html.rtl,
.contact_data_groups .fax .label:before html.rtl {
  margin-left: 20px;
  margin-right: 0px;
}
.contact_data_groups .mobile .label .text,
.contact_data_groups .phone .label .text,
.contact_data_groups .fax .label .text {
  display: none;
}
.contact_data_groups .link.call {
  margin-left: 10px;
}
html.rtl .contact_data_groups .link.call {
  margin-left: 0px;
  margin-right: 10px;
}
.popup.contact_create_popup {
  color: #626262;
}
.popup.contact_create_popup .fields .row {
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0px;
}
.popup.contact_create_popup .link {
  text-align: right;
  display: block;
}
.groups_panel .title .icon:before {
  content: "\e667";
}
.groups_panel .title .icon.type1:before {
  content: "\e618";
}
.groups_panel .title .icon.type2:before {
  content: "\e619";
}
.groups_panel .title .icon.type3:before {
  content: "\e629";
}
.groups_panel .title .icon.type4:before {
  content: "\e64f";
}
.contact_card .dropdown_content {
  background: #ffffff;
  border: 0px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  display: block;
  margin: -4px 0px 0px -10px;
  min-width: 360px;
  padding: 16px 18px;
}
.contact_card .dropdown_content_mail {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  padding: 16px 0 16px 18px;
}
.contact_card .dropdown_content_mail .scroll-inner {
  padding-right: 18px;
}
.contact_card .dropdown_content_mail .buttons {
  margin: 0px 0 0px -18px;
}
.contact_card .dropdown_arrow {
  display: none;
}
.contact_card .buttons {
  border-top: 1px solid #eee;
  float: none;
  margin: 0px -18px;
  padding: 10px 18px 0px 18px;
  text-align: right;
}
.contact_card .buttons_position {
  padding-top: 16px;
}
.contact_card .buttons .link {
  display: inline-block;
  font-size: 9pt;
  margin-right: 10px;
}
.contact_card .buttons .link:first-child {
  float: left;
}
.contact_card .buttons .link:last-child {
  margin-right: 0px;
}
.contact_card .fields {
  margin: 0px;
}
.contact_card .fields .fieldset {
  margin: 0 0 16px;
}
.contact_card .fields .row {
  margin: 0 0 8px;
  clear: both;
}
.contact_card .fields .row:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html > body .contact_card .fields .row {
  width: 100%;
  display: block;
}
* html .contact_card .fields .row {
  height: 1%;
}
.contact_card .fields .label {
  float: left;
  padding: 0 10px 0 0;
  white-space: normal;
  width: 120px;
}
html.rtl .contact_card .fields .label {
  float: right;
}
.contact_card .fields .label:after {
  content: ":";
}
.contact_card .fields .value {
  display: block;
  overflow: hidden;
}
.contact_card .fields h2 {
  font-size: 10pt;
}
.contact_card .link.call {
  margin-left: 4px;
}
.contact_card .groups .row {
  font-size: 9pt;
}
.ContactsLayout .panel_top .buttons {
  float: right;
  margin: 0;
}
.ContactsLayout .panel_top .buttons .button {
  margin-right: 5px;
}
.ContactsLayout .panel_top .buttons .button:last-child {
  margin-right: 0;
}
.ContactsLayout .panel_top .buttons .button.clear_button {
  background: transparent;
  border: none;
  color: #7f7f7f;
  text-shadow: none;
  padding: 5px 7px;
}
.ContactsLayout .panel_center .buttons {
  margin: 0px;
  position: relative;
  z-index: 1;
}
.ContactsLayout .panel_center .buttons .button {
  margin: 20px 40px 0px 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
html.rtl .ContactsLayout .panel_center .buttons .button {
  left: 0px;
  margin-right: 0px;
  margin-left: 40px;
  right: auto;
}
.ContactsLayout .panel_bottom .buttons {
  border-top: 1px solid #d9d9d9;
  margin: 0px 20px;
  padding: 20px 0px;
  text-align: right;
}
html.rtl .ContactsLayout .panel_bottom .buttons {
  text-align: left;
}
.ContactsLayout .import .contact_data_groups .buttons {
  margin-top: 0px;
  text-align: left;
}
.login_panel .social div.dropbox {
  background-color: #1087dd;
  background-image: url("images/modules/DropboxAuthWebclient/icon.png");
  background-position: 10px;
  border: 1px solid #0367b2;
}
.login_panel .social div.dropbox:hover {
  background-color: #087cd1;
}
.login_panel .social div.dropbox .border {
  background-color: #0367b2;
}
.panels.settings .panel.navigation_panel .item.dropbox .icon:before {
  content: "\e917";
}
.login_panel .social div.facebook {
  background-color: #466099;
  background-image: url("images/modules/FacebookAuthWebclient/icon.png");
  background-position: 14px;
  border: 1px solid #2c3b5c;
}
.login_panel .social div.facebook:hover {
  background-color: #334b7f;
}
.login_panel .social div.facebook .border {
  background-color: #2c3b5c;
}
.panels.settings .panel.navigation_panel .item.facebook .icon:before {
  content: "\e919";
}
.login_panel .social div.google {
  background-color: #e0523a;
  background-image: url("images/modules/GoogleAuthWebclient/icon.png");
  background-position: 6px;
  background-size: 28px;
  border: 1px solid #89241c;
}
.login_panel .social div.google:hover {
  background-color: #cf3f27;
}
.login_panel .social div.google .border {
  background-color: #89241c;
}
.plugin_external_services.popup.google {
  z-index: 1000;
}
.panels.settings .panel.navigation_panel .item.google .icon:before {
  content: "\e918";
}
.import_export .popup_panel {
  background: #f1f1f1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat 0 0;
}
.import_export .popup_panel .buttons .button {
  vertical-align: middle;
}
.LoginLayout {
  height: auto !important;
  min-height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
html.mobile .LoginLayout {
  background: #1998a4 no-repeat 0 0 / cover url("themes/Default/images/background.jpg");
}
.LoginLayout .vhelper {
  display: inline-block;
  display: none;
  height: 100%;
  vertical-align: middle;
  width: 0px;
}
.LoginLayout.with_bottom_text {
  position: relative;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.LoginLayout.with_bottom_text .bottom_description {
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
.LoginLayout.with_bottom_text .bottom_description a {
  color: inherit;
  text-decoration: underline;
}
.login_panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #929292;
  display: inline-block;
  font-size: 9pt;
  padding: 20px;
  vertical-align: middle;
  width: 280px;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .welcome {
  color: #68483d !important;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .welcome {
  color: #68483d !important;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .description a {
  color: #fff !important;
}
.login_panel .welcome {
  z-index: 12345;
  color: #68483d !important;
}
.login_panel .bottom_description {
  color: #92EBEF !important;
  z-index: 12345;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .description a {
  color: #fff !important;
}
.login_panel .welcome {
  z-index: 12345;
  color: #68483d !important;
}
.login_panel .bottom_description {
  color: #92EBEF !important;
  z-index: 12345;
}
.login_panel .header {
  height: 95px;
  margin-bottom: 30px;
}
.login_panel .header.custom_logo {
  background: none;
  height: auto;
}
.login_panel .header .icon {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.login_panel .header .text {
  display: none;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .welcome {
  margin-bottom: 20px;
  font-size: 14px;
}
.login_panel .welcome .name {
  font-style: italic;
  font-size: 17px;
  color: #6d5454;
}
.login_panel .login_panel_content {
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  -o-perspective: 4000px;
  perspective: 4000px;
  position: relative;
}
.login_panel .login_panel_content .col {
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  -o-perspective: 4000px;
  perspective: 4000px;
}
.login_panel .login_panel_content .col.left {
  margin-right: 276px;
  padding-right: 20px;
  text-align: center;
}
.login_panel .login_panel_content .col.right {
  position: absolute;
  right: 0px;
  width: 276px;
}
.login_panel .login_panel_content .content {
  box-shadow: 0px 0px 0px #ffffff;
  float: left;
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
  width: 100%;
  -webkit-transition: -webkit-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms;
  -moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms;
  transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 290ms;
}
.login_panel .login_panel_content .content.register,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.social_register {
  left: 50%;
  margin-left: -130px;
  position: relative;
  width: 260px;
}
.login_panel .login_panel_content .content.send_question {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.login_panel .login_panel_content .content.send_question .question {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0 1px 1px #dddddd inset;
  color: #000000;
  font-size: 11pt;
  height: 214px;
  padding: 6px 8px;
  resize: none;
  width: 100%;
}
.login_panel .login_panel_content .content.forgot .row {
  border-radius: 4px !important;
}
.login_panel .login_panel_content .content.register,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.social_register {
  text-align: center;
}
.login_panel .login_panel_content .content.social_register .question_title,
.login_panel .login_panel_content .content.send_question .question_title {
  color: #929292;
  display: block;
  font-size: 11pt;
}
.login_panel .login_panel_content .content.forgot,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.register,
.login_panel .login_panel_content .content.signin,
.login_panel .login_panel_content .content.activation,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.social_register {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin-top: -100000px;
  opacity: 0;
  visibility: hidden;
}
.login_panel .login_panel_content .content.activation {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  font-size: 12pt;
  text-shadow: 0px 1px 0px #f3f3f3;
  white-space: normal;
  width: 240px;
}
.login_panel.flipForgot .content.login,
.login_panel.flipChangepass .content.send_question,
.login_panel.flipRegister .content.login,
.login_panel.flipRegister .content.send_question,
.login_panel.flipRegister.flipForgot .content.forgot,
.login_panel.flipSignin .content.login,
.login_panel.flipSocialRegister .content.login,
.login_panel.flipSocialRegister .content.send_question,
.login_panel.flipActivation .content.login,
.login_panel.flipChangepass .content.login {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin-top: -100000px;
  opacity: 0;
  visibility: hidden;
}
.login_panel.flipForgot .content.forgot,
.login_panel.flipChangepass .content.changepass,
.login_panel.flipRegister .content.register,
.login_panel.flipSignin .content.signin,
.login_panel.flipSocialRegister .content.social_register {
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}
.login_panel.flipActivation .content.activation {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}
.login_panel .description {
  color: #929292;
  margin-top: 20px;
}
.login_panel .social_description {
  background: #d7dcdf;
  border: 1px solid #c7cccf;
  border-radius: 4px;
  color: #464646;
  margin: 20px;
  margin-left: -85px;
  padding: 10px;
  width: 400px;
}
.login_panel .row {
  background: #ffffff;
  border: 1px solid #cac7c7;
  margin: -1px 0px 0px;
  padding: 10px;
  padding-left: 30px;
  text-align: right;
  white-space: nowrap;
}
html.rtl .login_panel .row {
  padding-left: 10px;
  padding-right: 30px;
}
html.rtl .login_panel .row.buttons {
  padding-left: 0px;
  padding-right: 0px;
}
.login_panel .row.focused {
  background: #fff3ce;
  border-color: #cfbf8e;
  position: relative;
}
.login_panel .row.shake {
  -webkit-animation: shake 0.8s linear;
  -moz-animation: shake 0.8s linear;
  animation: shake 0.8s linear;
}
.login_panel .row:first-child {
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0 1px 1px #dddddd inset;
}
.login_panel .row:last-child {
  border-radius: 0px 0px 4px 4px;
  border-width: 1px;
}
.login_panel .row .value {
  vertical-align: middle;
}
.login_panel .row .value.suffix {
  margin-left: 16px;
}
.login_panel .row .value.suffix .text {
  color: #777777;
  font: 12pt Helvetica, Tahoma, Arial, sans-serif;
}
.login_panel .row .placeholder {
  display: inline-block;
  cursor: text;
  float: none;
  font-size: 12pt;
  height: 20px;
  margin-left: -20px;
  position: relative;
  text-indent: 0px;
  vertical-align: middle;
  width: 20px;
  zoom: 1;
}
html.rtl .login_panel .row .placeholder {
  margin-left: 0px;
  margin-right: -20px;
}
.login_panel .row .placeholder:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .row .placeholder:before {
  color: #d5d4d2;
  display: inline-block;
  font-size: 22px;
  height: 20px;
  margin-right: 4px;
  margin-top: -6px;
  vertical-align: middle;
  width: 20px;
}
html.rtl .login_panel .row .placeholder:before {
  margin-left: 4px;
  margin-right: 0px;
}
.login_panel .row.filled .placeholder:before,
.login_panel .row.focused .placeholder:before {
  color: #cbc9c6;
}
.login_panel .row.email > .placeholder:before {
  content: "\e627";
}
.login_panel .row.password > .placeholder:before {
  content: "\e625";
}
.login_panel .row.name > .placeholder:before,
.login_panel .row.login > .placeholder:before {
  content: "\e626";
}
.login_panel .row.question,
.login_panel .row.answer {
  padding-left: 10px;
}
.login_panel .row.question html.rtl,
.login_panel .row.answer html.rtl {
  padding-right: 10px;
}
.login_panel .row.question .placeholder,
.login_panel .row.answer .placeholder {
  width: 0px;
}
.login_panel .row .input {
  background: transparent;
  border: 0px !important;
  border-radius: 0px;
  box-shadow: none;
  color: #444;
  display: inline-block;
  font: 12pt Helvetica, Tahoma, Arial, sans-serif;
  outline: none;
  padding: 1px 0px;
  text-align: left;
  text-indent: 3px;
  width: 100%;
}
html.rtl .login_panel .row .input {
  text-align: right;
}
.login_panel .row .input:focus {
  box-shadow: none;
}
.login_panel .row .input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.login_panel .row .input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff3ce inset !important;
}
.login_panel .custom_checkbox.focus {
  box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd;
}
.login_panel .custom_checkbox.focus .icon {
  border: 1px solid #ffffff;
}
.login_panel .signme,
.login_panel .links {
  background: none;
  border: 0px;
  border-radius: 0px;
  font-size: 9pt;
  margin-bottom: 14px;
  padding: 0px;
  text-align: left;
}
html.rtl .login_panel .signme,
html.rtl .login_panel .links {
  text-align: right;
}
.login_panel .signme .signme_label {
  cursor: pointer;
  font-size: 9pt;
  height: auto;
  text-indent: 0px;
  width: auto;
}
.login_panel .signme input {
  vertical-align: middle;
}
.login_panel .links .forgot {
  float: right;
  margin-left: 16px;
}
.login_panel.login .row.login {
  border-radius: 4px 4px 0px 0px;
}
.login_panel.login.email .row.login {
  border-radius: 0px;
}
.LoginLayout .languages {
  border-radius: 5px;
  padding: 10px 16px;
  position: fixed;
  right: 20px;
  top: 20px;
}
html.rtl .LoginLayout .languages {
  left: 20px;
  right: auto;
}
.LoginLayout .languages .custom_selector .control .icon {
  color: #000;
}
.LoginLayout .languages .custom_selector .control .icon:before {
  font-size: 18px;
}
.register .LoginLayout .languages .custom_selector .name {
  display: inline-block;
  height: 15px;
}
.LoginLayout .languages .custom_selector .dropdown_arrow {
  float: right;
  margin-right: 22px;
}
.LoginLayout .languages .custom_selector .dropdown_content {
  padding: 0px;
  width: 105%;
}
.register .LoginLayout .languages .custom_selector .dropdown_content {
  position: relative;
}
.LoginLayout .languages .custom_selector .item {
  border-bottom: 1px solid #CBC8C0;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  padding: 8px 12px;
  white-space: nowrap;
}
.LoginLayout .languages .custom_selector .item.selected {
  background: #f0f0f0;
}
.LoginLayout .languages .custom_selector .item:hover {
  background: #fafafa;
}
.LoginLayout .languages .name .text {
  display: none;
}
.LoginLayout .languages .icon {
  background: url("images/sprites.png") no-repeat 40px -400px;
  display: inline-block;
  height: 11px;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) {
  .LoginLayout .languages .icon {
    background-image: url("images/sprites2x.png");
    background-size: 1440px 560px;
  }
}
html.rtl .LoginLayout .languages .icon {
  margin-left: 4px;
  margin-right: 0px;
}
.LoginLayout .languages .English .icon {
  background-position: 0px -480px;
}
.LoginLayout .languages .Arabic .icon {
  background-position: -80px -520px;
}
.LoginLayout .languages .Bulgarian .icon {
  background-position: -40px -480px;
}
.LoginLayout .languages .Chinese-Simplified .icon {
  background-position: -80px -480px;
}
.LoginLayout .languages .Chinese-Traditional .icon {
  background-position: -80px -480px;
}
.LoginLayout .languages .Czech .icon {
  background-position: -120px -480px;
}
.LoginLayout .languages .Danish .icon {
  background-position: -160px -480px;
}
.LoginLayout .languages .Dutch .icon {
  background-position: -640px -480px;
}
.LoginLayout .languages .Estonian .icon {
  background-position: -200px -480px;
}
.LoginLayout .languages .Finnish .icon {
  background-position: -240px -480px;
}
.LoginLayout .languages .French .icon {
  background-position: -280px -480px;
}
.LoginLayout .languages .German .icon {
  background-position: -320px -480px;
}
.LoginLayout .languages .Greek .icon {
  background-position: -360px -480px;
}
.LoginLayout .languages .Hebrew .icon {
  background-position: -440px -480px;
}
.LoginLayout .languages .Hungarian .icon {
  background-position: -400px -480px;
}
.LoginLayout .languages .Italian .icon {
  background-position: -480px -480px;
}
.LoginLayout .languages .Japanese .icon {
  background-position: -520px -480px;
}
.LoginLayout .languages .Korean .icon {
  background-position: -120px -520px;
}
.LoginLayout .languages .Latvian .icon {
  background-position: -560px -480px;
}
.LoginLayout .languages .Lithuanian .icon {
  background-position: -600px -480px;
}
.LoginLayout .languages .Norwegian .icon {
  background-position: -680px -480px;
}
.LoginLayout .languages .Persian .icon {
  background-position: -360px -520px;
}
.LoginLayout .languages .Polish .icon {
  background-position: -720px -480px;
}
.LoginLayout .languages .Portuguese-Brazil .icon {
  background-position: -760px -480px;
}
.LoginLayout .languages .Romanian .icon {
  background-position: 0px -520px;
}
.LoginLayout .languages .Russian .icon {
  background-position: -40px -520px;
}
.LoginLayout .languages .Spanish .icon {
  background-position: -160px -520px;
}
.LoginLayout .languages .Swedish .icon {
  background-position: -200px -520px;
}
.LoginLayout .languages .Thai .icon {
  background-position: -240px -520px;
}
.LoginLayout .languages .Turkish .icon {
  background-position: -280px -520px;
}
.LoginLayout .languages .Ukrainian .icon {
  background-position: -320px -520px;
}
.LoginLayout .languages .Serbian .icon {
  background-position: -400px -520px;
}
.LoginLayout .languages .Portuguese-Portuguese .icon {
  background-position: -800px -480px;
}
.LoginLayout .languages .Vietnamese .icon {
  background-position: -440px -520px;
}
.LoginLayout .languages .Slovenian .icon {
  background-position: -480px -520px;
}
.LoginLayout .languages .Slovak .icon {
  background-position: -520px -520px;
}
.LoginLayout .languages.demo {
  border: 1px solid #C7CCCF;
  border-radius: 4px;
  clear: both;
  left: auto;
  margin-left: -172px;
  margin-top: 20px;
  padding: 10px 14px;
  position: relative !important;
  right: auto;
  text-align: left;
  top: 20px;
  width: 590px;
  background: #9EE6D4;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C1CDB8), color-stop(1, #9EE6D4));
  background: -webkit-linear-gradient(bottom, #C1CDB8 0%, #9EE6D4 100%);
  background: -ms-linear-gradient(bottom, #C1CDB8, #9EE6D4);
  background: -moz-linear-gradient(center bottom, #C1CDB8 0%, #9EE6D4 100%);
  background: -o-linear-gradient(#9EE6D4, #C1CDB8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9EE6D4', endColorstr='#C1CDB8', GradientType=0);
}
html.rtl .LoginLayout .languages.demo {
  margin-left: 0;
  margin-right: -172px;
  text-align: right;
}
.LoginLayout .languages.demo .langs_heading {
  color: #464646;
  font-size: 12pt;
  margin-bottom: 10px;
  text-align: center;
}
.LoginLayout .languages.demo .item {
  color: #555555;
  display: inline-block;
  width: 24%;
}
.LoginLayout .languages.demo .item .item_content {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  padding: 3px 6px;
  white-space: nowrap;
}
.LoginLayout .languages.demo .item .item_content:hover {
  background-color: #67C0B7;
  color: #333333;
}
.LoginLayout .languages.demo .item .item_content .text {
  display: inline-block;
  vertical-align: middle;
}
.LoginLayout .languages.demo .item.selected .item_content {
  background: #2993A2;
  color: #fff;
}
.LoginLayout .buttons {
  background: none;
  border: 0px;
  margin: 20px 0 14px;
  padding: 0px;
}
.LoginLayout .buttons .button {
  display: block;
  font-size: 12pt;
  padding: 10px;
  width: 100%;
}
.LoginLayout .buttons .button:focus {
  border: 1px solid #eee;
}
.LoginLayout .row.login {
  position: relative;
}
.LoginLayout .domain-select {
  margin-left: 15px;
  font-size: 16pt!important;
  vertical-align: middle;
  height: 20px;
  display: inline-block;
  margin-top: -8px;
}
.LoginLayout .domain-select select.value.input {
  background: white;
  border: 1px solid #cac7c7 !important;
  border-radius: 4px 0px 0px 4px;
}
.MailNotesPlugin {
  /* Notes icon should be changed only for level 1 */
}
.MailNotesPlugin .message_viewer .notes_container.panel_center {
  font-size: 16px;
}
.MailNotesPlugin .message_viewer .notes_container.panel_bottom {
  padding: 20px;
}
.MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons {
  margin: 0px;
  text-align: left;
}
html.rtl .MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons {
  text-align: right;
}
.MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons .button {
  margin-right: 6px;
}
.MailNotesPlugin .message_viewer .notes_container.panel_bottom .buttons .hint {
  color: #929292;
}
.MailNotesPlugin .message_viewer .notes_container .note_edit {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  resize: none;
  padding: 20px;
  box-sizing: border-box;
  /* Firefox 19+ */
  /* Firefox 18- */
}
.MailNotesPlugin .message_viewer .notes_container .note_edit::-webkit-input-placeholder {
  color: #bbbbbb;
}
.MailNotesPlugin .message_viewer .notes_container .note_edit::-moz-placeholder {
  color: #bbbbbb;
}
.MailNotesPlugin .message_viewer .notes_container .note_edit:-moz-placeholder {
  color: #bbbbbb;
}
.MailNotesPlugin .message_viewer .notes_container .note_edit:-ms-input-placeholder {
  color: #bbbbbb;
}
.MailNotesPlugin .folders .item .icon.type10.Notes:before {
  content: "\e909" !important;
}
.MailNotesPlugin .folders .children .item .icon.type10.Notes:before {
  content: "\e66c" !important;
}
.html_editor {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
.html_editor .workarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  height: 100%;
  width: 100%;
}
.html_editor .workarea .scroll-inner {
  background: #ffffff;
}
.html_editor .workarea .crea-content-editable {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
  height: 100% !important;
  outline: 0px;
  padding: 20px 24px;
  width: 100% !important;
  word-wrap: break-word;
}
.inactive.html_editor .workarea .crea-content-editable {
  opacity: 0.2;
}
.html_editor .workarea .crea-content-editable a {
  cursor: text;
}
.html_editor .workarea .crea-content-editable p {
  margin: 0;
}
.html_editor .workarea .crea-content-editable img {
  cursor: pointer;
}
.html_editor .workarea li {
  margin-bottom: 0.6em;
}
.html_editor .uploader_mask {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #fffdd6;
  color: #d3b910;
  font-size: 18pt;
  height: 100%;
  left: 0px;
  opacity: 0;
  padding: 11px;
  position: absolute;
  text-align: center;
  top: 0px;
  visibility: hidden;
  width: 100%;
  -webkit-transition: ease 250ms opacity 0s;
  -moz-transition: ease 250ms opacity 0s;
  -o-transition: ease 250ms opacity 0s;
  transition: ease 250ms opacity 0s;
}
.html_editor .uploader_mask .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px dashed #e2da36;
  border-radius: 5px;
  height: 100%;
}
.html_editor .uploader_mask.active,
.html_editor .uploader_mask.editorDragOver {
  opacity: 0.5;
  visibility: visible;
}
.html_editor .inline_popup {
  background-color: #f7f7f7;
  border: solid 1px #cccccc;
  border-radius: 2px;
  padding: 4px 8px;
  position: absolute;
}
.html_editor .inline_popup.image_tooltip {
  opacity: 0.7;
  filter: alpha(opacity=70);
  border: solid 1px #eeeeee;
  margin: 10px 0px 0px 10px;
}
.html_editor .inline_popup .button {
  border-right: 1px solid #cccccc;
  color: #4477bb;
  cursor: pointer;
  margin: 0px 8px;
  padding-right: 8px;
  text-decoration: underline;
}
.html_editor .inline_popup .button:last-child {
  border-right: 0px;
  margin: 0px;
  padding-right: 0px;
}
.html_editor .inline_popup .button:hover {
  text-decoration: none;
}
.html_editor .inline_popup input {
  width: 300px;
}
.html_editor .toolbar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fdfdfd;
  border: none;
  cursor: default;
  padding: 0px 4px;
}
.html_editor .toolbar .content {
  padding: 0px;
}
.html_editor .toolbar .content .separator {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #ffffff;
  display: inline-block;
  height: 32px;
  margin: 0px 4px;
  vertical-align: middle;
}
.html_editor .toolbar .content .button {
  background: #dddddd;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  font-size: 11pt;
  padding: 4px 6px;
}
.html_editor .toolbar .content .button:hover {
  background: #e3e3e3;
}
.html_editor .toolbar .content .item {
  background: none;
  border: 1px solid transparent;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin: 4px 1px !important;
  outline: 0px;
  padding: 4px;
  vertical-align: middle;
}
.html_editor .toolbar .content .item .item:hover {
  background: #eeeeee;
  border: 1px solid #cccccc;
  box-shadow: 0px 0px 3px #eeeeee, inset 1px 1px 0px #ffffff;
}
.inactive.html_editor .toolbar .content .item,
.inactive.html_editor .toolbar .content .item:hover {
  background: none;
  cursor: default;
  opacity: 0.2;
}
.html_editor .toolbar .content .item.select {
  padding: 0px 0px;
}
.html_editor .toolbar .content .item.select:hover {
  background: none;
}
.html_editor .toolbar .content .item.select .input {
  font-size: 10pt;
  margin-top: -2px;
  max-width: 200px;
  padding: 0px !important;
  width: auto;
}
.html_editor .toolbar .content .item .icon {
  background-image: url("images/sprites.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.html_editor .toolbar .content .item.link .icon {
  background-position: 0px -320px;
}
.html_editor .toolbar .content .item.unlink .icon {
  background-position: -40px -320px;
}
.html_editor .toolbar .content .item.image .icon {
  background-position: -440px -320px;
}
.html_editor .toolbar .content .item.slist .icon {
  background-position: -40px -320px;
}
.html_editor .toolbar .content .item.uslist .icon {
  background-position: -80px -320px;
}
.html_editor .toolbar .content .item.hline .icon {
  background-position: -160px -320px;
}
.html_editor .toolbar .content .item.bold .icon {
  background-position: -200px -320px;
}
.html_editor .toolbar .content .item.italic .icon {
  background-position: -120px -320px;
}
.html_editor .toolbar .content .item.underline .icon {
  background-position: -160px -320px;
}
.html_editor .toolbar .content .item.aleft .icon {
  background-position: -320px -320px;
}
.html_editor .toolbar .content .item.acenter .icon {
  background-position: -360px -320px;
}
.html_editor .toolbar .content .item.aright .icon {
  background-position: -400px -320px;
}
.html_editor .toolbar .content .item.ajustify .icon {
  background-position: -440px -320px;
}
.html_editor .toolbar .content .item.color .icon {
  background-position: -400px -320px;
}
.html_editor .toolbar .content .item.background .icon {
  background-position: -40px -320px;
}
.html_editor .toolbar .content .item.clear .icon {
  background-position: -480px -320px;
}
.html_editor .toolbar .content .item.strike_through .icon {
  background-position: -520px -320px;
}
.html_editor .toolbar .content .item.undo .icon {
  background-position: -560px -320px;
}
.html_editor .toolbar .content .item.redo .icon {
  background-position: -600px -320px;
}
.html_editor .toolbar .content .item.template .icon {
  background-image: none;
}
.html_editor .toolbar .content .item.template .icon:before {
  content: "\e90e";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.5;
  font-family: 'afterlogic';
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  color: #595959;
}
.html_editor .toolbar .content .item.template .dropdown_content {
  padding: 0px;
  min-width: fit-content;
}
.html_editor .toolbar .content .item.template .dropdown_content .scroll-inner {
  width: max-content !important;
}
.html_editor .toolbar .content .item.template .dropdown_content .scroll-inner div {
  border-top: 1px solid #cbc8c0;
  padding: 10px;
}
.html_editor .toolbar .content .item.template .dropdown_content .scroll-inner div:hover {
  background: #e0e0e0;
}
.html_editor .toolbar .content .dropdown {
  color: #000000;
  bottom: -4px;
}
.inactive.html_editor .toolbar .content .dropdown {
  left: -10000px;
}
.html_editor .toolbar .content .dropdown.color {
  white-space: nowrap;
}
.html_editor .toolbar .content .dropdown .dropdown_content {
  background: #eeeeee;
  border: 1px solid #cccccc;
  border-top: 1px solid #fafafa;
  border-radius: 0px 0px 3px 3px;
  padding: 4px;
}
.html_editor .toolbar .content .dropdown .dropdown_content .input {
  font-size: 11pt;
  margin: 0px;
  padding: 3px 5px 2px;
  vertical-align: top;
  width: auto;
}
.html_editor .toolbar .content .color_table {
  display: inline-block;
  margin-right: 6px;
  vertical-align: bottom;
}
.html_editor .toolbar .content .color_table:last-child {
  margin-right: 0px;
}
.html_editor .toolbar .content .color_table .title {
  display: inline-block;
  margin: 2px 0px 4px;
  padding: 0px;
}
.html_editor .toolbar .content .color_table .row {
  display: block;
  font-size: 0px;
  margin: 0px !important;
  white-space: nowrap;
}
.html_editor .toolbar .content .color_table .color-item {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 2px;
  vertical-align: bottom;
  width: 16px;
}
.html_editor .toolbar .content .color_table .color-item:hover {
  box-shadow: 0px 0px 2px #aaaaaa;
  height: 18px;
  margin: 1px;
  width: 18px;
}
.folders .folder-level1 .title {
  padding-left: 16px !important;
}
html.rtl .folders .folder-level1 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level2 .title {
  padding-left: 32px !important;
}
html.rtl .folders .folder-level2 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level3 .title {
  padding-left: 48px !important;
}
html.rtl .folders .folder-level3 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level4 .title {
  padding-left: 64px !important;
}
html.rtl .folders .folder-level4 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level5 .title {
  padding-left: 80px !important;
}
html.rtl .folders .folder-level5 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level6 .title {
  padding-left: 96px !important;
}
html.rtl .folders .folder-level6 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level7 .title {
  padding-left: 112px !important;
}
html.rtl .folders .folder-level7 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level8 .title {
  padding-left: 128px !important;
}
html.rtl .folders .folder-level8 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level9 .title {
  padding-left: 144px !important;
}
html.rtl .folders .folder-level9 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level10 .title {
  padding-left: 160px !important;
}
html.rtl .folders .folder-level10 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level11 .title {
  padding-left: 176px !important;
}
html.rtl .folders .folder-level11 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level12 .title {
  padding-left: 192px !important;
}
html.rtl .folders .folder-level12 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level13 .title {
  padding-left: 208px !important;
}
html.rtl .folders .folder-level13 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level14 .title {
  padding-left: 224px !important;
}
html.rtl .folders .folder-level14 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level15 .title {
  padding-left: 240px !important;
}
html.rtl .folders .folder-level15 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level16 .title {
  padding-left: 256px !important;
}
html.rtl .folders .folder-level16 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level17 .title {
  padding-left: 272px !important;
}
html.rtl .folders .folder-level17 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level18 .title {
  padding-left: 288px !important;
}
html.rtl .folders .folder-level18 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .folder-level19 .title {
  padding-left: 304px !important;
}
html.rtl .folders .folder-level19 .title {
  padding-left: 0px !important;
  padding-right: 16px !important;
}
.folders .ui-droppable-disabled {
  opacity: 1 !important;
}
.folders .title .icon.type11:before {
  content: "\e920";
}
.folders .title .icon.type1:before {
  content: "\e616";
}
.folders .title .icon.type2:before {
  content: "\e615";
}
.folders .title .icon.type3:before {
  content: "\e617";
}
.folders .title .icon.type4:before {
  content: "\e614";
}
.folders .title .icon.type5:before {
  content: "\e612";
}
.folders .item .icon.type10:before {
  content: "\e66c";
}
.folders .title .icon.type7:before,
.folders .selected .title .icon.type7:before {
  content: "\e613";
  margin-top: -0.1ex;
}
.folders .item:not(.virtualEmpty) .title .icon.type7 {
  text-shadow: none;
  color: #ffb736 !important;
}
.folders .virtualEmpty.selected .title .icon.type7 {
  color: #ffffff;
}
.buttons.big_single_button .button.add_new_folder {
  margin-top: 8px;
}
.MailLayout .panel_helper {
  width: 85%;
}
.panel.folders_panel {
  width: 15%;
}
.panel.folders_panel .panel_bottom {
  background: none;
  border: 0px;
  border-radius: 0px;
  height: 30px;
  padding: 0px;
}
.panel.folders_panel .quota_visible .panel_bottom {
  height: 42px;
}
.panel.folders_panel .manage_folders {
  font-size: 8pt;
  line-height: 16px;
  text-align: center;
}
.SettingsLayout .items_list .item .unified_marker {
  border-radius: 10px;
  background: #959595;
  display: inline-block;
  color: white;
  font-size: 8pt;
  font-weight: normal;
  padding: 1px 6px;
}
.messages_panel .items_list .item .flag {
  color: #cccccc;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-top: 5px;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  width: 16px;
}
.messages_panel .items_list .item .flag:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.messages_panel .items_list .item .flag:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.messages_panel .items_list .item .flag:before {
  content: "\e652";
  display: block;
  font-size: 20px;
  margin-left: -2px;
}
.messages_panel .items_list .item .flag:after {
  color: #ffb736;
  content: "\e61f";
  display: block;
  font-size: 24px;
  height: 100%;
  margin: -22px 0 0 -4px;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transform-origin: 13px 13px;
  -moz-transform-origin: 13px 13px;
  -ms-transform-origin: 13px 13px;
  -o-transform-origin: 13px 13px;
  transform-origin: 13px 13px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
  -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
  -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
  transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
}
.messages_panel .items_list .item.checked .flag:not(.partial):before {
  color: #bed18b;
}
.messages_panel .items_list .item.selected .flag:not(.partial):before {
  color: #549fe1;
}
.messages_panel .items_list .use_threads .item .partial {
  color: #ffb736;
}
.messages_panel .items_list .item .flagged:after {
  opacity: 1;
  visibility: visible;
  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
  -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
  -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
  transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.messages_panel .items_list .item .controls .separator,
.messages_panel .items_list .item .data .separator {
  display: block;
}
.messages_panel .items_list .item .unified_marker {
  display: none;
}
.messages_panel .items_list .item .custom_marker,
.unified_messages_panel.messages_panel .items_list .item .unified_marker {
  background: #959595;
  border-radius: 10px;
  color: white;
  display: block;
  float: right;
  font-size: 8pt;
  font-weight: normal;
  margin-top: 1px;
  padding: 0px 6px 1px;
}
.messages_panel .items_list .item .size {
  display: none;
  text-align: right;
  width: 40px;
}
.messages_panel .items_list .item .subject,
.messages_panel .items_list .item .from {
  display: block;
  overflow: hidden;
}
.messages_panel .items_list .item .subject {
  color: #6d6d6d;
  font-size: 13pt;
  line-height: 130%;
}
.messages_panel .items_list .item.selected .subject {
  color: #ffffff;
}
.messages_panel .items_list .item.nosubject .subject {
  color: #888888;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.messages_panel .items_list .item.selected.nosubject .subject {
  color: #ffffff;
}
.messages_panel .items_list .item .from {
  font-size: 10.5pt;
  margin-bottom: 10px;
  min-height: 16px;
}
.messages_panel .items_list .item .text {
  color: #b6b6b6;
  display: block;
  white-space: normal;
}
.messages_panel .items_list .item.selected .text {
  color: #b4d4f0;
}
.messages_panel .items_list .item > .separator {
  clear: both;
}
.messages_panel .items_list .item .marker {
  background: url('images/sprites.png') no-repeat 0px -200px;
  display: none;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}
.messages_panel .items_list .item.answered .marker {
  background-position: 0px -200px;
  display: inline-block;
}
.messages_panel .items_list .item.forwarded .marker {
  background-position: -40px -200px;
  display: inline-block;
}
.messages_panel .items_list .item.answered.forwarded .marker {
  background-position: -80px -200px;
  display: inline-block;
}
.messages_panel .items_list .item .importance {
  border: 1px solid;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  line-height: 1;
  margin-top: -3px;
  text-align: center;
  vertical-align: middle;
  width: 14px;
}
.messages_panel .items_list .item .importance:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.messages_panel .items_list .item .importance:before {
  content: "\e620";
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
  width: 7px;
}
.messages_panel .items_list .item.selected .importance {
  color: #ffffff;
  border-color: #ffffff;
}
.messages_panel .items_list .item .attachments {
  display: inline-block;
  height: 20px;
  vertical-align: bottom;
  width: 20px;
}
.messages_panel .items_list .item .attachments.has_attachments:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.messages_panel .items_list .item .attachments.has_attachments:before {
  opacity: 0.7;
  filter: alpha(opacity=70);
  content: "\e622";
  font-size: 20px;
}
.messages_panel .items_list .item .attachments.has_vcard_attachment:before {
  content: "\e621";
}
.messages_panel .items_list .item .attachments.has_ical_attachment:before {
  content: "\e623";
}
.messages_panel .items_list .item.selected .attachments.has_attachments:before {
  color: #ffffff;
}
.messages_panel .items_list .item.checked .thread-pin {
  background: #ebf7cb;
}
.messages_panel .items_list .item.checked .thread-pin:hover {
  background-color: #e3f4b5;
}
.messages_panel .items_list .item .thread-pin {
  background: #ffffff;
  border: 1px solid #a0a0a0;
  border-radius: 9px;
  color: #a0a0a0;
  cursor: pointer;
  float: right;
  font-weight: bold;
  line-height: 100%;
  margin: -4px 0px 0px 6px;
  padding: 4px 8px 3px;
}
html.rtl .messages_panel .items_list .item .thread-pin {
  float: left;
}
.messages_panel .items_list .item .thread-pin.loading {
  background-color: #abaaa3;
  cursor: default;
}
.messages_panel .items_list .item .thread-pin:hover {
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  background-color: #f2f2f2;
}
.messages_panel .items_list .item .thread-pin.unread {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
  color: #ffffff;
}
.messages_panel .items_list .item .thread-pin.unread:hover {
  background-color: #939393;
}
.messages_panel .items_list .item.selected .thread-pin {
  background: #78b8f0;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.messages_panel .items_list .item.selected .thread-pin:hover {
  background-color: #61aced;
}
.messages_panel .items_list .item.selected .thread-pin.unread {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #78b8f0;
}
.messages_panel .items_list .item.selected .thread-pin.unread:hover {
  background-color: #f2f2f2;
}
.messages_panel .items_list .item .from {
  margin-bottom: 6px !important;
}
.messages_panel .items_list .item .thread-pin {
  margin-top: 2px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) {
  .file .icon,
  .messages_panel .items_list .item .marker,
  .panel.files .items_list .folder .icon,
  .html_editor .toolbar .item .icon {
    background-image: url("images/sprites2x.png");
    background-size: 1440px 560px;
  }
}
.messages_panel .items_list .not_use_threads .item .thread_loading,
.messages_panel .items_list .not_use_threads .item.thread_more_messages,
.messages_panel .items_list .not_use_threads .item .thread-pin {
  display: none;
}
.message_viewer .panel_top,
.message_viewer .panel_bottom {
  padding: 0px;
}
.message_viewer .panel_center {
  overflow: auto;
}
.newtab .message_viewer {
  height: 100%;
  width: 100%;
}
.message_viewer .panel_content {
  margin: 0px !important;
  padding: 0px !important;
}
.message_viewer .message_body {
  font-size: 11pt;
  padding: 20px;
}
.message_viewer .message_body li {
  margin-bottom: 0.6em;
}
.message_viewer .message_body_info {
  color: #cccccc;
  font: normal 18px Tahoma;
  margin: 30px;
  text-align: center;
}
.message_viewer .message_body_info .message_body_secondary_info {
  font-size: 14px;
  margin-top: 10px;
}
.message_viewer .message_header {
  background: #ffffff;
  color: #4d4d4d;
  padding-bottom: 6px;
  position: relative;
  white-space: normal;
}
.message_viewer .message_header .nosubject .subject {
  color: #888888;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.message_viewer .message_header .resizer {
  height: 85px;
}
.message_viewer .message_header .resizer.large {
  height: 130px;
}
.message_viewer .message_header .header_row {
  clear: both;
}
.message_viewer .message_header .header_row:last-child {
  margin-top: 12px;
}
.message_viewer .message_header .toolbar {
  background: none;
  border: 0px;
  filter: none;
  float: right;
  margin-bottom: 0px;
  max-width: 100%;
  overflow: visible;
  padding: 0px;
  position: relative;
  top: -4px;
  width: auto;
  z-index: 1;
}
html.rtl .message_viewer .message_header .toolbar {
  float: left;
}
.message_viewer .message_header .toolbar .content {
  padding: 0px;
}
.message_viewer .message_header .toolbar .content > .item {
  background: none !important;
  border: 0px;
  box-shadow: none !important;
  margin-right: 16px;
  padding: 0px;
}
.message_viewer .message_header .toolbar .content > .item:last-child {
  margin-right: 0px;
}
.message_viewer .message_header .toolbar .content > .item .icon.arrow:before {
  font-size: 20px;
}
.message_viewer .message_header .toolbar .content > .item .dropdown .item .icon {
  margin-right: 5px;
}
.message_viewer .message_header .header_content {
  padding: 18px 18px 8px;
}
.message_viewer .message_header .message_info {
  font-size: 10pt;
  padding-top: 1px;
  /* fix nested element negative margin */
  position: relative;
}
html.rtl .message_viewer .message_header .message_info {
  margin-right: 14px;
}
.message_viewer .message_header .message_info .message_info_line {
  margin: 0;
  overflow: hidden;
  position: relative;
  top: -4px;
  white-space: nowrap;
}
.message_viewer .message_header .message_info .message_info_line .to_arrow {
  display: inline-block;
  height: 1em;
  line-height: 1;
  margin: 0 0 4px;
  vertical-align: middle;
}
.message_viewer .message_header .message_info.message_detail_info .message_info_line:last-child {
  margin-top: 8px;
}
.message_viewer .message_header .message_info.message_detail_info .message_info_line {
  max-height: 72px;
  overflow-y: auto !important;
  white-space: normal;
}
.message_viewer .message_header .details_show,
.message_viewer .message_header .details_hide {
  color: #727272;
  display: inline-block;
  float: left;
  height: 16px;
  overflow: hidden;
  position: absolute;
  vertical-align: bottom;
  width: 16px;
}
html.rtl .message_viewer .message_header .details_show,
html.rtl .message_viewer .message_header .details_hide {
  margin-left: 6px;
  margin-right: 0px;
}
.message_viewer .message_header .details_show:before,
.message_viewer .message_header .details_hide:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.message_viewer .message_header .details_show:before,
.message_viewer .message_header .details_hide:before {
  content: "\e66d";
  display: inline-block;
  font-size: 18px;
}
.message_viewer .message_header .details_hide:before {
  content: "\e66e";
}
.message_viewer .message_header .title {
  color: #777777;
}
.message_viewer .message_header .subject {
  color: #4d4d4d;
  display: inline-block;
  font-size: 18pt;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
.message_viewer .message_header .icon {
  margin: 0px;
  padding: 0px;
}
.message_viewer .message_header .icon .attachments {
  background: url("images/sprites.png") no-repeat -120px -120px;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
html.rtl .message_viewer .message_header .icon .attachments {
  float: right;
  margin-left: 8px;
  margin-right: 0px;
}
.message_viewer .message_header .date {
  float: right;
  font-size: 8.5pt;
  margin-top: 6px;
}
html.rtl .message_viewer .message_header .date {
  float: left;
}
.message_viewer .message_header .from {
  font-weight: bold;
}
html.rtl .message_viewer .message_header .from {
  padding-right: 7px;
}
.message_viewer .notice {
  background: #ffffc5;
  border-bottom: 1px solid #eae7ca;
  color: #b5ad94;
  font-size: 8pt;
  padding: 4px 6px;
}
.message_viewer .notice .item {
  display: block;
}
.message_viewer .notice .link {
  color: #7e9baf;
}
.message_viewer .message {
  height: 100%;
}
.message_viewer .message .message_content {
  height: 100%;
  overflow: auto;
  white-space: normal;
}
.message_viewer .message .message_content .bodyparts_separator {
  background-color: #e2e2e2;
  display: none;
  height: 1px;
  margin: 0px 20px;
}
.message_viewer .message.has_bodytext.has_attachments .bodyparts_separator {
  display: block;
}
.message_viewer .appointment {
  background: #dff6eb;
  border-bottom: 1px solid #b7ebd2;
  padding: 15px;
}
.message_viewer .appointment .row.fluid {
  padding-left: 100px;
}
.message_viewer .appointment .label {
  vertical-align: top;
  width: 100px;
}
.message_viewer .appointment .row.fluid .label {
  margin-left: -100px;
}
.message_viewer .appointment .value {
  display: inline-block;
  -ms-word-break: break-all;
  word-wrap: break-word;
}
.message_viewer .appointment .row.fluid .value {
  width: 99%;
}
.message_viewer .appointment .event_state {
  color: #929292;
  padding-left: 5px;
}
.message_viewer .appointment .buttons {
  display: inline-block;
  margin-top: 7px;
}
.message_viewer .appointment .buttons .button {
  margin-right: 5px;
}
.message_viewer .appointment .buttons .button.selected_button {
  background: #ffffff;
  border: 1px solid #6fa8de;
  color: #4f88be;
  cursor: default;
  text-shadow: none;
}
.message_viewer .appointment .buttons .button.selected_button.disabled {
  color: #808080;
}
.message_viewer .appointment .buttons .button.selected_button.disabled:hover {
  background: #ffffff;
}
.message_viewer .appointment .buttons.animation .button {
  -webkit-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
  -moz-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
  -o-transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
  transition: opacity 200ms ease, background 200ms ease, color 200ms ease;
}
.message_viewer .appointment .buttons.touched .button {
  opacity: 0.4;
}
.message_viewer .appointment .buttons.touched .button:hover,
.message_viewer .appointment .buttons.touched .button.selected_button {
  opacity: 1;
}
.message_viewer .panels.has_attachments {
  padding-right: 170px;
}
.message_viewer .panels.has_attachments .message_panel {
  border-right: 1px solid #e2e2e2;
}
.message_viewer .message_panel {
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
}
.message_viewer .attachments_panel {
  box-shadow: none;
  float: right;
  margin-right: -170px;
  width: 170px;
}
.panel.thread_viewer .panel_top .expand .owner.found,
.message_viewer .message_header .expand .from.found {
  background: #ffffff;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  display: inline-block;
  margin: -3px -7px 0px 0px;
  padding: 3px 7px 0px;
  position: relative;
  z-index: 1001;
}
.item_viewer .add_contact {
  color: #3ba7b6;
  cursor: pointer;
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: auto;
}
.item_viewer .add_contact:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.item_viewer .add_contact:before {
  content: "\e641";
  display: inline-block;
  font-size: 15px;
  height: auto;
  margin: 0;
  vertical-align: bottom;
  width: auto;
}
.toolbar .sort .icon:before {
  content: "\e913";
}
.toolbar .sort .dropdown_content .item.selected {
  background: #f9f9f9 !important;
}
.toolbar .sort-order-icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  -webkit-font-smoothing: antialiased;
  content: "\e66d";
  display: inline-block;
  font-size: 16px;
  vertical-align: text-bottom;
}
.toolbar .sort-order-desc-icon:before {
  content: "\e66e";
}
.MailComposeLayout .panels,
.compose_popup .panels {
  background: #ffffff;
  height: 100% !important;
}
.MailComposeLayout .panels .panel,
.compose_popup .panels .panel {
  flex-grow: 1 !important;
}
.panel.compose {
  background: #f9f9f9;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23);
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
.panel.compose .message_panel {
  box-shadow: 3px 0 2px #f1f1f1;
  width: 80%;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.panel.compose .message_panel .panel_top {
  border: 0px;
  margin-bottom: 6px;
  padding: 6px 11px 0px;
  position: relative;
}
.panel.compose .message_panel .panel_center {
  overflow: hidden;
}
.panel.compose .message_panel .panel_bottom {
  background: none;
  border: 0px;
  border-radius: 0px;
  height: auto;
  overflow: hidden;
  padding: 8px 12px 0 12px;
  white-space: nowrap;
  word-wrap: normal;
}
.panel.compose .message_panel .panel_bottom .hint {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.panel.compose .message_panel .panel_bottom .hotkey_value {
  color: #5a6373;
  margin: 0 4px 0 0;
  text-shadow: 0 1px 0 #ffffff;
}
.panel.compose .message_panel .panel_bottom .hotkey_action {
  color: #222222;
  margin: 0 12px 0 0;
  text-shadow: 0 1px 0 #dddddd;
}
.panel.compose .message_panel .panel_bottom .more_hints {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.panel.compose .message_panel .panel_bottom .more_hints .icon {
  font-size: 16pt;
  cursor: pointer;
  overflow: hidden;
}
.panel.compose .message_panel .panel_bottom .more_hints .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.compose .message_panel .panel_bottom .more_hints .icon:before {
  content: "\e651";
}
.panel.compose .message_panel .panel_bottom .more_hints .dropdown .item {
  cursor: auto !important;
}
.panel.compose .message_panel .panel_bottom .more_hints .dropdown .item:hover {
  background: none;
}
.panel.compose .attachments_panel {
  background: #fafafa;
  border-radius: 0px;
  box-shadow: none;
  overflow: hidden;
  position: relative;
  width: 20%;
}
.panel.compose .attachments_panel .middle_bar .panel_top {
  border: none;
  line-height: 180%;
  padding: 35px 10px 6px;
  text-align: center;
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button {
  color: #aaaaaa;
  cursor: pointer;
  display: inline;
  margin-right: 21px;
  vertical-align: middle;
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button:hover {
  color: #888888;
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button .icon {
  display: inline-block;
  font-size: 28px;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.google .icon:before {
  content: "\e654";
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.dropbox .icon:before {
  content: "\e655";
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.files .icon:before {
  content: "\e656";
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button.desktop .icon:before {
  content: "\e622";
}
.panel.compose .attachments_panel .middle_bar .panel_top .uploader_button .text {
  display: none;
}
.panel.compose .attachments_panel .middle_bar .panel_center {
  background-color: inherit;
}
.panel.compose .html_editor {
  padding: 0px 11px 21px 11px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.panel.compose .input.inputosaurus {
  position: relative;
}
.panel.compose .disable_mask {
  background: #cccccc;
  cursor: default;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.panel.compose .panel_content > .toolbar {
  background: #f7f7f7;
  filter: none;
}
.panel.compose .panel_content > .toolbar .content > .item,
.panel.compose .panel_content > .toolbar .content > .item:hover {
  background: none;
  border: none;
}
.panel.compose .panel_content > .toolbar .text {
  display: inline-block;
}
.panel.compose .panel_content > .toolbar .back .text {
  display: none;
}
.panel.compose .panel_content > .toolbar .icon {
  display: none;
}
.panel.compose .panel_content > .toolbar .back .icon,
.panel.compose .panel_content > .toolbar .new_window .icon,
.panel.compose .panel_content > .toolbar .save_and_close .icon,
.panel.compose .panel_content > .toolbar .minimize .icon,
.panel.compose .panel_content > .toolbar .maximize .icon,
.panel.compose .panel_content > .toolbar .confirmation .icon,
.panel.compose .panel_content > .toolbar .pgp .icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
}
.panel.compose .panel_content > .toolbar .new_window,
.panel.compose .panel_content > .toolbar .minimize,
.panel.compose .panel_content > .toolbar .maximize,
.panel.compose .panel_content > .toolbar .save_and_close {
  background: transparent;
  border: 0px;
  box-shadow: none;
  float: right;
}
html.rtl .panel.compose .panel_content > .toolbar .new_window,
html.rtl .panel.compose .panel_content > .toolbar .minimize,
html.rtl .panel.compose .panel_content > .toolbar .maximize,
html.rtl .panel.compose .panel_content > .toolbar .save_and_close {
  float: left;
}
.panel.compose .notice {
  background: #ffffc5;
  border-bottom: 1px solid #f5edd4;
  color: #b5ad94;
  padding: 8px 25px;
  margin: -6px -10px 0;
}
.panel.compose .notice.notice-auto-encrypt {
  background: inherit;
  border-color: #e2e2e2;
  color: inherit;
  font-size: 16px;
}
.panel.compose .notice.notice-auto-encrypt .custom_checkbox {
  margin: 0;
  vertical-align: unset;
}
.panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-info {
  font-size: 14px;
  padding-top: 9px;
}
.panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-icon {
  float: left;
  font-size: 35px;
  margin-left: -23px;
}
.panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-icon:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel.compose .notice.notice-auto-encrypt .notice-auto-encrypt-icon:after {
  content: "\e658";
  vertical-align: middle;
  text-shadow: 0 0 1px grey;
}
.panel.compose .address_capsule_key_encrypt,
.panel.compose .address_capsule_key_not_encrypt,
.panel.compose .address_capsule_key_sign {
  display: none;
}
.panel.compose .address_capsule_key_unset {
  display: unset;
}
.panel.compose.compose-auto-encrypt .address_capsule_key_encrypt,
.panel.compose.compose-auto-encrypt .address_capsule_key_not_encrypt,
.panel.compose.compose-auto-encrypt .address_capsule_key_sign {
  display: unset;
}
.panel.compose.compose-auto-encrypt .address_capsule_key_unset {
  display: none;
}
.panel.compose.compose-auto-encrypt .notice-auto-encrypt {
  background: #96c671;
  border-color: #82b35d;
  color: white;
}
.panel.compose table.fields {
  width: 100%;
}
.panel.compose table.fields > tbody > tr {
  border-bottom: 1px solid #e2e2e2;
}
.panel.compose table.fields table {
  width: 100%;
}
.panel.compose table.fields td {
  padding: 0px 0px 10px;
}
.panel.compose table.fields td td {
  padding: 0px;
}
.panel.compose table.fields .label {
  color: #bababa;
  font-size: 13pt;
  padding: 4px 10px 4px 0px;
  text-align: right;
  width: 90px;
}
html.rtl .panel.compose table.fields .label {
  text-align: left;
}
.panel.compose table.fields .value {
  padding: 4px 0px;
}
.panel.compose table.fields .value .not_editable {
  font-size: 13pt;
  padding: 10px;
}
.panel.compose table.fields .input {
  border: none;
  box-shadow: none;
  min-width: 100%;
  padding: 8px 10px;
}
.panel.compose table.fields .input,
.panel.compose table.fields .inputosaurus input {
  color: #444444;
  font-size: 13pt;
}
.panel.compose table.fields textarea.input {
  width: 100%;
  height: 300px;
}
.panel.compose table.fields .link {
  text-decoration: underline;
  cursor: pointer;
}
.panel.compose table.fields .link:hover {
  color: #2b5877;
  text-decoration: none;
}
.panel.compose table.fields .auto-encrypt-sign-message,
.panel.compose table.fields .from,
.panel.compose table.fields .to,
.panel.compose table.fields .cc,
.panel.compose table.fields .bcc,
.panel.compose table.fields .subject {
  font-size: 11pt;
}
.panel.compose table.fields .to .link {
  color: #4477bb;
  display: inline-block;
  font-size: 11pt;
}
.panel.compose table.fields .to .link:hover {
  color: #24579b;
}
.panel.compose table.fields .show_bcc,
.panel.compose table.fields .show_cc {
  margin-left: 10px;
}
.panel.compose table.fields .cc .inputosaurus,
.panel.compose table.fields .bcc .inputosaurus,
.panel.compose table.fields .to .inputosaurus {
  padding: 0px;
}
.panel.compose table.fields .cc .inputosaurus .scroll-inner,
.panel.compose table.fields .bcc .inputosaurus .scroll-inner,
.panel.compose table.fields .to .inputosaurus .scroll-inner {
  max-height: 100px;
}
.panel.compose table.fields .auto-encrypt-sign-message .custom_checkbox {
  vertical-align: unset;
}
.panel.compose .attachments {
  z-index: 1;
}
.panel.compose .attachments .uploader_mask {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 250ms ease 0s;
  -moz-transition: opacity 250ms ease 0s;
  -o-transition: opacity 250ms ease 0s;
  transition: opacity 250ms ease 0s;
  background: #fffdd6;
  color: #d3b910;
  font-size: 18pt;
  height: 100%;
  left: 0px;
  opacity: 0;
  padding: 11px;
  position: absolute;
  text-align: center;
  top: 0px;
  visibility: hidden;
  width: 100%;
}
.panel.compose .attachments .uploader_mask.active {
  visibility: visible;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.panel.compose .attachments .uploader_mask .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px dashed #e2da36;
  border-radius: 5px;
  height: 100%;
}
.panel.compose .attachments .items_list {
  height: 100%;
}
.panel.compose .attachments .items_list .list_notification {
  padding-top: 24px;
}
.panel.compose .attachments .attachments_container {
  padding: 20px;
}
.panel.compose .attachments .notice {
  margin: -34px -9px 11px;
  padding: 8px 11px;
  white-space: normal;
}
.compose_popup {
  z-index: 1000;
}
.compose_popup:not(.minimized) {
  position: absolute;
}
.compose_popup.minimized {
  bottom: 0;
  height: auto;
  left: auto;
  right: 0;
  top: auto;
  width: auto;
  background: #43d0bf;
}
.compose_popup.minimized .toolbar {
  background: none;
  border: 0px;
  border-radius: 4px;
  cursor: pointer;
  margin: 5px;
}
.compose_popup.minimized .toolbar .item.minimized_title {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compose_popup.minimized .toolbar .item.minimized_title,
.compose_popup.minimized .toolbar .item.minimized_title:hover,
.compose_popup.minimized .toolbar .item.maximize,
.compose_popup.minimized .toolbar .item.save_and_close {
  background: transparent;
  border: none;
  box-shadow: none;
  float: none;
}
.compose_popup.minimized .toolbar .item.minimized_title .text,
.compose_popup.minimized .toolbar .item.minimized_title:hover .text,
.compose_popup.minimized .toolbar .item.maximize .text,
.compose_popup.minimized .toolbar .item.save_and_close .text {
  display: inline;
  color: #fff;
}
.compose_popup.minimized .toolbar .item.minimized_title .icon,
.compose_popup.minimized .toolbar .item.minimized_title:hover .icon,
.compose_popup.minimized .toolbar .item.maximize .icon,
.compose_popup.minimized .toolbar .item.save_and_close .icon {
  color: #fff;
}
.compose_popup.minimized .toolbar .item.minimized_title:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.compose_popup .popup_panel {
  height: 90%;
  max-width: 90%;
  padding: 0;
  width: 90%;
}
blockquote {
  /*while editing see also print message*/
  border-left: solid 2px #000000;
  margin: 4px 2px;
  padding-left: 6px;
}
.blockquote_before_toggle {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.blockquote_before_toggle.collapsed .blockquote_content {
  height: 100%;
  overflow: hidden;
}
.blockquote_before_toggle.collapsed::before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff',GradientType=0);
  content: "";
  display: block;
  bottom: 0;
  height: 100%;
  margin-left: -8px;
  padding: 0px 4px;
  position: absolute;
  width: 100%;
}
.blockquote_toggle {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  border-radius: 4px 4px 4px 4px;
  color: grey;
  cursor: pointer;
  display: inline-block;
  font: 12px/120% Arial, sans-serif;
  padding: 2px 6px;
}
.add_account .popup_panel,
.add_fetcher .popup_panel,
.add_folder .popup_panel,
.folders_setup .popup_panel {
  background: #f1f1f1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat 0 0;
}
.add_fetcher .row.hint {
  margin-bottom: 16px;
}
.items_list.simple_list .item.fetcher .icon {
  display: inline-block;
  font-size: 20px;
  height: 18px;
  vertical-align: bottom;
  width: 18px;
}
.items_list.simple_list .item.fetcher .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.items_list.simple_list .item.fetcher .icon.fetcher:before {
  content: "\e65b";
}
.items_list.simple_list .item.fetcher .icon.default-identity {
  font-family: monospace;
  font-size: 19px;
  height: 17px;
  margin-left: 10px;
}
.items_list.simple_list .item.fetcher .label {
  color: #929292;
}
.items_list.simple_list .item.fetcher .title {
  font-weight: bold;
}
.items_list.simple_list .item.fetcher .info {
  float: right;
}
.items_list.simple_list .item .link.fetcher {
  float: right;
  font-weight: normal;
  margin-left: 12px;
}
.items_list.simple_list .icon_oauth {
  border-radius: 20px;
  max-height: 36px;
  vertical-align: middle;
}
.items_list.simple_list .title_oauth {
  font-size: 10pt;
  font-weight: bold;
  line-height: 36px;
  margin-left: 6px;
  vertical-align: middle;
}
.AdminPanelLayout .items_list.simple_list {
  margin: 0px 20px 30px;
}
.AdminPanelLayout .items_list.simple_list .item .title {
  mask: none;
  -webkit-mask: none;
  -o-mask: none;
  -ms-mask: none;
}
.buttons {
  margin-left: 7px;
}
.buttons .add_account_button {
  background: #6fa8de;
  border: 1px solid #468fd4;
  color: #ffffff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.buttons .add_account_button:hover {
  background: #5a9bd9;
}
.buttons .add_account_button.disabled {
  color: #b7d4ef;
}
.buttons .add_account_button.disabled:hover {
  background: #6fa8de;
}
.buttons .contour_button {
  color: #43d0bf;
}
.buttons .contour_button,
.buttons .contour_button:hover {
  background: white !important;
  text-shadow: none !important;
}
.toolbar .buttons {
  margin: 0;
  padding: 0;
}
.toolbar .buttons .button {
  padding: 5px 20px 4px;
  text-shadow: none;
}
.buttons .item.buttons_send_arrow {
  padding-left: 0 !important;
  margin-left: -11px !important;
}
.buttons .item.buttons_send_arrow .button {
  height: 100%;
  padding: 0 7px;
  vertical-align: middle;
}
.buttons .item.buttons_send_arrow .arrow {
  margin-top: 7px;
  font-family: 'afterlogic';
}
.buttons .dropdown_content {
  background: #43d0bf;
  border: 1px solid #2db3a3;
  color: #ffffff;
}
.buttons .dropdown_content .item {
  text-align: left;
  color: inherit;
  font-size: 16px;
  opacity: 1 !important;
}
.buttons .dropdown_content .item:hover {
  background: #32c8b6;
  color: inherit;
}
.buttons .dropdown_content .item.disabled {
  color: #a1e8df;
}
.buttons .dropdown_content .item.disabled:hover {
  background: #43d0bf;
}
.table-compressor {
  bottom: 0;
  color: #cccccc;
  cursor: pointer;
  height: 16px;
  left: 0%;
  margin-bottom: -8px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.table-compressor:hover {
  color: #999999;
}
.table-compressor.compressed .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.table-compressor .arrow {
  position: absolute;
  top: -2px;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
}
.table-compressor .arrow:after {
  background: white;
  content: "\e66e";
  font-family: 'afterlogic';
  font-size: 18px;
  line-height: 15px;
  position: relative;
  display: inline-block;
  border-radius: 4px;
}
.layout-horiz-split.csstransitions .quick_reply {
  margin: 0 10px;
}
.layout-horiz-split.csstransitions .quick_reply .buttons {
  margin: 0;
}
.layout-horiz-split.csstransitions .quick_reply.active .buttons {
  margin: 10px 0;
}
.layout-horiz-split .quick_reply .row {
  margin: 0;
}
.layout-horiz-split .message_viewer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.layout-horiz-split .message_viewer .panel_content {
  border-top: 1px solid #f1f1f1;
}
.layout-horiz-split .message_viewer .notice .item {
  display: inline-block;
}
.layout-horiz-split .message_viewer .message_header .header_content {
  padding: 8px 12px 4px;
}
.layout-horiz-split .message_viewer .message_header .header_row:last-child {
  margin-top: 0;
}
.layout-horiz-split .message_viewer .message_header .subject {
  font-size: 16pt;
}
.layout-horiz-split .list_notification {
  padding: 6px 14px 12px;
}
.layout-horiz-split .list_notification .description {
  padding-top: 8px;
}
.layout-horiz-split .horiz_split_panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.layout-horiz-split .messages_panel {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.layout-horiz-split .messages_panel .panel_content {
  border-bottom: 1px solid #f1f1f1;
}
.layout-horiz-split .messages_panel .toolbar .content {
  padding: 4px;
}
.layout-horiz-split .messages_panel .toolbar .item {
  /*				.icon {
					display: none;
					&.arrow {
						display: inline-block;
					}
				}*/
}
.layout-horiz-split .messages_panel .toolbar .item.checkstate {
  float: left;
}
.layout-horiz-split .messages_panel .toolbar .item .text {
  display: inline-block;
  font-size: 11pt;
}
.layout-horiz-split .messages_panel .panel_top .search_block {
  width: 60%;
}
.layout-horiz-split .messages_panel .panel_center {
  border-radius: 0 0 4px 4px;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content {
  padding: 6px 16px 6px 14px;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .controls {
  display: inline-flex;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .controls .custom_checkbox {
  margin-right: 10px;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .controls .flag {
  margin-top: -3px;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .date,
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .attachments,
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .from,
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .separator,
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .thread-pin,
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .subject {
  display: inline-block;
  margin-top: 0 !important;
  margin-bottom: 0;
  vertical-align: middle;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .from {
  width: 30%;
  margin: 0 !important;
  min-height: unset;
  font-size: 11pt;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .subject {
  width: 50%;
  font-size: 11pt;
  line-height: normal;
}
.layout-horiz-split .messages_panel .panel_center .message_list .item_content .data .thread-pin {
  font-size: 8pt;
  padding: 2px 8px 2px;
  margin-right: 4px;
}
.layout-horiz-split .messages_panel .middle_bar {
  position: relative;
}
.layout-horiz-split .messages_panel .middle_bar .panel_bottom {
  position: absolute;
  right: 0;
  background: none;
  padding: 5px;
  top: 0;
}
.settings .folders .controls .button.template:before {
  content: "\e90f";
}
.settings .folders .controls .button.template.turned-on:before {
  content: "\e90e";
}
.settings .folders .controls .button.always-refresh:before {
  content: "\e911";
}
.settings .folders .controls .button.always-refresh.turned-on:before {
  content: "\e910";
}
.folders .item .icon.type8:before {
  content: "\e90e";
}
.mail-servers-pagination {
  margin: -20px 25px 90px;
}
.mail-servers-pagination .pagination {
  float: left;
  margin-top: 5px;
}
.mail-servers-pagination .search_block {
  float: left;
  width: 300px;
}
.login_panel .social {
  margin-bottom: 10px;
  text-align: left;
}
.login_panel .social .info {
  color: #929292;
  font-size: 14px;
  margin: 14px 2px 10px;
  text-align: center;
}
.login_panel .social .button {
  background-repeat: no-repeat;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  height: 18px;
  margin-bottom: 14px;
  padding: 10px 15px 10px 54px;
  position: relative;
  text-align: left;
}
.login_panel .social .button .border {
  width: 1px;
  height: 38px;
  position: absolute;
  left: 38px;
  top: 0;
}
.login_panel .social .button .text {
  font-size: 10.5pt;
  font-weight: normal;
}
.login_panel .social .info {
  color: #fff;
}
.popup_panel .label.pgp_password {
  text-align: right;
}
.popup_panel .import_pgp_key_area {
  height: 300px;
  width: 530px;
}
.popup_panel .import_pgp_key_area .headline {
  margin: 30px 0 10px;
  font-size: 16px;
}
.popup_panel .import_pgp_key_area .key_item {
  margin: 0 0 10px 0;
}
.popup_panel .import_pgp_key_area .key_item.disabled {
  color: #929292;
  padding-left: 24px;
}
.popup_panel .import_pgp_key_area .key_item .key_email {
  font-weight: bold;
}
.popup_panel .view_pgp_key_area {
  height: 400px;
  width: 530px;
}
.recaptcha-place-cover {
  margin-left: -30px;
}
.panels.settings .folders .items_list .item {
  background: none;
  max-height: inherit;
}
.panels.settings .folders .items_list .item > .title {
  color: #aaaaaa;
  cursor: default;
  display: block;
  font-size: 11pt;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0px;
  outline: none;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 16px;
  text-decoration: none;
  white-space: nowrap;
}
.panels.settings .folders .items_list .item > .title .name {
  display: block;
  margin-right: 10px;
  overflow: hidden;
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panels.settings .folders .items_list .item > .title .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
html.rtl .panels.settings .folders .items_list .item > .title .name {
  margin-left: 10px;
  margin-right: 0px;
}
.panels.settings .folders .items_list .item > .title.droppableHover .name {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panels.settings .folders .items_list .item > .title.droppableHover .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.panels.settings .folders .items_list .item > .title .text {
  display: inline-block;
  vertical-align: bottom;
}
.panels.settings .folders .items_list .item > .title .icon {
  display: inline-block;
  height: 20px;
  vertical-align: bottom;
  width: 20px;
}
.panels.settings .folders .items_list .item > .title .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panels.settings .folders .items_list .item > .title .icon:before {
  display: inline-block;
  height: 100%;
  font-size: 20px;
  width: 100%;
}
.panels.settings .folders .items_list .item.canSelect > .title {
  color: #777777;
  cursor: pointer;
  text-shadow: 0px 1px 0px #ffffff;
}
.panels.settings .folders .items_list .item.canSelect > .title:hover {
  color: #444444;
}
.panels.settings .folders .items_list .item.canSelect > .title:hover .icon {
  color: inherit;
}
.panels.settings .folders .items_list .item.canSelect > .title.virtualEmpty .title,
.panels.settings .folders .items_list .item.canSelect > .title.virtualEmpty .title:hover {
  color: #aaaaaa;
}
.panels.settings .folders .items_list .item.canSelect > .title.ui-state-disabled {
  cursor: pointer !important;
}
.panels.settings .folders .items_list .item.selected > .title {
  background: #287B8B;
  color: #ffffff !important;
  text-shadow: none;
}
.panels.settings .folders .items_list .item .count {
  display: inline-block;
  float: right;
  margin-right: 0px;
  margin-top: 0px;
  padding: 2px 10px 1px;
  line-height: 1.3;
}
html.rtl .panels.settings .folders .items_list .item .count {
  float: left;
  margin-left: 10px;
  margin-right: 0px;
}
.panels.settings .folders .items_list .item .count.total {
  color: #ececec;
}
.panels.settings .folders .items_list .item .count:first-child {
  margin-right: 10px;
}
.panels.settings .folders .items_list .item .count.unseen:hover {
  border-radius: 11px/10px;
  background: #67a398;
}
.panels.settings .folders .items_list .item.selected > .title .count.unseen {
  border-radius: 11px/10px;
  background: #74b7ab;
  box-shadow: 0px 1px 1px #67a398 inset, 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.panels.settings .folders .items_list .item.selected > .title .count.unseen:hover {
  background: #67a398;
}
.panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
}
.panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler:before {
  display: inline-block;
  font-size: 16px;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}
.panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler.expanded:before {
  content: "\e66e";
}
.panels.settings .folders .items_list.collapsible .item.accordion .collapse_handler.collapsed:before {
  content: "\e66d";
}
.panels.settings .folders .items_list.collapsible .item.accordion.canNotSelect .collapse_handler {
  color: #777777;
  cursor: pointer;
  text-shadow: 0px 1px 0px #ffffff;
}
.panels.settings .folders .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover {
  color: #444444;
}
.panels.settings .folders .items_list.collapsible .item.accordion.canNotSelect .collapse_handler:hover .icon {
  color: inherit;
}
.panels.settings .folders .items_list.collapsible .item.accordion .children .title {
  max-height: 29px;
  -webkit-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
  -moz-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
  -o-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
  transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms;
}
.panels.settings .folders .items_list.collapsible .item.accordion.collapsed .children .title {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 0px;
  padding-top: 0px;
}
.cssanimations .panels.settings .folders .item .title.recivedAnim {
  -webkit-animation: highlight 0.5s linear;
  -moz-animation: highlight 0.5s linear;
  animation: highlight 0.5s linear;
}
.panels.settings .folders .item .title.droppableHover {
  background: #dfdcd4 !important;
  color: #626262 !important;
  text-shadow: 0px 1px 0px #ffffff !important;
}
.panels.settings .folders .item.selected > .title.droppableHover {
  background: #2a6470 !important;
  color: #ffffff !important;
  text-shadow: 0px 1px 0px #678197 !important;
}
.panels.settings .folders .items_list .item .count {
  background: none;
}
.panels.settings .folders .items_list .item .title .name {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panels.settings .folders .items_list .item .title .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.panels.settings .folders .items_list .item.canDrag .title:hover .name {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panels.settings .folders .items_list .item.canDrag .title:hover .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
html.non-adjustable .panels.settings .panel {
  margin-bottom: 4px;
}
.panels.settings .panel.data {
  width: 850px;
  background: #f9f9f9;
}
.panels.settings .panel.data.modules {
  overflow: hidden;
}
.panels.settings .panel.navigation_panel {
  width: 15%;
}
.panels.settings .panel.navigation_panel .middle_bar {
  margin-top: 0px;
  padding-top: 22px;
}
.panels.settings .panel.navigation_panel .item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panels.settings .panel.navigation_panel .item .name {
  mask: url(images/filters.svg#masking);
  -webkit-mask: url(images/mask.png) repeat-y top right;
  -o-mask: url(images/mask.png?) repeat-y top right;
  -ms-mask: url(images/mask.png) repeat-y top right;
}
html.rtl .panels.settings .panel.navigation_panel .item .name {
  mask: url(images/filters.svg#masking_rtl);
  -webkit-mask: url(images/mask_rtl.png) repeat-y top left;
  -o-mask: url(images/mask_rtl.png) repeat-y top left;
  -ms-mask: url(images/mask_rtl.png) repeat-y top left;
}
.panels.settings .panel.navigation_panel .item .icon {
  display: inline-block;
  height: 19px;
  margin-right: 4px;
  vertical-align: middle;
  width: 18px;
}
.panels.settings .panel.navigation_panel .item .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panels.settings .panel.navigation_panel .item .icon:before {
  display: inline-block;
  font-size: 20px;
  height: 100%;
  width: 100%;
}
.panels.settings .panel.navigation_panel .item.common .icon:before {
  content: "\e639";
}
.panels.settings .panel.navigation_panel .item.mail .icon:before,
.panels.settings .panel.navigation_panel .item.mail-accounts .icon:before {
  content: "\e638";
}
.panels.settings .panel.navigation_panel .item.calendar .icon:before {
  content: "\e63a";
}
.panels.settings .panel.navigation_panel .item.contacts .icon:before {
  content: "\e903";
}
.panels.settings .panel.navigation_panel .item.services .icon:before {
  content: "\e672";
}
.panels.settings .panel.navigation_panel .item.files .icon:before {
  content: "\e656";
}
.panels.settings .panel.navigation_panel .item.mobilesync .icon:before {
  content: "\e636";
}
.panels.settings .panel.navigation_panel .item.outlooksync .icon:before {
  content: "\e635";
}
.panels.settings .panel.navigation_panel .item.helpdesk .icon:before {
  content: "\e637";
}
.panels.settings .panel.navigation_panel .item.openpgp .icon:before {
  content: "\e658";
}
.panels.settings .navigation_panel .panel_content {
  margin-right: 0px;
}
.panels.settings .panel_top {
  border: 0px;
  padding: 0px;
}
.panels.settings .panel_center {
  background: none;
}
.panels.settings .settings_heading {
  color: #4d4d4d;
  margin: 0px;
  padding: 35px 20px 15px;
}
.panels.settings .fieldset {
  background: #f1f1f1;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=');
  background-position: 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin: 0px 20px 20px;
  padding: 20px;
}
.panels.settings .fieldblock {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d0d0da;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 14px;
  padding: 14px;
}
.panels.settings .fields .row {
  margin-bottom: 14px;
}
.panels.settings .fields .row:last-child {
  margin-bottom: 0px;
}
.panels.settings .fields .row .label {
  color: #626262;
  width: 150px;
  word-wrap: break-word;
}
.panels.settings .fields .row label {
  color: #626262;
}
.panels.settings .fields .row .input {
  font-size: 10pt;
  padding: 7px 9px 6px;
}
.panels.settings .fields .row .value.offset {
  display: inline-block;
  padding-left: 150px;
}
.panels.settings .fields .row .value.text {
  font-weight: bold;
  display: inline-block;
  padding: 7px 9px 6px;
  width: 300px;
}
.panels.settings .fields .row .value.text.port {
  width: auto;
}
.panels.settings .fields .row .custom_radio {
  margin-left: 16px;
}
.panels.settings .fields .row .custom_radio:first-child {
  margin-left: 0px;
}
.panels.settings .fields .fieldblock .label {
  width: 135px;
}
.panels.settings .pgp .fields .row .value.offset {
  padding-left: 0;
}
.panels.settings .fields .hint {
  padding: 4px 6px;
  margin: -12px -6px 12px;
}
.panels.settings .signature .fields .hint {
  margin: -12px -6px 12px 14px;
}
.panels.settings .mobile_sync .fields .label {
  float: left;
}
.panels.settings .mobile_sync .fields .value {
  display: block;
  overflow: hidden;
  word-wrap: break-word;
  -ms-word-break: break-all;
}
.panels.settings .workday .input.start,
.panels.settings .workday .input.end {
  width: 125px;
}
.panels.settings .ios_profile a {
  text-decoration: none;
  -webkit-transition: color 300ms ease 0s;
  -moz-transition: color 300ms ease 0s;
  -o-transition: color 300ms ease 0s;
  transition: color 300ms ease 0s;
}
.panels.settings .ios_profile a .icon {
  color: #91908e;
  display: inline-block;
  font-size: 26px;
  height: 31px;
  margin-top: 0;
  vertical-align: middle;
  width: 28px;
  -webkit-transition: opacity 300ms ease 0s;
  -moz-transition: opacity 300ms ease 0s;
  -o-transition: opacity 300ms ease 0s;
  transition: opacity 300ms ease 0s;
}
.panels.settings .ios_profile a .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panels.settings .ios_profile a .icon:before {
  content: "\e63d";
}
.panels.settings .ios_profile a:hover .icon {
  opacity: 0.8;
}
.panels.settings .panel.data .panel_center .buttons {
  margin: 0px 20px 15px;
}
.panels.settings .panel.data .panel_center .fieldset .buttons {
  margin: 0px 0px 15px 0px;
}
.settings .tabs {
  margin-bottom: 16px;
  margin-top: 20px;
}
.settings .tabs .tabs-links {
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
}
.settings .tabs .shortcuts {
  font-size: 0pt;
  margin: 0px 20px;
  padding: 0px 0px 0px 20px;
}
.settings .tabs .shortcuts .item {
  display: inline-block;
  font-size: 9pt;
  vertical-align: bottom;
}
.settings .tabs .shortcuts .item a {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-bottom: 0px;
  border-radius: 4px 4px 0px 0px;
  color: #828282;
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
  outline: none;
  padding: 6px 12px 6px;
  text-decoration: none;
}
.settings .tabs .shortcuts .item.selected a {
  background: #f1f1f1;
  color: #3d3d3d;
  margin-bottom: -1px;
  padding-bottom: 7px;
}
.settings .mail-accounts .panel_top .buttons {
  float: right;
  margin: 30px 20px 15px;
}
.row.keys_label {
  margin-bottom: 6px !important;
}
.settings .folders.items_list {
  margin-bottom: 10px;
}
.settings .folders.items_list .first_sortable_container {
  position: relative;
}
.settings .folders.items_list .item {
  background: none;
  border-top: 1px solid #cccccc;
  max-height: inherit;
  overflow: visible;
  position: static;
}
.settings .folders.items_list .item.ui-sortable-helper {
  background-color: rgba(240, 240, 240, 0.8);
  box-shadow: inset 0px 0px 1px #ddd;
}
.settings .folders.items_list .item.ui-sortable-helper .title {
  background-color: rgba(240, 240, 240, 0.8);
}
.settings .folders.items_list > .item:first-child {
  border-top: 0px;
}
.settings .folders.items_list .title {
  padding-bottom: 7px;
  padding-right: 0px;
  padding-top: 4px;
  position: relative;
}
.settings .folders.items_list .title:hover {
  background: rgba(0, 0, 0, 0.03);
}
.settings .folders.items_list .canDrag .title:hover:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.settings .folders.items_list .canDrag .title:hover:before {
  content: "\e65d";
  display: inline-block;
  font-size: 20px;
  height: 20px;
  left: 0px;
  position: absolute;
  top: 4px;
  width: 20px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.settings .folders.items_list .title .input {
  width: 200px;
}
.settings .folders.items_list .controls {
  float: right;
}
htm.rtl .settings .folders.items_list .controls {
  float: left;
}
.settings .folders.items_list .controls .button {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  font-size: 20px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.settings .folders.items_list .controls .button:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.settings .folders.items_list .controls .button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.settings .folders.items_list .controls .button.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default !important;
}
.settings .folders.items_list .controls .button.delete:before {
  content: "\e65f";
}
.settings .folders.items_list .controls .button.subscribe:before {
  content: "\e660";
}
.settings .folders.items_list .controls .button.subscribe.subscribed:before {
  content: "\e65e";
}
.settings .folders.items_list .controls .button.up {
  background-position: -680px -120px;
}
.settings .folders.items_list .controls .button.up:hover {
  background-position: -680px -140px;
}
.settings .folders.items_list .controls .button.down {
  background-position: -700px -120px;
}
.settings .folders.items_list .controls .button.down:hover {
  background-position: -700px -140px;
}
.settings .folders.items_list .total .count {
  margin-right: 62px !important;
}
html.rtl .settings .folders.items_list .total .count {
  margin-right: 0px;
  margin-left: 62px !important;
}
.settings .fields .filter .value {
  word-spacing: 0.7ex;
}
.settings .fields .filter .value .part {
  display: inline-block;
  word-spacing: normal;
}
.settings .fields .filter .input {
  margin: 0px;
  padding: 2px;
  width: 75px;
}
.settings .fields .filter .buttons {
  float: right;
  margin: 0px;
}
.settings .fields .filter .field {
  display: inline-block;
  position: relative;
}
.settings .fields .filter .link,
.settings .fields .filter .link:hover {
  border-bottom: 1px dashed #4477bb;
  color: #4477bb;
  text-decoration: none;
}
.settings .helpdesk .input,
.settings .autoresponder .input {
  width: 520px;
}
.settings .helpdesk .signature .input,
.settings .autoresponder .message .input {
  height: 145px;
}
.settings .signature .editor_row .custom_radio {
  float: left;
  margin-right: 4px;
}
html.rtl .settings .signature .editor_row .custom_radio {
  float: right;
  margin-right: 0px;
  margin-left: 4px;
}
.settings .signature .editor_row .editor {
  height: 200px;
  margin-left: 18px;
  padding-top: 1px;
}
html.rtl .settings .signature .editor_row .editor {
  margin-left: 0px;
  margin-right: 18px;
}
.settings .signature .editor_row .editor .html_editor {
  pointer-events: none;
}
.settings .signature .editor_row .editor .html_editor > * {
  pointer-events: auto;
}
.LoginLayout {
  height: auto !important;
  min-height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
html.mobile .LoginLayout {
  background: #1998a4 no-repeat 0 0 / cover url("themes/Default/images/background.jpg");
}
.LoginLayout .vhelper {
  display: inline-block;
  display: none;
  height: 100%;
  vertical-align: middle;
  width: 0px;
}
.LoginLayout.with_bottom_text {
  position: relative;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.LoginLayout.with_bottom_text .bottom_description {
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
.LoginLayout.with_bottom_text .bottom_description a {
  color: inherit;
  text-decoration: underline;
}
.login_panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #929292;
  display: inline-block;
  font-size: 9pt;
  padding: 20px;
  vertical-align: middle;
  width: 280px;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .welcome {
  color: #68483d !important;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .welcome {
  color: #68483d !important;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .description a {
  color: #fff !important;
}
.login_panel .welcome {
  z-index: 12345;
  color: #68483d !important;
}
.login_panel .bottom_description {
  color: #92EBEF !important;
  z-index: 12345;
}
.login_panel .description {
  color: #fff !important;
}
.login_panel .description a {
  color: #fff !important;
}
.login_panel .welcome {
  z-index: 12345;
  color: #68483d !important;
}
.login_panel .bottom_description {
  color: #92EBEF !important;
  z-index: 12345;
}
.login_panel .header {
  height: 95px;
  margin-bottom: 30px;
}
.login_panel .header.custom_logo {
  background: none;
  height: auto;
}
.login_panel .header .icon {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.login_panel .header .text {
  display: none;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .header .icon {
  height: 95px;
  width: 130px;
}
.login_panel .header .icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .header .icon:before {
  color: #25AEB8;
  text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1c868e, -1px -1px #219aa3;
  content: "\e63c";
  display: inline-block;
  font-size: 140px;
  height: 100%;
  margin-top: -20px;
  vertical-align: middle;
  width: 100%;
}
.login_panel .welcome {
  margin-bottom: 20px;
  font-size: 14px;
}
.login_panel .welcome .name {
  font-style: italic;
  font-size: 17px;
  color: #6d5454;
}
.login_panel .login_panel_content {
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  -o-perspective: 4000px;
  perspective: 4000px;
  position: relative;
}
.login_panel .login_panel_content .col {
  -webkit-perspective: 4000px;
  -moz-perspective: 4000px;
  -o-perspective: 4000px;
  perspective: 4000px;
}
.login_panel .login_panel_content .col.left {
  margin-right: 276px;
  padding-right: 20px;
  text-align: center;
}
.login_panel .login_panel_content .col.right {
  position: absolute;
  right: 0px;
  width: 276px;
}
.login_panel .login_panel_content .content {
  box-shadow: 0px 0px 0px #ffffff;
  float: left;
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
  width: 100%;
  -webkit-transition: -webkit-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms;
  -moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms;
  transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 290ms;
}
.login_panel .login_panel_content .content.register,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.social_register {
  left: 50%;
  margin-left: -130px;
  position: relative;
  width: 260px;
}
.login_panel .login_panel_content .content.send_question {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.login_panel .login_panel_content .content.send_question .question {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0 1px 1px #dddddd inset;
  color: #000000;
  font-size: 11pt;
  height: 214px;
  padding: 6px 8px;
  resize: none;
  width: 100%;
}
.login_panel .login_panel_content .content.forgot .row {
  border-radius: 4px !important;
}
.login_panel .login_panel_content .content.register,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.social_register {
  text-align: center;
}
.login_panel .login_panel_content .content.social_register .question_title,
.login_panel .login_panel_content .content.send_question .question_title {
  color: #929292;
  display: block;
  font-size: 11pt;
}
.login_panel .login_panel_content .content.forgot,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.register,
.login_panel .login_panel_content .content.signin,
.login_panel .login_panel_content .content.activation,
.login_panel .login_panel_content .content.changepass,
.login_panel .login_panel_content .content.social_register {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin-top: -100000px;
  opacity: 0;
  visibility: hidden;
}
.login_panel .login_panel_content .content.activation {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  font-size: 12pt;
  text-shadow: 0px 1px 0px #f3f3f3;
  white-space: normal;
  width: 240px;
}
.login_panel.flipForgot .content.login,
.login_panel.flipChangepass .content.send_question,
.login_panel.flipRegister .content.login,
.login_panel.flipRegister .content.send_question,
.login_panel.flipRegister.flipForgot .content.forgot,
.login_panel.flipSignin .content.login,
.login_panel.flipSocialRegister .content.login,
.login_panel.flipSocialRegister .content.send_question,
.login_panel.flipActivation .content.login,
.login_panel.flipChangepass .content.login {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  margin-top: -100000px;
  opacity: 0;
  visibility: hidden;
}
.login_panel.flipForgot .content.forgot,
.login_panel.flipChangepass .content.changepass,
.login_panel.flipRegister .content.register,
.login_panel.flipSignin .content.signin,
.login_panel.flipSocialRegister .content.social_register {
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}
.login_panel.flipActivation .content.activation {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
}
.login_panel .description {
  color: #929292;
  margin-top: 20px;
}
.login_panel .social_description {
  background: #d7dcdf;
  border: 1px solid #c7cccf;
  border-radius: 4px;
  color: #464646;
  margin: 20px;
  margin-left: -85px;
  padding: 10px;
  width: 400px;
}
.login_panel .row {
  background: #ffffff;
  border: 1px solid #cac7c7;
  margin: -1px 0px 0px;
  padding: 10px;
  padding-left: 30px;
  text-align: right;
  white-space: nowrap;
}
html.rtl .login_panel .row {
  padding-left: 10px;
  padding-right: 30px;
}
html.rtl .login_panel .row.buttons {
  padding-left: 0px;
  padding-right: 0px;
}
.login_panel .row.focused {
  background: #fff3ce;
  border-color: #cfbf8e;
  position: relative;
}
.login_panel .row.shake {
  -webkit-animation: shake 0.8s linear;
  -moz-animation: shake 0.8s linear;
  animation: shake 0.8s linear;
}
.login_panel .row:first-child {
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0 1px 1px #dddddd inset;
}
.login_panel .row:last-child {
  border-radius: 0px 0px 4px 4px;
  border-width: 1px;
}
.login_panel .row .value {
  vertical-align: middle;
}
.login_panel .row .value.suffix {
  margin-left: 16px;
}
.login_panel .row .value.suffix .text {
  color: #777777;
  font: 12pt Helvetica, Tahoma, Arial, sans-serif;
}
.login_panel .row .placeholder {
  display: inline-block;
  cursor: text;
  float: none;
  font-size: 12pt;
  height: 20px;
  margin-left: -20px;
  position: relative;
  text-indent: 0px;
  vertical-align: middle;
  width: 20px;
  zoom: 1;
}
html.rtl .login_panel .row .placeholder {
  margin-left: 0px;
  margin-right: -20px;
}
.login_panel .row .placeholder:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login_panel .row .placeholder:before {
  color: #d5d4d2;
  display: inline-block;
  font-size: 22px;
  height: 20px;
  margin-right: 4px;
  margin-top: -6px;
  vertical-align: middle;
  width: 20px;
}
html.rtl .login_panel .row .placeholder:before {
  margin-left: 4px;
  margin-right: 0px;
}
.login_panel .row.filled .placeholder:before,
.login_panel .row.focused .placeholder:before {
  color: #cbc9c6;
}
.login_panel .row.email > .placeholder:before {
  content: "\e627";
}
.login_panel .row.password > .placeholder:before {
  content: "\e625";
}
.login_panel .row.name > .placeholder:before,
.login_panel .row.login > .placeholder:before {
  content: "\e626";
}
.login_panel .row.question,
.login_panel .row.answer {
  padding-left: 10px;
}
.login_panel .row.question html.rtl,
.login_panel .row.answer html.rtl {
  padding-right: 10px;
}
.login_panel .row.question .placeholder,
.login_panel .row.answer .placeholder {
  width: 0px;
}
.login_panel .row .input {
  background: transparent;
  border: 0px !important;
  border-radius: 0px;
  box-shadow: none;
  color: #444;
  display: inline-block;
  font: 12pt Helvetica, Tahoma, Arial, sans-serif;
  outline: none;
  padding: 1px 0px;
  text-align: left;
  text-indent: 3px;
  width: 100%;
}
html.rtl .login_panel .row .input {
  text-align: right;
}
.login_panel .row .input:focus {
  box-shadow: none;
}
.login_panel .row .input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.login_panel .row .input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff3ce inset !important;
}
.login_panel .custom_checkbox.focus {
  box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd;
}
.login_panel .custom_checkbox.focus .icon {
  border: 1px solid #ffffff;
}
.login_panel .signme,
.login_panel .links {
  background: none;
  border: 0px;
  border-radius: 0px;
  font-size: 9pt;
  margin-bottom: 14px;
  padding: 0px;
  text-align: left;
}
html.rtl .login_panel .signme,
html.rtl .login_panel .links {
  text-align: right;
}
.login_panel .signme .signme_label {
  cursor: pointer;
  font-size: 9pt;
  height: auto;
  text-indent: 0px;
  width: auto;
}
.login_panel .signme input {
  vertical-align: middle;
}
.login_panel .links .forgot {
  float: right;
  margin-left: 16px;
}
.login_panel.login .row.login {
  border-radius: 4px 4px 0px 0px;
}
.login_panel.login.email .row.login {
  border-radius: 0px;
}
.LoginLayout .languages {
  border-radius: 5px;
  padding: 10px 16px;
  position: fixed;
  right: 20px;
  top: 20px;
}
html.rtl .LoginLayout .languages {
  left: 20px;
  right: auto;
}
.LoginLayout .languages .custom_selector .control .icon {
  color: #000;
}
.LoginLayout .languages .custom_selector .control .icon:before {
  font-size: 18px;
}
.register .LoginLayout .languages .custom_selector .name {
  display: inline-block;
  height: 15px;
}
.LoginLayout .languages .custom_selector .dropdown_arrow {
  float: right;
  margin-right: 22px;
}
.LoginLayout .languages .custom_selector .dropdown_content {
  padding: 0px;
  width: 105%;
}
.register .LoginLayout .languages .custom_selector .dropdown_content {
  position: relative;
}
.LoginLayout .languages .custom_selector .item {
  border-bottom: 1px solid #CBC8C0;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  padding: 8px 12px;
  white-space: nowrap;
}
.LoginLayout .languages .custom_selector .item.selected {
  background: #f0f0f0;
}
.LoginLayout .languages .custom_selector .item:hover {
  background: #fafafa;
}
.LoginLayout .languages .name .text {
  display: none;
}
.LoginLayout .languages .icon {
  background: url("images/sprites.png") no-repeat 40px -400px;
  display: inline-block;
  height: 11px;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) {
  .LoginLayout .languages .icon {
    background-image: url("images/sprites2x.png");
    background-size: 1440px 560px;
  }
}
html.rtl .LoginLayout .languages .icon {
  margin-left: 4px;
  margin-right: 0px;
}
.LoginLayout .languages .English .icon {
  background-position: 0px -480px;
}
.LoginLayout .languages .Arabic .icon {
  background-position: -80px -520px;
}
.LoginLayout .languages .Bulgarian .icon {
  background-position: -40px -480px;
}
.LoginLayout .languages .Chinese-Simplified .icon {
  background-position: -80px -480px;
}
.LoginLayout .languages .Chinese-Traditional .icon {
  background-position: -80px -480px;
}
.LoginLayout .languages .Czech .icon {
  background-position: -120px -480px;
}
.LoginLayout .languages .Danish .icon {
  background-position: -160px -480px;
}
.LoginLayout .languages .Dutch .icon {
  background-position: -640px -480px;
}
.LoginLayout .languages .Estonian .icon {
  background-position: -200px -480px;
}
.LoginLayout .languages .Finnish .icon {
  background-position: -240px -480px;
}
.LoginLayout .languages .French .icon {
  background-position: -280px -480px;
}
.LoginLayout .languages .German .icon {
  background-position: -320px -480px;
}
.LoginLayout .languages .Greek .icon {
  background-position: -360px -480px;
}
.LoginLayout .languages .Hebrew .icon {
  background-position: -440px -480px;
}
.LoginLayout .languages .Hungarian .icon {
  background-position: -400px -480px;
}
.LoginLayout .languages .Italian .icon {
  background-position: -480px -480px;
}
.LoginLayout .languages .Japanese .icon {
  background-position: -520px -480px;
}
.LoginLayout .languages .Korean .icon {
  background-position: -120px -520px;
}
.LoginLayout .languages .Latvian .icon {
  background-position: -560px -480px;
}
.LoginLayout .languages .Lithuanian .icon {
  background-position: -600px -480px;
}
.LoginLayout .languages .Norwegian .icon {
  background-position: -680px -480px;
}
.LoginLayout .languages .Persian .icon {
  background-position: -360px -520px;
}
.LoginLayout .languages .Polish .icon {
  background-position: -720px -480px;
}
.LoginLayout .languages .Portuguese-Brazil .icon {
  background-position: -760px -480px;
}
.LoginLayout .languages .Romanian .icon {
  background-position: 0px -520px;
}
.LoginLayout .languages .Russian .icon {
  background-position: -40px -520px;
}
.LoginLayout .languages .Spanish .icon {
  background-position: -160px -520px;
}
.LoginLayout .languages .Swedish .icon {
  background-position: -200px -520px;
}
.LoginLayout .languages .Thai .icon {
  background-position: -240px -520px;
}
.LoginLayout .languages .Turkish .icon {
  background-position: -280px -520px;
}
.LoginLayout .languages .Ukrainian .icon {
  background-position: -320px -520px;
}
.LoginLayout .languages .Serbian .icon {
  background-position: -400px -520px;
}
.LoginLayout .languages .Portuguese-Portuguese .icon {
  background-position: -800px -480px;
}
.LoginLayout .languages .Vietnamese .icon {
  background-position: -440px -520px;
}
.LoginLayout .languages .Slovenian .icon {
  background-position: -480px -520px;
}
.LoginLayout .languages .Slovak .icon {
  background-position: -520px -520px;
}
.LoginLayout .languages.demo {
  border: 1px solid #C7CCCF;
  border-radius: 4px;
  clear: both;
  left: auto;
  margin-left: -172px;
  margin-top: 20px;
  padding: 10px 14px;
  position: relative !important;
  right: auto;
  text-align: left;
  top: 20px;
  width: 590px;
  background: #9EE6D4;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C1CDB8), color-stop(1, #9EE6D4));
  background: -webkit-linear-gradient(bottom, #C1CDB8 0%, #9EE6D4 100%);
  background: -ms-linear-gradient(bottom, #C1CDB8, #9EE6D4);
  background: -moz-linear-gradient(center bottom, #C1CDB8 0%, #9EE6D4 100%);
  background: -o-linear-gradient(#9EE6D4, #C1CDB8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9EE6D4', endColorstr='#C1CDB8', GradientType=0);
}
html.rtl .LoginLayout .languages.demo {
  margin-left: 0;
  margin-right: -172px;
  text-align: right;
}
.LoginLayout .languages.demo .langs_heading {
  color: #464646;
  font-size: 12pt;
  margin-bottom: 10px;
  text-align: center;
}
.LoginLayout .languages.demo .item {
  color: #555555;
  display: inline-block;
  width: 24%;
}
.LoginLayout .languages.demo .item .item_content {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  padding: 3px 6px;
  white-space: nowrap;
}
.LoginLayout .languages.demo .item .item_content:hover {
  background-color: #67C0B7;
  color: #333333;
}
.LoginLayout .languages.demo .item .item_content .text {
  display: inline-block;
  vertical-align: middle;
}
.LoginLayout .languages.demo .item.selected .item_content {
  background: #2993A2;
  color: #fff;
}
.LoginLayout .buttons {
  background: none;
  border: 0px;
  margin: 20px 0 14px;
  padding: 0px;
}
.LoginLayout .buttons .button {
  display: block;
  font-size: 12pt;
  padding: 10px;
  width: 100%;
}
.LoginLayout .buttons .button:focus {
  border: 1px solid #eee;
}
.block_security_key_inprogress {
  background: url("images/wait.gif") no-repeat center;
  height: 20px;
  text-align: center;
}
.popup_panel.popup_verify_second_factor {
  max-width: 610px;
}
.popup_panel.popup_verify_second_factor .link_other_options {
  text-align: right;
  margin-top: 15px;
}
.popup_panel.popup_verify_second_factor .button_other_option {
  display: block;
}
.popup_panel.popup_configure_authenticator_app {
  max-width: 610px;
}
.popup_panel.popup_configure_authenticator_app .authenticator_app_qr_code {
  display: inline-block;
  height: 200px;
}
.popup_panel.popup_configure_authenticator_app .authenticator_app_qr_code .authenticator_app_qr_code_inprogress {
  background: url("images/wait.gif") no-repeat center;
  height: 200px;
  position: absolute;
  width: 200px;
}
.popup_panel.popup_configure_authenticator_app .authenticator_app_secret {
  height: 14px;
}
.popup_panel.popup_show_backup_codes .hint {
  min-height: 14px;
}
.popup_panel.popup_show_backup_codes .big_single_button {
  text-align: center;
}
.panels.settings .panel.navigation_panel .item.two-factor-auth .icon:before {
  content: "\e915";
}
.backup-codes-container {
  height: 170px;
  margin: 10px;
  width: 300px;
}
.backup-codes-container div {
  display: inline-block;
  font-family: Consolas;
  padding: 10px 0;
  width: 49%;
}
.panels.settings .two-factor-auth .row.hint:first-child {
  margin: 0 -6px 12px;
}
.panels.settings .two-factor-auth .row.hint:last-child {
  margin-bottom: 0 !important;
}
.panels.settings .two-factor-auth .buttons {
  text-align: left;
  margin: 0 !important;
}
.panels.settings .two-factor-auth .buttons .button {
  margin-right: 10px;
}
.panels.settings .two-factor-auth h3:first-child {
  margin-top: 0;
}
.panels.settings .two-factor-auth h3:last-child {
  margin-bottom: 0;
}
.panels.settings .two-factor-auth .folders .items_list .item:last-child {
  border-bottom: 1px solid #cccccc;
}
.panels.settings .two-factor-auth .folders .items_list .item .title {
  cursor: default;
}
.panels.settings .two-factor-auth .folders .items_list .item .title .name {
  line-height: 1.4;
}
.panels.settings .two-factor-auth .folders .items_list .item .title .name .name_empty {
  color: #c1bfbf;
}
.panels.settings .two-factor-auth .folders .items_list .item .title .name .text_hint {
  color: #929292;
  font-size: smaller;
}
.panels.settings .two-factor-auth .folders.items_list .controls .button.rename {
  font-size: 26px;
  margin-top: -2px;
  margin-right: 6px;
}
.panels.settings .two-factor-auth .folders.items_list .controls .button.rename:before {
  content: "\e62d";
}
.panels.settings .two-factor-auth .folders.items_list .controls .button.delete {
  vertical-align: top;
}
.panels.settings .two-factor-auth .device-active-icon {
  color: #96c671;
  font-size: 10pt;
}
.panels.settings .two-factor-auth .device-active-icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panels.settings .two-factor-auth .device-active-icon:before {
  content: "\e649";
}
.panels.settings .two-factor-auth .back-to-security-icon {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1.5em;
  margin-top: -4px;
}
.panels.settings .two-factor-auth .back-to-security-icon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-family: 'afterlogic';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panels.settings .two-factor-auth .back-to-security-icon:before {
  content: "\e671";
}
.panels.settings .two-factor-auth .custom_checkbox.round {
  border-radius: 50%;
  margin-left: 2px;
  padding: 3px;
  vertical-align: middle;
}
.panels.settings .two-factor-auth .custom_checkbox.round .icon {
  background: #96c671;
  border-radius: 50%;
  color: white;
  margin-left: -1px;
  margin-top: -1px;
}
.panels.settings .two-factor-auth .custom_checkbox.round .icon:before {
  font-size: 7pt;
  margin-top: 1px;
}
.settings .folders .controls .button.logout:before {
  content: "\e91f";
}
.settings .folders .controls .button.delete_device:before {
  content: "\e606";
}