/*********************
 ---------------- jquery-ui-1.10.3.custom.css --------------------------
**********************/

/*! jQuery UI - v1.10.3 - 2013-08-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.newLayout #filesUploadProgressContainer.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;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}
/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.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-year {
    width: 100%;
}

.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;
}
/* with multiple calendars */

.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;
}
/* RTL support */

.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;
}
/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Trebuchet MS, Tahoma, 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: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-header a {
    color: #ffffff;
}
/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #652d86;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #652d86;
    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 #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}
/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top 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: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.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);
    /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png);
}
/* positioning */

.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 is deprecated, use ui-icon-seek-start instead */

.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;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */

.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;
}
/* Overlays */

.ui-widget-overlay {
    background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px;
}


/*********************
 ---------------- open_sans/font.css --------------------------
**********************/

@font-face {
    font-family: 'OpenSansBols';
    src: url('open_sans/OpenSans-Bold-os.eot');
    src: url('open_sans/OpenSans-Bold-os.eot?#iefix') format('embedded-opentype'),
         url('open_sans/OpenSans-Bold-os.woff2') format('woff2'),
         url('open_sans/OpenSans-Bold-os.woff') format('woff'),
         url('open_sans/OpenSans-Bold-os.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('open_sans/OpenSans-Light-os.eot');
    src: url('open_sans/OpenSans-Light-os.eot?#iefix') format('embedded-opentype'),
         url('open_sans/OpenSans-Light-os.woff2') format('woff2'),
         url('open_sans/OpenSans-Light-os.woff') format('woff'),
         url('open_sans/OpenSans-Light-os.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('open_sans/OpenSans-Regular-os.eot');
    src: url('open_sans/OpenSans-Regular-os.eot?#iefix') format('embedded-opentype'),
         url('open_sans/OpenSans-Regular-os.woff2') format('woff2'),
         url('open_sans/OpenSans-Regular-os.woff') format('woff'),
         url('open_sans/OpenSans-Regular-os.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*********************
 ---------------- style.css --------------------------
**********************/

html,
.noBusiness #contentTop,
.noBusiness .loginBarContainer {
    background: #f2f2f2 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAZACAYAAAC4wSh6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAADpJREFUeNrs1bENACAMA0GL/Xd+ZqDmmqsdK0pWdbYND1QGFFy0H2pSjn12Wf08AAAAAAAAAMA/3AEAk703VJgTX80AAAAASUVORK5CYII=') repeat-x;
}

html {
    font-family: Arial, Helvetica, Tahoma, Verdana, FreeSans, Sans-serif;
    font-size: 12px;
    color: #666666;
    padding: 0;
    margin: 0;
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    min-height: 100%;
    position: relative;
}

a,
#wrapper a {
    color: #990ae3;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 0 0 10px;
}

#submodule-contactssearch,
#module-maillist {
    position: relative;
}

#adBanner995x100 {
    width: 995px;
    margin: 0 auto;
}

#adBanner728x90 {
    width: 728px;
    margin: 0 auto;
}

#module-socialmedia td,
.facebookFeed td,
.linkedInFeed td {
    padding: 5px 0;
    margin: 0;
}

#topBarLogo {
    float: left;
    padding-right: 10px;
    padding-top: 8px;
    width: 150px;
    padding-left: 3px;
}

iframe {
    display: none;
}

.cleanedcss i {
    font-style: italic;
}

.cleanedcss u {
    text-decoration: underline;
}


/*
 *  Main blocks
 */

#fb-root {
    position: absolute;
}

#wrapper {
    margin: 0 auto;
    max-width: 1300px;
    min-width: 969px;
    padding: 0 15px;
}

.noBusiness #wrapper {
    max-width: 1200px;
}

#loginBarContainer {
    padding: 0 15px;
    min-width: 970px;
}

.loginBarLinks {
    float: left;
}

.loginBarLinks a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 20px 0 10px;
    padding: 15px 0;
    text-decoration: none;
    position: relative;
}

.loginBarLinks a.selected,
.loginBarLinks a:hover {
    background: url("../_d/buttons_beta.png?v=1") no-repeat center -3159px;
    color: #672f87;
}

.loginBarLinks a i.left,
.loginBarLinks a i.right {
    display: block;
    position: absolute;
    top: 0;
    width: 10px;
    overflow: hidden;
    text-indent: -999;
    direction: ltr;
    height: 100%;
}

.loginBarLinks a.selected i.left,
.loginBarLinks a:hover i.left {
    left: -10px;
    background: url("../_d/buttons_beta.png?v=1") no-repeat left -3159px;
}

.loginBarLinks a.selected i.right,
.loginBarLinks a:hover i.right {
    right: -10px;
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -3159px;
}

.loginBarContainer {
    max-width: 1300px;
    margin: 0 auto;
    min-width: 969px;
    height: 50px;
    position: relative;
}

.langBar {
    float: right;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 0 15px 12px;
    position: relative;
    margin-right: 10px;
}

.langBar a {
    text-decoration: none;
    padding-right: 12px;
}

#langBarSelected {
    background: url("../_d/icons.png?v=3") no-repeat right -2228px;
    margin-right: 5px;
}

.langBar #langBarLangs a {
    background: none;
}

#langBarLangs {
    /*background: url("../_d/buttons_beta.png?v=1") no-repeat right bottom;*/
    background: #ffe;
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -3356px;
    left: -15px;
    padding: 0 7px 14px;
    position: absolute;
    top: 45px;
    width: 83px;
    z-index: 20;
}

#langBarLangsTop {
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -3319px;
    height: 6px;
    left: 0;
    position: absolute;
    top: -6px;
    width: 97px;
}

#langBarLangs a {
    display: block;
    padding: 10px;
    color: #990ae3;
    font-size: 15px;
    font-weight: normal;
}

#langBarLangs a:hover {
    color: #fff;
    background: #672F87;
}

#loginBarName {
    font-size: 15px;
    float: right;
    color: #672F87;
    margin-right: 10px;
    padding-top: 13px;
}

.loginBarButton {
    float: right;
    padding-top: 8px;
    padding-right: 3px;
}

.loginBarButton a {
    background: #672F87;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 10px 7px 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.loginBarButton a:hover span {
    background-position: left -3058px;
}

.loginBarButton a:hover {
    background-position: right -3104px;
}

#loginBar {
    height: 50px;
    padding: 0 15px;
}

#topBanner {
    text-align: center;
    position: relative;
}

.noBusiness1200 #adBanner800x150 > div {
    position: absolute;
    right: -200px;
    top: 0;
}

.fcadspace {
    margin: 0 auto;
    overflow: hidden;
}

#topAd {
    position: relative;
    margin: 0 auto;
    max-width: 1300px;
    min-width: 969px;
    padding: 0 15px;
}

.noBusiness #topAd {
    max-width: 1200px;
}

.noBusinessLarge #topAd {
    padding-right: 210px;
}

#logoAndSearch {
    position: relative;
    margin: 0 auto;
}

#adBanner800x150 {
    position: relative;
}

.noBusiness #adBanner800x150 {
    height: 200px;
    margin-top: 5px;
}

.noBusiness #step5Advice {
    padding-top: 15px;
    background: #f9f9f9;
}

.noBusiness .loginBarContainer {
    background-position: 0 -150px;
    max-width: 1200px;
}

.noBusiness #logoAndSearch h1 {
    top: 99px;
}

.noBusinessLarge .wrapperContainer {
    padding-right: 310px;
}

.noBusinessLarge #loginBar {
    padding-right: 325px;
}

.wrapperContainer {
    padding-bottom: 180px;
}

.noBusiness #content {
    min-height: 635px;
}

#adBanner200x600 {
    position: absolute;
    top: 0;
    right: -310px;
    display: none;
    overflow: hidden;
}

#adBanner200x600 > div {
    width: 300px;
}

.noBusinessLarge #adBanner200x600 {
    display: block;
}

#logoAndSearch h1 {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: 10px;
    left: 0;
}

#logoAndSearch h1 a {
    width: 165px;
    height: 56px;
    display: block;
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -1450px;
    text-indent: -999px;
    overflow: hidden;
}

#logoAndSearch form {
    position: absolute;
    right: 0;
    top: 10px;
}

.searchContainer {
    width: 200px;
    height: 24px;
    overflow: hidden;
    display: block;
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -1396px;
    white-space: nowrap;
}

.contactSearchContainer .searchContainer {
    background: url("../_d/search_bar.png") no-repeat;
}

.contactSearchContainer input.searchField {
    width: 140px;
    margin-left: 20px;
}

.mediumSearchBar .searchContainer {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -1355px;
    width: 200px;
}

.mediumSearchBar .searchFieldSubmit {
    width: 27px;
}

.longSearchBar .searchContainer {
    background: none;
    border: 1px solid #ccc;
    width: 350px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.longSearchBar .searchFieldSubmit {
    background: url("../_d/buttons_beta.png?v=1") no-repeat -169px -1358px;
    border: none;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 25px;
    position: absolute;
    right: 7px;
    top: 4px;
}

.loginBarContainer #contactssearchbox {
    float: none;
    position: absolute;
    left: 200px;
    top: 15px;
    right: auto;
}

#wrapper input.searchField,
.contactSearchContainer input.searchField {
    width: 160px;
    border: 0;
    background: none;
    margin: 0;
    padding: 4px 5px;
    -webkit-appearance: none;
}

.mediumSearchBar input.searchField {
    margin-left: 20px;
    width: 150px;
}

.longSearchBar input.searchField {
    width: 305px;
    margin-left: 3px;
}

.searchFieldSubmit {
    border: 0;
    background: none;
    cursor: pointer;
    width: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.disableButton {
    cursor: default;
    opacity: 0;
    filter: alpha(opacity=0);
}

.disabledButton {
    opacity: 0.6;
    cursor: default !important;
    filter: alpha(opacity=60);
}

.noBusiness #contentTop {
    background-position: 0 -220px;
}

#contentTop {
    height: 44px;
    position: absolute;
    width: 100%;
    top: -55px;
    left: -1px;
    z-index: 2;
    padding-top: 10px;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
}

.unselectable #contentTop {
    z-index: 1;
}

#contentTopCornerLeft {
    background: url("../_d/icons.png?v=3") no-repeat -14px -471px;
    width: 5px;
    height: 4px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    bottom: -4px;
    left: -1px;
}

#contentTopCornerRight {
    background: url("../_d/icons.png?v=3") no-repeat -19px -471px;
    width: 5px;
    height: 4px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    bottom: -4px;
    right: -1px;
}

#contentTopTabs {
    position: absolute;
    top: 20px;
    left: -1px;
}

#contentTopTabsRight {
    position: relative;
    top: 10px;
    right: 0;
    float: right;
}

#contentTopTabs a,
#contentTopTabsRight a {
    cursor: pointer;
    text-decoration: none;
}

.tabsOld {
    height: 34px;
    position: relative;
}

.tabsOld div {
    position: absolute;
    top: 0;
    left: 0;
    height: 34px;
}

a.contentTopTab,
.tabsOld a {
    padding: 0 10px;
    height: 28px;
    display: block;
    float: left;
    font-size: 14px;
}

.tabsOld a {
    padding-bottom: 10px;
    margin-right: 5px;
}

.tabsOld a span.iconActivity b,
.tabsOld a.selected span.iconActivity b {
    padding-top: 10px;
    background: url("../_d/contact_detail_tabs.png?v=1") no-repeat 14px 10px;
    display: block;
    padding-left: 40px;
    font-weight: normal;
}

.tabsOld a span.iconNotes b,
.tabsOld a.selected span.iconNotes b {
    padding-top: 10px;
    background: url("../_d/contact_detail_tabs.png?v=1") no-repeat 14px -54px;
    display: block;
    padding-left: 40px;
    font-weight: normal;
}

.tabsOld a span.iconFB b,
.tabsOld a.selected span.iconFB b {
    padding-top: 10px;
    background: url("../_d/contact_detail_tabs.png?v=1") no-repeat 14px -130px;
    display: block;
    padding-left: 40px;
    font-weight: normal;
}

.tabsOld a span.iconLIn b,
.tabsOld a.selected span.iconLIn b {
    padding-top: 10px;
    background: url("../_d/contact_detail_tabs.png?v=1") no-repeat 14px -213px;
    display: block;
    padding-left: 40px;
    font-weight: normal;
}

.tabsOld a span.iconSMS b,
.tabsOld a.selected span.iconSMS b {
    padding-top: 10px;
    background: url("../_d/contact_detail_tabs.png?v=1") no-repeat 14px -343px;
    display: block;
    padding-left: 40px;
    font-weight: normal;
}

.tabsOld a span.iconPhoneMobile b,
.tabsOld a.selected span.iconPhoneMobile b {
    padding-top: 10px;
    background: url("../_d/contact_detail_tabs.png?v=1") no-repeat 14px -278px;
    display: block;
    padding-left: 40px;
    font-weight: normal;
}

.tabsOld a span.iconMailFeed b,
.tabsOld a.selected span.iconMailFeed b {
    padding-top: 10px;
    background: url("../_d/contact_detail_tabs.png?v=1") no-repeat 15px -405px;
    display: block;
    padding-left: 40px;
    font-weight: normal;
}

.tabsOld a span.iconContact b,
.tabsOld a.selected span.iconContact b {
    padding-top: 10px;
    background: url('../_d/icons.png?v=3') no-repeat -8px -2394px;
    display: block;
    padding-left: 23px;
    font-weight: normal;
}

.tabsOld a span.iconContacts b,
.tabsOld a.selected span.iconContacts b {
    padding-top: 10px;
    background: url('../_d/icons.png?v=3') no-repeat 0 -4539px;
    display: block;
    padding-left: 27px;
    font-weight: normal;
}

.tabsOld a span.iconEE b,
.tabsOld a.selected span.iconEE b {
    padding-top: 10px;
    background: url('../_d/icons.png?v=3') no-repeat -2px -1817px;
    display: block;
    padding-left: 27px;
    font-weight: normal;
}

.tabsOld a span.iconAt b,
.tabsOld a.selected span.iconAt b {
    padding-top: 10px;
    background: url("../_d/_icons.png?v=6") no-repeat 0 -24px;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    font-weight: normal;
}

.tabsOld a span.iconDomain b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -6084px;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    font-weight: normal;
}

.tabsOld a span.iconProfile b,
.tabsOld a.selected span.iconProfile b {
    padding-top: 10px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    font-weight: normal;
}

.tabsOld a span.iconSContact b,
.tabsOld a.selected span.iconSContact b {
    padding-top: 10px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    font-weight: normal;
}

.tabsOld a span.iconSMediaFeed b,
.tabsOld a.selected span.iconSMediaFeed b {
    padding-top: 10px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    font-weight: normal;
}

.deletedMail {
    text-decoration: line-through;
}

.tabsOld a.selected span {
    height: 25px;
    padding-top: 0;
    padding-bottom: 10px;
}

#contentTop a.contentTopTab span b {
    font-weight: normal;
    cursor: pointer;
}

#contentTop a.selected span.iconMail b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -3141px;
    display: block;
    padding-left: 23px;
}

#contentTop a.selected span.iconContact b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -2394px;
    display: block;
    padding-left: 23px;
}

#contentTop a.selected span.iconSocial b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -3718px;
    display: block;
    padding-left: 23px;
}

#contentTop a.selected span.iconSMSTab b {
    padding-top: 10px;
    background: url("../_d/sms_tab.png") no-repeat 2px 12px;
    display: block;
    padding-left: 23px;
}

#contentTop a.selected span.iconFilesTab b {
    padding-top: 10px;
    background: url("../_d/files_tmp.png") no-repeat 2px 12px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconMail {
    padding-top: 0;
    height: 38px;
}

#contentTop a.contentTopTab span.iconContact,
#contentTop a.contentTopTab span.iconSocial,
#contentTop a.contentTopTab span.iconSMSTab,
#contentTop a.contentTopTab span.iconFilesTab,
#contentTop a.contentTopTab span.iconNotesTab {
    padding-top: 0;
    height: 35px;
}

#contentTop a.contentTopTab span.iconMail b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -3141px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconContact b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -2394px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconSocial b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -3718px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconSMSTab b {
    padding-top: 10px;
    background: url("../_d/_icons.png?v=6") no-repeat -3px -1082px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconFilesTab b {
    padding-top: 10px;
    background: url("../_d/_icons.png?v=6") no-repeat 0 -1045px;
    display: block;
    padding-left: 28px;
}

#contentTop a.contentTopTab span.iconNotesTab b {
    padding-top: 10px;
    display: block;
    padding-left: 23px;
}

#contentTopTabsRight a.selected {
    margin-right: 0;
}

#contentTop a.selected span.iconHelp b {
    padding-top: 10px;
    /*background: url("../_d/icon_help.png") no-repeat 0 9px;*/
    background: url("../_d/icons.png?v=3") no-repeat -6px -3039px;
    display: block;
    padding-left: 23px;
}

#contentTop a.selected span.iconSettings b {
    padding-top: 10px;
    /*background: url("../_d/icon_settings.png") no-repeat 2px 9px;*/
    background: url("../_d/icons.png?v=3") no-repeat -6px -3670px;
    display: block;
    padding-left: 23px;
}

#contentTop a.selected span.iconNotify b {
    padding-top: 10px;
    /*background: url("../_d/icon_notify.png") no-repeat 0 9px;*/
    background: url("../_d/icons.png?v=3") no-repeat -4px -3391px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconHelp,
#contentTop a.contentTopTab span.iconSettings,
#contentTop a.contentTopTab span.iconNotify {
    padding-top: 0;
    height: 35px;
    overflow: hidden;
    text-indent: -999px;
    width: 20px;
}

#contentTop a.contentTopTab span.iconHelp b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -3039px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconSettings b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -3670px;
    display: block;
    padding-left: 23px;
}

#contentTop a.contentTopTab span.iconNotify b {
    padding-top: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -4px -3391px;
    display: block;
    padding-left: 23px;
}

.bubble {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    padding-right: 3px;
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -1015px;
    text-decoration: none;
    font-style: normal;
    z-index: 100;
}

.bubble span,
.bubble ins {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -992px;
    padding: 0 3px 8px 5px;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    font-style: normal;
    display: inline-block;
}

#mailListBubble {
    left: 80px;
    top: -8px;
}

#notifyBubble {
    left: -15px;
    top: -8px;
}

.messagesBubble {
    right: 0;
    position: absolute;
    top: 0;
}

#socialBubble {
    left: 321px;
    top: -8px;
}

.dragMailInfo {
    height: 33px;
    left: 0;
    position: absolute;
    top: -7px;
    width: 32px;
    direction: ltr;
    overflow: hidden;
    text-indent: -999px;
}

#content {
    border: 1px solid #ccc;
    background-color: #fff;
    padding-left: 228px;
    padding-right: 14px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
    margin-top: 54px;
}

#sidebar {
    padding-left: 14px;
    padding-top: 14px;
    width: 200px;
    float: left;
    margin-left: -228px;
    padding-bottom: 10px;
}

#modules {
    padding-top: 14px;
    position: relative;
    z-index: 1;
}

#contentBanner {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
}

#contentBottom,
.contentBottom {
    clear: both;
    text-indent: -999px;
    overflow: hidden;
    height: 1px;
    display: none !important;
}

.footer {
    background-color: #dbdbdb;
    color: #777;
    bottom: 0;
    clear: both;
    font-size: 12px;
    line-height: 17px;
    margin-top: 40px;
    padding: 20px 0 15px 0;
    position: absolute;
    width: 100%;
    display: block;
}

.footer div {
    max-width: 1300px;
    margin: 0 auto;
}

.noBusiness .footer div {
    max-width: 1440px;
}

.footer img {
    padding-left: 20px;
}

.footer p {
    padding-left: 20px;
}

.footer a {
    color: #990ae3;
    font-size: 13px;
}

.footer a:hover {
    text-decoration: underline;
}

#footer ul {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
}

#footer li {
    padding-bottom: 5px;
    padding-right: 10px;
}

.footerInner {
    width: 969px;
    margin: 0 auto;
    position: relative;
    height: 75px;
}

.footerBox1 {
    width: 180px;
    height: 45px;
    position: absolute;
    background: url("../_d/footer.png") no-repeat 0 -86px;
    bottom: 15px;
    left: 0;
    display: block;
    padding: 11px 0 0 50px;
}

a.footerBox1:hover {
    background-position: 0 0;
}

.footerBox2 {
    width: 180px;
    height: 45px;
    position: absolute;
    background: url("../_d/footer.png") no-repeat -240px -86px;
    bottom: 15px;
    left: 240px;
    display: block;
    padding: 11px 0 0 50px;
}

a.footerBox2:hover {
    background-position: -240px 0;
}

.footerBox3 {
    width: 180px;
    height: 45px;
    position: absolute;
    background: url("../_d/footer.png") no-repeat -480px -86px;
    bottom: 15px;
    left: 480px;
    display: block;
    padding: 11px 0 0 50px;
}

a.footerBox3:hover {
    background-position: -480px 0;
}

.footerBox4 {
    width: 180px;
    height: 45px;
    position: absolute;
    background: url("../_d/footer.png") no-repeat -720px -86px;
    bottom: 15px;
    left: 720px;
    display: block;
    padding: 11px 0 0 50px;
}

a.footerBox4:hover {
    background-position: -720px 0;
}

.footerLinksGroup {
    float: left;
    width: 160px;
    padding: 0 40px;
    position: relative;
}

#footer a.footerBox {
    color: #fff;
}

#footer a.footerBox:hover {
    color: #990ae3;
    text-decoration: none;
}

#footer a.footerBox span {
    color: #b69ec5;
    text-decoration: underline;
}

#footer a.footerBox:hover span {
    color: #990ae3;
    text-decoration: underline;
}

#footer a.elionLink {
    margin-left: 10px;
    font-size: 15px;
    float: left;
    display: block;
    padding-top: 10px;
}


/* Additional mail full view buttons */

.mailPreviewActionIcons a .iconMarkAsSpam {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url("../_d/_icons.png?v=6") no-repeat -3px -721px;
}

.mailPreviewActionIcons a .iconUnmarkAsSpam {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url("../_d/_icons.png?v=6") no-repeat -3px -721px;
}

.elionFootLogo1 {
    top: 62px;
    left: 46px;
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
    direction: ltr;
    width: 90px;
    height: 20px;
    display: block;
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -3322px;
}

.elionFootLogo2 {
    top: 37px;
    left: 46px;
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
    direction: ltr;
    width: 50px;
    height: 20px;
    display: block;
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -3360px;
}

.sidebarBanner {
    padding-top: 10px;
}

.sidebarBanner img {
    display: block;
}

.buttonNewmail {
    background: transparent url("../_d/buttons_beta.png?v=1") no-repeat 0 -287px;
    height: 47px;
    padding: 12px 0 0 12px;
    width: 188px;
    border: none;
    margin-bottom: 10px;
}

.buttonNewmail a,
#wrapper a.bigbutton,
.bigbutton {
    background: url("../_d/buttons_beta.png?v=1") no-repeat -242px -930px;
    color: #FFFFFF;
    display: block;
    font-size: 19px;
    height: 31px;
    padding: 6px 0 0;
    text-align: center;
    text-shadow: 0 -1px 0 #39005A;
    width: 176px;
    text-decoration: none;
    border: none;
}

.buttonNewmail a:focus,
#wrapper a.bigbutton:focus,
.bigbutton:focus {
    background-position: -242px -2438px;
}

input.bigbutton {
    padding: 0 0 6px;
    margin-top: 20px;
    height: 38px;
}

#wrapper a.bigbutton2 {
    /*background: url("../_d/button_newmail2.png") no-repeat;*/
    background: url('../_d/buttons_beta.png?v=1') no-repeat 0 -3474px;
    color: #FFFFFF;
    display: block;
    font-size: 19px;
    height: 31px;
    padding: 6px 0 0;
    text-align: center;
    text-shadow: 0 -1px 0 #39005A;
    width: 220px;
    text-decoration: none;
}

#wrapper a.bbPadded {
    padding: 8px 0 0;
}

#wrapper .buttonNewmail a {
    text-decoration: none;
    color: #ffffff;
    overflow: hidden;
}

.spaced {
    padding-top: 10px;
}

.spaceb {
    padding-bottom: 10px;
}

.space {
    padding-bottom: 20px;
}

.halfspace {
    padding-bottom: 10px;
}

.l1space {
    padding-left: 3px;
}

.b1space {
    padding-bottom: 5px;
}

.t1space {
    padding-top: 5px;
}

.sidebarBox {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 198px;
    margin-bottom: 10px;
}

.sidebarBoxTop {
    background: #eee none repeat scroll 0 0;
    height: 22px;
    width: 190px;
    overflow: hidden;
    font-size: 15px;
    color: #fff;
    padding-left: 10px;
    font-weight: bold;
    padding-top: 4px;
    text-shadow: 1px 1px 0 #7A8287;
}

.folderList,
.settingsList {
    padding: 10px 0;
    position: relative;
    background: #fff;
}

#boxLoaderInfo {
    top: 50px;
    display: none;
    position: fixed;
}

#boxLoaderReloader {
    top: 5%;
    margin: 0 5px 0 5px;
}

.overLoader {
    background: #fff no-repeat scroll center center !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1002;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.overLoaderN1 {
    background: #fff no-repeat scroll center center !important;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1002;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    color: #000;
}

.overLoaderNew {
    background: #fff no-repeat scroll center center !important;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1002;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #000;
}

.overLoaderN2 {
    height: 50px;
    margin-bottom: 20px;
    position: relative;
}

.overLoaderMsgN1 {
    margin-top: 45px;
}

.overLoaderH {
    background: url();
    height: 47px;
    margin-top: 10px;
}

.overLoaderH1 {
    background: url();
    z-index: unset;
    opacity: unset;
    height: 200px;
}

.overLoaderH2 {
    height: 100px;
    position: relative;
}

.overLoaderCenterH {
    z-index: 10;
}

.overLoaderCenterH1 {
    left: 30% !important;
}

.overLoaderMsgN {
    left: auto;
    margin-top: 45px;
    top: 50%;
    width: 100%;
}

.overLoaderReloaderH {
    top: 25% !important;
}

#readMailLoaderReloader {
    top: 10% !important;
}

#contactsGroupsOverLoader {
    display: block;
    position: relative;
    margin-top: 0px;
}

.concactLoader {
    position: relative;
    top: 115px;
}

.overLoaderCenter {
    position: absolute;
    left: 35%;
    top: 50%;
    width: 300px;
    text-align: center;
}

.overLoaderCenterNew {
    position: relative;
    top: 35%;
    text-align: center;
}

.overLoaderCenterH2 {
    position: absolute;
    left: 35%;
    top: 40%;
    width: 300px;
    text-align: center;
}

.overLoaderCenterH3 {
    left: 40% !important;
}

.overLoaderMsg {
    color: #000;
}

.boxLoaderInfoMsg {
    margin: 0 0 0 -27px !important;
    position: relative !important;
    text-align: center;
    top: 72% !important;
}

.boxLoaderInfoMsgH {
    position: relative !important;
    text-align: center;
    top: 85% !important;
}

.overLoaderSmall {
    background-image: url("../_d/loader_new_38.gif")!important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    width: 40px !important;
    height: 40px !important;
    left: 175px !important;
    top: -4px !important;
    z-index: 100 !important;
    padding: 0 !important;
}

.overLoaderSmall1 {
    left: 0 !important;
    top: 0 !important;
}

.overLoaderFailSmall {
    background: url("../_d/fail_small.png") no-repeat center !important;
    position: absolute !important;
    width: 14px !important;
    height: 14px !important;
    left: 175px !important;
    top: 5px !important;
    z-index: 100 !important;
    padding: 0 !important;
}

#boxLoaderInfo {
    /* wywalic wsio */
}

.overLoaderN {
    background: rgba(114, 76, 141, 0.07) none repeat scroll 0 0;
    border-radius: 3px;
    display: none;
    left: 47%;
    padding: 10px;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 10002;
}

.boxLoaderInfoMsgN {
    text-align: center;
    vertical-align: middle;
}

.folderList ul,
.settingsList ul {
    padding: 0;
    margin: 0;
}

.settingsList li,
#newContactLabels li,
#newContactLabels2 li {
    list-style: none;
    overflow: hidden;
    display: block;
}

.folderList li {
    list-style: none;
    display: block;
}

.folderList li div span,
#newContactLabels li div span,
#newContactLabels2 li div span {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}

#wrapper .settingsList a {
    display: block;
    padding-left: 34px;
    color: #666666;
    padding-top: 3px;
    padding-bottom: 3px;
}

#wrapper .settingsList a:hover {
    background-color: #eee;
}

.settingsList li {
    list-style: none;
}

.settingsList .line {
    margin-top: 3px;
    margin-bottom: 3px;
}

.module-settings {
    overflow: hidden;
}

#wrapper a.settingsMainBox {
    padding: 10px 10px 10px 80px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    width: 258px;
    color: #666666;
    font-size: 24px;
    text-decoration: none;
    display: block;
    margin: 0 10px 10px 0;
    height: 75px;
}

#wrapper a.notPadded {
    margin: 0 0 10px 0;
}

#wrapper a.settingsMainBox span.boxHeader {
    font-size: 24px;
}

#wrapper a.settingsMainBox span {
    font-size: 12px;
    display: block;
    text-decoration: none;
}

.settingsIconMainProfile {
    background: url("../_d/settings_box_icons.png") no-repeat 6px 29px;
}

.settingsIconMainContacts {
    background: url("../_d/settings_box_icons.png") no-repeat 6px -126px;
}

.settingsIconMainVoip {
    background: url("../_d/settings_box_icons.png") no-repeat 6px -274px;
}

.settingsIconMainMail {
    background: url("../_d/settings_box_icons.png") no-repeat 11px -410px;
}

.settingsIconMainSocial {
    background: url("../_d/settings_box_icons.png") no-repeat 11px -561px;
}

.settingsIconMainDomain {
    background: url("../_d/settings_box_icons.png") no-repeat 11px -713px;
}

.settingsMainPositionBox {
    margin: 0 auto;
    width: 714px;
}

.folderList li div {
    position: relative;
}

.folderList li div b {
    display: block;
    height: 12px;
    left: 12px;
    margin-top: -8px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 50%;
    width: 12px;
}

.folderList .mmhover,
.folderList li div:hover,
.folderList li li div:hover,
.folderList li li li div:hover,
.folderList li li li li div:hover {
    background-color: #ddd;
}

.folderList .mmhover,
.folderList li div.mmhover,
.folderList li li div.mmhover,
.folderList li li li div.mmhover,
.folderList li li li li div.mmhover {
    background-color: #ddd;
}

.folderList .nommhover,
.folderList li div.nommhover,
.folderList li li div.nommhover,
.folderList li li li div.nommhover,
.folderList li li li li div.nommhover {
    background-color: transparent;
}

.folderList li div.active {
    background-color: #ccc;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
}

.folderList li div i {
    cursor: pointer;
}

.folderList small {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url("../_d/icons.png?v=3") no-repeat -12px -2269px;
    display: none;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.folderList li div:hover small {
    display: block;
}

.folderList #folderList.disableAll li div:hover small {
    display: none;
}

.folderList li div:hover small.hideiconmenu {
    display: none;
}

.folderList li div input {
    border: 1px solid #CCCCCC;
    display: none;
    font-size: 12px;
    color: #666666;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    padding: 1px;
    margin: -2px 0;
    width: 80%;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.folderList li div.rename input {
    display: block;
}

.folderList li div.rename i {
    display: none;
}

.folderList li div.rename u {
    display: none;
}

.folderList li div u {
    font-size: 11px;
    color: #8c8c8c;
}

u {
    text-decoration: none;
    font-style: normal;
}

.folderList li div i,
#newContactLabels li div i,
#newContactLabels2 li div i {
    display: block;
    overflow: hidden;
    margin-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 15px;
}

#nclabelListContainer {
    padding: 0 0 10px 0;
    margin: 0;
}

#newContactLabels li div i,
#newContactLabels2 li div i {
    margin: 0 0 0 25px;
}

#newContactLabels li div,
#newContactLabels2 li div {
    float: left;
}

#newContactLabels li input,
#newContactLabels2 li input {
    float: left;
}


/**/

.folderList li .plus {
    background: url("../_d/icons.png?v=3") no-repeat -3px -3536px;
}

.folderList li .minus {
    background: url("../_d/icons.png?v=3") no-repeat -3px -3355px;
}

.folderList li div span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -2660px;
    padding-left: 30px;
}

.folderList li div.folderGroup span {
    background: url("../_d/icons.png?v=3") no-repeat 1px -1586px;
}

.folderList li div.rssnormal span,
.rssnormal {
    /*background: url("../_d/icon_rss_small.png") no-repeat 13px 6px;*/
    background: url('../_d/icons.png?v=3') no-repeat -1px -3629px;
}

.folderList li div.rssfacebook span {
    /*background: url("../_d/icon_fb_small.png") no-repeat 12px 5px;*/
    background: url('../_d/icons.png?v=3') no-repeat 0 -2608px;
}

.folderList li div.rsslinkedin span {
    /*background: url("../_d/icon_in_small.png") no-repeat 12px 5px;*/
    background: url('../_d/icons.png?v=3') no-repeat 0 -3096px;
}

.folderList li div.folderMail span {
    background: url("../_d/icons.png?v=3") no-repeat 3px -1372px;
}

.folderList li div.folderInbox span {
    background: url("../_d/icons.png?v=3") no-repeat 16px -2758px;
}

.folderList li div.folderSent span {
    background: url("../_d/icons.png?v=3") no-repeat 16px -2897px;
}

.folderList li div.folderDrafts span {
    background: url("../_d/icons.png?v=3") no-repeat 16px -2710px;
}

.folderList li div.folderTrash span {
    background: url("../_d/icons.png?v=3") no-repeat 15px -2993px;
}

.folderList li div.folderSpam span {
    background: url("../_d/icons.png?v=3") no-repeat 17px -2944px;
}


/**/

.folderList li li .plus {
    background-position: -3px -3536px;
}

.folderList li li .minus {
    background-position: -3px -3355px;
}

.folderList li li div b {
    left: 12px;
}

.folderList li li div span {
    background-position: 16px -2660px;
    padding-left: 45px;
}

.folderList li li div.folderGroup span {
    background-position: 16px -1586px;
}

.folderList li li div.rssnormal span {
    background-position: 25px 4px;
}

.folderList li li div.rssfacebook span {
    background-position: 25px 4px;
}

.folderList li li div.rsslinkedin span {
    background-position: 25px 4px;
}

.folderList li li div.folderMail span {
    background-position: 25px 7px;
}

.folderList li div.folderInbox span {
    background-position: 16px -2758px;
}

.folderList li div.folderSent span {
    background-position: 16px -2897px;
}

.folderList li div.folderDrafts span {
    background-position: 16px -2710px;
}

.folderList li div.folderTrash span {
    background-position: 15px -2993px;
}

.folderList li div.folderSpam span {
    background-position: 17px -2944px;
}

.folderList li li li div.folderInbox span {
    background-position: 40px 5px;
}

.folderList li li li div.folderSent span {
    background-position: 40px 5px;
}

.folderList li li li div.folderDrafts span {
    background-position: 40px 5px;
}

.folderList li li li div.folderTrash span {
    background-position: 41px 3px;
}

.folderList li li li div.folderSpam span {
    background-position: 40px 5px;
}

.folderList li li div.folderStarred span {
    /*background: url("../_d/star_folder.png") no-repeat 26px 4px;*/
    background: url('../_d/icons.png?v=3') no-repeat 17px -5684px;
}

.folderList li li div.folderUnread span {
    background: url('../_d/_icons.png?v=6') no-repeat 26px -1425px;
}

.folderList li li li .plus {
    background-position: 12px -3536px;
}

.folderList li li li .minus {
    background-position: 12px -3355px;
}

.folderList li li li div b {
    left: 27px;
}

.folderList li li li div span {
    background-position: 31px -2660px;
    padding-left: 60px;
}

.folderList li li li div.folderGroup span {
    background-position: 31px -1586px;
}

.folderList li li li div.rssnormal span {
    background-position: 40px 4px;
}

.folderList li li li div.rssfacebook span {
    background-position: 40px 4px;
}

.folderList li li li div.rsslinkedin span {
    background-position: 40px 4px;
}

.folderList li li li div.folderMail span {
    background-position: 40px 7px;
}


/**/

.folderList li li li li .plus {
    background-position: 27px -3536px;
}

.folderList li li li li .minus {
    background-position: 27px -3355px;
}

.folderList li li li li div b {
    left: 42px;
}

.folderList li li li li div span {
    background-position: 46px -2660px;
    padding-left: 75px;
}

.folderList li li li li div.folderGroup span {
    background-position: 46px -1586px;
}

.folderList li li li li div.rssnormal span {
    background-position: 55px 4px;
}

.folderList li li li li div.rssfacebook span {
    background-position: 55px 4px;
}

.folderList li li li li div.rsslinkedin span {
    background-position: 55px 4px;
}

.folderList li li li li div.folderMail span {
    background-position: 55px 7px;
}


/**/

.folderList li li li li li .plus {
    background-position: 43px -3536px;
}

.folderList li li li li li .minus {
    background-position: 43px -3355px;
}

.folderList li li li li li div b {
    left: 57px;
}

.folderList li li li li li div span {
    background-position: 62px -2660px;
    padding-left: 90px;
}

.folderList li li li li li div.folderGroup span {
    background-position: 70px 4px;
}

.folderList li li li li li div.rssnormal span {
    background-position: 70px 4px;
}

.folderList li li li li li div.rssfacebook span {
    background-position: 70px 4px;
}

.folderList li li li li li div.rsslinkedin span {
    background-position: 70px 4px;
}

.folderList li li li li li div.folderMail span {
    background-position: 70px 7px;
}

.folderList .moveSelector,
.folderList li div.moveSelector:hover,
.folderList li li div.moveSelector:hover,
.folderList li li li div.moveSelector:hover,
.folderList li li li li div.moveSelector:hover,
.folderList li div.moveSelector,
.folderList li li div.moveSelector,
.folderList li li li div.moveSelector,
.folderList li li li li div.moveSelector {
    background-color: #f8fbe5;
}

#moveIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 12px;
    /*background: url("../_d/icon_folder_closed.png") no-repeat;*/
    background: url("../_d/icons.png?v=3") no-repeat -10px -2665px;
    overflow: hidden;
    z-index: 20000;
    text-indent: -999px;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#moveContactIcon {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -130px -3060px transparent;
    display: none;
    height: 17px;
    left: 0;
    overflow: hidden;
    text-align: center;
    padding-left: 19px;
    padding-top: 1px;
    position: absolute;
    text-indent: 0;
    top: 0;
    width: 0;
    z-index: 20000;
}

#moveContactIcon span {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-indent: 0;
    text-shadow: 1px 1px 0 #888888;
}

#mailsMoveIcon,
#filesMoveIcon {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -132px -2986px transparent;
    display: none;
    height: 17px;
    left: 0;
    overflow: hidden;
    text-align: center;
    padding-left: 19px;
    padding-top: 1px;
    position: absolute;
    text-indent: 0;
    top: 0;
    width: 0;
    z-index: 20000;
}

#mailsMoveIcon span,
#filesMoveIcon span {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-indent: 0;
    text-shadow: 1px 1px 0 #888888;
}

.overf {
    overflow: hidden;
}

.line {
    margin: 10px;
    border-top: 1px solid #ccc;
    height: 0;
    overflow: hidden;
}

.sidebarBoxLinks,
.arrowLink {
    display: block;
    padding-left: 10px;
    background: url("../_d/icons.png?v=3") no-repeat -18px -2151px;
    margin: 0 10px;
}

.arrowInlineLink {
    padding-left: 10px;
    /*background: url("../_d/icon_arrow3.png") no-repeat left center;*/
    background: url('../_d/icons.png?v=3') no-repeat -19px -2151px;
    margin: 0 5px;
}

.progressBar {
    width: 172px;
    height: 20px;
    background: url("../_d/buttons_beta.png?v=1") no-repeat -246px -572px;
    position: relative;
    margin: 0 auto;
}

.progressBarFull {
    width: 172px;
    height: 20px;
    background: url("../_d/buttons_beta.png?v=1") no-repeat -246px -612px;
    position: absolute;
    top: 0;
    left: 0;
}

.progressBarOver {
    background-position: -246px -652px;
}

.fileUploading {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fileUploading .attachRemove {
    display: block;
    position: absolute;
    top: 24px;
    right: 13px;
    cursor: pointer;
}

.accountSpaceInfo {
    color: #666666;
    font-size: 10px;
    padding: 4px 0 0 14px;
    margin: 0;
}

.tooltip {
    width: 127px;
    /*background: url("../_d/background_tooltip_repeat.png") repeat-y;*/
    background: rgb(95, 95, 95);
    background: rgba(90, 90, 90, .95);
    position: absolute;
    z-index: 1000;
    padding: 5px 5px 5px 7px;
    font-size: 12px;
    color: #ffffff;
    display: none;
}

.tooltip span {
    overflow: hidden;
    width: 125px;
    display: block;
    text-overflow: ellipsis;
}

.tooltipTop {
    width: 149px;
    height: 6px;
    text-indent: -999px;
    overflow: hidden;
    /*background: url("../_d/background_tooltip.png") no-repeat;*/
    background: url('../_d/_icons.png?v=6') no-repeat 8px -353px;
    position: absolute;
    top: -6px;
    left: 0;
}

.tooltipBottom {
    width: 149px;
    height: 5px;
    text-indent: -999px;
    overflow: hidden;
    /*background: url("../_d/background_tooltip.png") no-repeat left bottom;*/
    /*background: url('../_d/_icons.png?v=6') no-repeat left -353px;*/
    background: transparent;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.tooltipGreen {
    background: url("../_d/background_tooltip_repeat_green.png") repeat-y;
    background: #999;
    position: absolute;
    z-index: 10;
    padding: 5px 5px 5px 7px;
    font-size: 12px;
    color: #ffffff;
    display: none;
    left: 0;
    top: 30px;
    white-space: nowrap;
}

.tooltipGreen span {
    overflow: hidden;
    max-width: 300px;
    padding-right: 85px;
    display: block;
    text-overflow: ellipsis;
}

#wrapper .tooltipGreen a {
    color: #fff;
    text-decoration: underline;
}

#wrapper .tooltipGreen a:hover {
    color: #fff;
    text-decoration: none;
}

.tooltipGreenTop {
    width: 100%;
    height: 6px;
    text-indent: -999px;
    overflow: hidden;
    /*background: url("../_d/background_tooltip_green.png") no-repeat;*/
    background: url('../_d/_icons.png?v=6') no-repeat left -376px;
    position: absolute;
    top: -6px;
    left: 0;
}

.tooltipGreenBottom {
    width: 100%;
    height: 5px;
    text-indent: -999px;
    overflow: hidden;
    /*background: url("../_d/background_tooltip_green.png") no-repeat left bottom;*/
    background: url('../_d/_icons.png?v=6') no-repeat left -376px;
    background: transparent;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.tooltipGreenButtons {
    position: absolute;
    right: 5px;
    padding: 4px 4px 5px 5px;
    top: 0;
    background: #669933;
}

.folderActionBox {
    padding: 0 3px;
    position: absolute;
    width: 160px;
    z-index: 5;
    left: 176px;
}

.folderActionBoxTop {
    width: 166px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -20px;
}

.addContactActionBoxTop {
    width: 166px;
    height: 23px;
    position: absolute;
    left: 0;
    top: -23px;
}

.folderActionBoxBottom {
    width: 166px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.mailxActionBox {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 3px;
    position: absolute;
    width: 160px;
    z-index: 5;
    left: 165px;
}

.mailxActionBoxTop {
    /*background: url("../_d/mail_box_top.png") no-repeat 0 0;*/
    width: 166px;
    height: 13px;
    position: absolute;
    left: 0;
    top: -13px;
}

.mailxActionBoxBottom {
    width: 166px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.folderActionBoxItems {
    padding: 0 5px 2px 5px;
}

.folderActionBoxItems .line {
    margin-left: 0;
    margin-right: 0;
}

.mailxActionBox a {
    overflow: hidden;
    text-overflow: ellipsis;
}

.folderActionBoxItems a {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
}

.folderActionBoxItems a:hover {
    background: #eee;
}

.folderActionBoxItems span {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    color: #999999;
}

.mailActionBox {
    background-color: #fff;
    padding: 0 3px;
    position: absolute;
    width: 160px;
    z-index: 5;
    left: 50px;
}

.mailActionBoxTop {
    background-color: #fff;
    width: 166px;
    height: 10px;
    position: absolute;
    left: 0;
    top: -10px;
}

.mailActionBoxBottom {
    background-color: #fff;
    width: 166px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.mailActionBoxItems {
    padding: 0 5px 2px 5px;
}

.mailActionBoxItems .line {
    margin: 5px 0;
}

.mailActionBoxItems a,
.mailActionBoxItems span {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
}

.mailActionBoxItems a:hover {
    background: #eee;
}

.fieldDisabled,
.mailActionBoxItems span {
    color: #999999;
}

.unreadSMS {
    font-weight: bold;
}

.popupBackground {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.popup {
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 1001;
}

.popupNormal {
    background: #FFFFFF;
    position: absolute;
    width: 400px;
    min-height: 50px;
    margin-left: -200px;
}

.popupNormalTop {
    position: absolute;
    background: url("../_d/popup.png") no-repeat;
    left: -38px;
    top: -38px;
    width: 80%;
    height: 48px;
}

.popupNormalTop p {
    position: absolute;
    background: url("../_d/popup.png") no-repeat right 0;
    left: 100%;
    top: 0;
    width: 25%;
    height: 48px;
    margin: 0;
    padding: 0 76px 0 0;
    overflow: hidden;
    text-indent: -999px;
}

.popupNormalBottom {
    position: absolute;
    background: url("../_d/popup.png") no-repeat 0 -52px;
    left: -38px;
    top: 100%;
    width: 50%;
    height: 48px;
}

.popupNormalBottom p {
    position: absolute;
    background: url("../_d/popup.png") no-repeat right -52px;
    left: 100%;
    top: 0;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 76px 0 0;
    overflow: hidden;
    text-indent: -999px;
}

.popupNormalLeft {
    position: absolute;
    background: url("../_d/popup.png") repeat-y -1148px 0;
    left: -38px;
    top: 10px;
    width: 38px;
    height: 50%;
}

.popupNormalLeft p {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 38px;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -999px;
}

.popupNormalLeft p span {
    position: absolute;
    background: url("../_d/popup.png") repeat-y -1148px 0;
    left: 0;
    bottom: 0;
    width: 38px;
    height: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    text-indent: -999px;
    display: block;
}

.popupNormalRight {
    position: absolute;
    background: url("../_d/popup.png") repeat-y -1208px 0;
    left: 100%;
    top: 10px;
    width: 38px;
    height: 50%;
}

.popupNormalRight p {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 38px;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -999px;
}

.popupNormalRight p span {
    position: absolute;
    background: url("../_d/popup.png") repeat-y -1208px 0;
    left: 0;
    bottom: 0;
    width: 38px;
    height: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    text-indent: -999px;
    display: block;
}

.popupNormal .popupInner {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    padding: 10px;
    min-height: 50px;
}

.popupBlack .popupInner {
    background: #fff;
    padding: 0;
    min-height: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.popupBlack {
    width: 802px;
    height: 452px;
    margin-left: -401px;
    top: 50% !important;
    margin-top: -210px !important;
    display: block;
    position: fixed;
}

.popupBlack .errorBox,
.popupBlack .errorBox4,
.popupBlack .infoBox {
    margin: 0 20px 0 20px;
}

.popupBlack .videoContainer {
    background: #000;
    height: 450px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.video {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.popupNormal .popupInnerWhite {
    padding: 10px;
    min-height: 50px;
}

.popupMove {
    background: url("../_d/background_move_window.png") no-repeat;
    width: 471px;
    height: 345px;
    margin: -172px 0 0 -235px;
}

.popupDelete {
    background: url("../_d/background_delete_window.png") no-repeat;
    width: 471px;
    height: 255px;
    margin: -127px 0 0 -235px;
}

.popupTypeInfo {
    background: url("../_d/background_popup_normal.png") no-repeat;
    width: 600px;
    height: 255px;
    margin: -127px 0 0 -300px;
}

.popupEditPicture {
    background: url("../_d/background_crop.png") no-repeat;
    width: 804px;
    height: 639px;
    margin: -320px 0 0 -402px;
}

.popupTypeAccount {
    background: #eeeeee none repeat scroll 0 0;
    box-shadow: 0 0 10px 0 #949494;
    width: 900px;
    padding: 0 50px;
    margin: 0 0 0 -500px;
}

div.accountWhite {
    background: #eeeeee none repeat scroll 0 0;
    box-shadow: 0 0 10px 0 #949494;
}

div.firstLogin {
    background: #eeeeee none repeat scroll 0 0;
    box-shadow: 0 0 10px 0 #949494;
    width: 710px;
    margin: 0 0 0 -405px;
}

.popupTypeAccountTop {
    background: url("../_d/account_popup.png") no-repeat top left;
    width: 1000px;
    height: 50px;
    position: absolute;
    top: -50px;
    left: 0;
}

div.accountWhite .popupTypeAccountTop {
    background: url("../_d/account_popup2.png") no-repeat top left;
}

div.firstLogin .popupTypeAccountTop {
    background: url("../_d/account_popup3.png") no-repeat top left;
}

.popupTypeAccountBottom {
    background: url("../_d/account_popup.png") no-repeat bottom left;
    width: 1000px;
    height: 50px;
    position: absolute;
    bottom: -50px;
    left: 0;
}

div.accountWhite .popupTypeAccountBottom {
    background: url("../_d/account_popup2.png") no-repeat bottom left;
}

div.firstLogin .popupTypeAccountBottom {
    background: url("../_d/account_popup3.png") no-repeat bottom left;
}

.popupTypeAccount h2,
.popupTypeInfo h2,
.popupNormal h2 {
    font-weight: normal;
    color: #666666;
    font-size: 24px;
    padding: 0 0 10px 0;
    margin: 0;
}

.popupTypeAccount h3,
.popupTypeInfo h3,
.popupNormal h3 {
    font-weight: normal;
    color: #666666;
    font-size: 20px;
    padding: 0 0 5px 0;
    margin: 0;
}

.popupNormal .popupButtons {
    overflow: hidden;
    padding-top: 10px;
}

.popupTypeAccount .popupButtons {
    padding-top: 15px;
}

div.firstLogin h2 {
    font-size: 36px;
}

.popupTypeInfo h2 {
    padding: 45px 0 5px 50px;
}

.popupTypeInfo .popupTypeAccountContent {
    padding: 0 50px;
    line-height: 18px;
    text-align: justify;
}

.popupTypeInfo .popupButtons {
    bottom: 48px;
    left: 50px;
    position: absolute;
}

.popupTypeAccountContent {
    overflow: hidden;
}

.popupTypeAccount .popupClose {
    top: -40px;
}

#popupComTerms .popupInner {
    border: none;
    background: #fff;
}

#popupTerms {
    margin-left: -400px;
    margin-top: -250px;
    z-index: 2000;
}

div.foldersMoveList {
    height: 140px;
    left: 125px;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 275px;
}

div.contactsMoveList {
    background: #fff;
    float: left;
    height: 140px;
    margin-left: 10px;
    position: relative;
    padding: 2px 0;
    width: 275px;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    min-height: 140px;
}

#popupContactsConnectToLabels .foldersLabel {
    float: left;
    font-size: 14px;
}

#popupContactsConnectToLabels .popupFolderMoveScroll {
    height: 140px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 7px;
    z-index: 9;
}

#movelabelListContainer {
    width: 260px;
    margin-left: 3px;
}

#contactsConnectToLabelsContainer .viewport {
    overflow: hidden;
    height: 140px;
    position: relative;
}

#contactsConnectToLabelsContainer .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

.popupFolderMoveScroll {
    height: 140px;
    position: absolute;
    right: -8px;
    top: 0;
    width: 7px;
}


#foldersMoveListContainer .viewport {
    width: 275px;
    height: 140px;
    overflow: hidden;
    position: relative;
}

#foldersMoveListContainer .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

#foldersMoveListContainer .track {
    background: #fff url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

#foldersMoveListContainer .disable,
#filesUploadProgressContainer .disable {
    display: none;
}


#popupSpamFilterList {
    position: relative;
    margin-left: 20px;
}

#popupSpamFilterList .scrollbar {
    height: 200px;
    position: absolute;
    right: -3px;
    top: 0;
    width: 7px;
    display: block;
    z-index: 10;
}

#popupSpamFilterList .viewport {
    height: 200px;
    overflow: hidden;
    position: relative;
}

#popupSpamFilterList .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

#popupSpamFilterList .track {
    background: url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

#popupSpamFilterList .disable {
    display: none;
}


#popupContatsListContainer {
    border-radius: 5px;
    height: 200px;
    overflow: auto;
    padding: 1%;
    width: 98%;
}

.popupContatsListItem {
    border-bottom: 1px solid #bfbfbf;
    cursor: pointer;
    height: 47px;
    overflow: hidden;
    padding-bottom: 1px;
    padding-left: 40px;
    position: relative;
}

.popupContatsListItem .popupContactDetailAvatar {
    height: 40px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 40px;
}

.popupContatsListItem .popupContactDetailAvatarSize {
    height: 40px;
    width: 40px;
}

.popupContatsListItem .popupContactDetailName {
    left: 10px;
    max-width: 225px;
    overflow: hidden;
    padding-top: 17px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popupContatsListItem .popupContactDetailEmail {
    width: 180px;
    overflow: hidden;
    right: 130px;
    top: 17px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popupContatsListItem .popupContactDetailPhone {
    width: 100px;
    overflow: hidden;
    right: 0;
    top: 17px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#contactsSubModulesInner .viewport {
    height: 100%;
}

#contactDetailsScroll .viewport,
#contactDetailsLinkedIn .viewport,
#notesScrollbar .viewport,
#contactMobileScrollbar .viewport {
    height: 300px;
}

#mailsMoveListContainer .viewport {
    width: 275px;
    height: 140px;
    overflow: hidden;
    position: relative;
}

#mailsMoveListContainer .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

#mailsMoveListContainer .track {
    background: #fff url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

#mailsMoveListContainer .disable {
    display: none;
}

#popupTermsContainer,
#popupMenagerCallHistoryContainer {
    padding: 15px;
    position: relative;
}

#popupTermsContainer .viewport,
#popupMenagerCallHistoryContainer .viewport {
    height: 500px;
    overflow: hidden;
    position: relative;
}

#popupTermsContainer .overview,
#popupMenagerCallHistoryContainer .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

#popupTermsContainer .track,
#popupMenagerCallHistoryContainer .track {
    background: #fff url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

#popupTermsContainer .disable,
#popupMenagerCallHistoryContainer .disable {
    display: none;
}


.smsTabScrollbarShort.facebookScroller .thumb {
    height: 52px;
    background: url("../_d/background_scroll2.png") no-repeat;
}

.facebookScroller .viewport {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.smsSortListForSwitchViewport.viewport {
    overflow: visible;
}

.facebookScroller .overview {
    position: relative;
    left: 0;
    top: 0;
    padding-top: 0;
}

.facebookScroller .track {
    background: #fff url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

.facebookScroller .disable {
    display: none;
}

.facebookScrollerBar {
    position: absolute;
    right: 1px;
    height: 300px;
    z-index: 20;
}

#smsMiddleScrollbar .facebookScrollerBar {
    height: auto;
    max-height: 600px;
}

#smsMiddleScrollbar {
    position: relative;
}

.prevScroller {
    position: absolute;
    width: 7px;
    right: 5px;
    z-index: 2;
}

.mailListContentInner .viewport {
    margin: 10px 8px 0 25px;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.readmailContent .viewport {
    margin: 10px 8px 0 25px;
    overflow: auto;
    position: relative;
}

.mailListContentInner .overview,
.readmailContent .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 99%;
    padding-top: 0;
    overflow: hidden;
}

.mailListContentInner .disable,
.readmailContent .disable {
    display: none;
}


/*.readmailContent .mailListContentInner .viewport, .readmailContent .viewport { height: 300px; }*/

.readmailContent .mailListContentInner .overview,
.readmailContent .overview {
    position: relative;
}


/* .readmailContent .scrollbar { display: none; } */

.readmailContent .prevScroller {
    display: none;
}

#contactsList .prevScroller {
    right: 2px;
    width: 15px;
    top: 95px;
    overflow: hidden;
    padding-bottom: 37px;
}

#contactsList .track {
    background: #fff url("../_d/contacts_scroll_track.png") no-repeat 0 -6px;
    height: 953px;
    margin-top: 6px;
    padding-bottom: 31px;
    width: 15px;
    position: absolute;
    right: 0;
}


#contactsList .scrollDecor {
    background: #fff url("../_d/contacts_scroll_track.png") no-repeat;
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: -6px;
    width: 15px;
}

.popupLabel {
    background: url("../_d/labels_popup.png") no-repeat;
    width: 471px;
    height: 305px;
    margin: -152px 0 0 -235px;
}

.popupLabel .popupButtons {
    left: 180px;
    position: absolute;
    top: 230px;
}

.popupLabel .popupLabelsContent {
    position: absolute;
    top: 90px;
    left: 55px;
    width: 360px;
}

.popupLabel .regLabel {
    width: 100px;
}

.popupContactsLabel .regLabel {
    width: 100px;
}

.labelIcon1 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right 2px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon2 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -130px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon3 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -261px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon4 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -390px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon5 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -42px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon6 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -174px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon7 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -305px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon8 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -433px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon9 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -87px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon10 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -219px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon11 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -349px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

.labelIcon12 {
    display: block;
    background: url("../_d/icons_label.png?v=1") no-repeat right -478px;
    float: left;
    margin-right: 20px;
    padding: 0 16px 10px 0;
}

div.folderList li div.labelGroupIcon1 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4016px;
}

div.folderList li div.labelGroupIcon2 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4147px;
}

div.folderList li div.labelGroupIcon3 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4278px;
}

div.folderList li div.labelGroupIcon4 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4407px;
}

div.folderList li div.labelGroupIcon5 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4059px;
}

div.folderList li div.labelGroupIcon6 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4191px;
}

div.folderList li div.labelGroupIcon7 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4322px;
}

div.folderList li div.labelGroupIcon8 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4450px;
}

div.folderList li div.labelGroupIcon9 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4104px;
}

div.folderList li div.labelGroupIcon10 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4236px;
}

div.folderList li div.labelGroupIcon11 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4366px;
}

div.folderList li div.labelGroupIcon12 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4495px;
}

div#newContactLabels li div.labelGroupIcon1 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4016px;
}

div#newContactLabels li div.labelGroupIcon2 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4147px;
}

div#newContactLabels li div.labelGroupIcon3 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4278px;
}

div#newContactLabels li div.labelGroupIcon4 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4407px;
}

div#newContactLabels li div.labelGroupIcon5 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4059px;
}

div#newContactLabels li div.labelGroupIcon6 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4191px;
}

div#newContactLabels li div.labelGroupIcon7 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4322px;
}

div#newContactLabels li div.labelGroupIcon8 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4450px;
}

div#newContactLabels li div.labelGroupIcon9 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4104px;
}

div#newContactLabels li div.labelGroupIcon10 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4236px;
}

div#newContactLabels li div.labelGroupIcon11 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4366px;
}

div#newContactLabels li div.labelGroupIcon12 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4495px;
}

div#newContactLabels2 li div.labelGroupIcon1 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4016px;
}

div#newContactLabels2 li div.labelGroupIcon2 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4147px;
}

div#newContactLabels2 li div.labelGroupIcon3 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4278px;
}

div#newContactLabels2 li div.labelGroupIcon4 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4407px;
}

div#newContactLabels2 li div.labelGroupIcon5 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4059px;
}

div#newContactLabels2 li div.labelGroupIcon6 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4191px;
}

div#newContactLabels2 li div.labelGroupIcon7 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4322px;
}

div#newContactLabels2 li div.labelGroupIcon8 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4450px;
}

div#newContactLabels2 li div.labelGroupIcon9 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4104px;
}

div#newContactLabels2 li div.labelGroupIcon10 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4236px;
}

div#newContactLabels2 li div.labelGroupIcon11 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4366px;
}

div#newContactLabels2 li div.labelGroupIcon12 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4495px;
}

.contactDetailGroupBox li div.labelGroupIcon1 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4016px;
}

.contactDetailGroupBox li div.labelGroupIcon2 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4147px;
}

.contactDetailGroupBox li div.labelGroupIcon3 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4278px;
}

.contactDetailGroupBox li div.labelGroupIcon4 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4407px;
}

.contactDetailGroupBox li div.labelGroupIcon5 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4059px;
}

.contactDetailGroupBox li div.labelGroupIcon6 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4191px;
}

.contactDetailGroupBox li div.labelGroupIcon7 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4322px;
}

.contactDetailGroupBox li div.labelGroupIcon8 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4450px;
}

.contactDetailGroupBox li div.labelGroupIcon9 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4104px;
}

.contactDetailGroupBox li div.labelGroupIcon10 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4236px;
}

.contactDetailGroupBox li div.labelGroupIcon11 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4366px;
}

.contactDetailGroupBox li div.labelGroupIcon12 span {
    background: url("../_d/icons.png?v=3") no-repeat 0 -4495px;
}

div.labelGroupIcon1 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4016px;
}

div.labelGroupIcon2 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4147px;
}

div.labelGroupIcon3 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4278px;
}

div.labelGroupIcon4 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4407px;
}

div.labelGroupIcon5 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4059px;
}

div.labelGroupIcon6 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4191px;
}

div.labelGroupIcon7 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4322px;
}

div.labelGroupIcon8 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4450px;
}

div.labelGroupIcon9 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4104px;
}

div.labelGroupIcon10 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4236px;
}

div.labelGroupIcon11 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4366px;
}

div.labelGroupIcon12 span {
    background: url("../_d/icons.png?v=3") no-repeat -4px -4495px;
}

.contactDetailGroupBox .folderGroup i {
    padding-left: 25px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

.contactDetailGroupBox .folderGroup span {
    display: block;
}

.popupMove h2,
.popupDelete h2,
.popupLabel h2 {
    font-weight: normal;
    color: #666666;
    font-size: 24px;
    position: absolute;
    top: 55px;
    left: 55px;
    padding: 0;
    margin: 0;
}

.popupEditPicture h2 {
    font-weight: normal;
    color: #666666;
    font-size: 24px;
    position: absolute;
    top: 58px;
    left: 75px;
    padding: 0;
    margin: 0;
}

.popupEditPicture .popupButtons {
    position: absolute;
    bottom: 95px;
    left: 75px;
}

#profileSpaceToCropPhoto {
    position: absolute;
    overflow: hidden;
    height: 380px;
    width: 620px;
    top: 110px;
    left: 93px;
}

.popupMove .foldersLabel {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    left: 53px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 65px;
    text-align: right;
}

#popupLinkedInImportContent {
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    position: absolute;
    top: 100px;
    left: 60px;
    padding: 0;
    margin: 0;
}

#popupFileImportContent {
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    padding: 0;
    margin: 95px 55px 0 55px;
    text-align: center;
}

#popupGmailImportContent {
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#popupGmailImportContent .passwordMarkBar {
    margin-left: 85px;
}

.popupDelete .foldersLabel {
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    position: absolute;
    top: 100px;
    left: 60px;
    padding: 5px 0 5px 40px;
    margin: 0;
    width: 330px;
    background: url("../_d/icon_warning.png") no-repeat left center;
}

.popupQuestionBox {
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    padding: 5px 0 5px 40px;
    margin: 20px 0;
    width: 330px;
    background: url("../_d/icon_warning.png") no-repeat left center;
}

#popupMenagerCallHistory .foldersLabel {
    font-weight: normal;
    color: #666666;
    font-size: 14px;
    padding: 5px 0 5px 40px;
    margin: 10px 0;
    width: 330px;
    background: url("../_d/icon_warning.png") no-repeat left center;
}

#deleteManagerHistoryConfirmation {
    height: 100px;
}

#deleteManagerHistoryConfirmation .managerConfirmButtons {
    height: 40px;
    margin-top: 10px;
    position: relative;
}

.popupButtonMove {
    display: block;
    background: url("../_d/button_move.png") no-repeat;
    width: 49px;
    height: 25px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    left: 120px;
    top: 260px;
}

.popupButtonDelete {
    display: block;
    background: url("../_d/button_delete.png") no-repeat;
    width: 56px;
    height: 25px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    left: 60px;
    top: 173px;
}

.popupButtonDeleteClose {
    display: block;
    background: url("../_d/button_move_cancel.png") no-repeat;
    width: 59px;
    height: 25px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    left: 122px;
    top: 173px;
}

.popupButtonMoveClose {
    display: block;
    background: url("../_d/button_move_cancel.png") no-repeat;
    width: 59px;
    height: 25px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    left: 175px;
    top: 260px;
}

.popupClose {
    position: absolute;
    right: 8px;
    top: 8px;
    text-indent: -999px;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

a.popupClose {
    text-decoration: none;
}

.popupEditPicture .popupClose {
    right: 30px;
    top: 15px;
}

i {
    font-style: normal;
    text-decoration: none;
}

.maillistData th {
    padding: 0;
}

.maillistData th,
.accountList {
    background: url("../_d/buttons_beta.png?v=1") repeat-x 0 -1769px;
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 0 #7A8287;
    height: 26px;
}

.maillistData th:hover {
    background-position: 0 -1818px;
}

.maillistData th.noHover,
.maillistData th.noHover:hover {
    background-position: 0 -1769px;
    cursor: auto;
}

.maillistData th.moveCheck {
    width: 70px;
    border-right: 1px solid #d1d7d9;
    text-align: right;
}

.draftMailList .maillistData th.moveCheck {
    width: 50px;
}

.maillistData th.contactTitle {
    text-align: left;
    padding-left: 10px;
}

.maillistData th.contactTitleEnd {
    padding-left: 10px;
    width: 60px;
}

.accountList {
    margin: 0 10px;
    position: relative;
    padding-top: 4px;
    height: 22px;
    font-weight: bold;
}

.accountListLeft {
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 26px;
    overflow: hidden;
    text-indent: -999px;
}

.accountListRight {
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
    height: 26px;
    overflow: hidden;
    text-indent: -999px;
}

.maillistData th.moveCheck:hover {
    background-position: 0 -38px;
}

.maillistData th.moveCheckNoHover:hover {
    background-position: left top;
    cursor: auto;
}

.maillistData th.sender {
    width: 180px;
    border-right: 1px solid #d1d7d9;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.maillistData th.subject {
    border-right: 1px solid #d1d7d9;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.maillistData th.icon,
.maillistData th.icon2 {
    width: 27px;
    border-right: 1px solid #d1d7d9;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 13px;
    cursor: pointer;
}

.maillistData th.iconCursor {
    cursor: default !important;
}

.maillistData th.icon2:hover {
    background: url("../_d/buttons_beta.png?v=1") repeat-x scroll 0 -1769px rgba(0, 0, 0, 0);
}

.maillistData th.msize {
    width: 72px;
    border-right: 1px solid #d1d7d9;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.maillistData th.mtype {
    width: 74px;
    border-right: 1px solid #d1d7d9;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.maillistData th.mpath {
    width: 200px;
    border-right: 1px solid #d1d7d9;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.maillistData th.date {
    width: 150px;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.maillistData th.date:hover {
    background-position: right -38px;
}

.maillistData th.dateNoHover:hover {
    background-position: right top;
    cursor: auto;
}

.maillistData th.searchdate {
    width: 150px;
    border-right: 1px solid #d1d7d9;
    border-left: 1px solid #9da8ae;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.maillistData td.moveCheck {
    width: 71px;
}

.draftMailList .maillistData td.moveCheck {
    width: 51px;
}

.maillistData th.moveCheck input {
    margin-right: 5px;
}

.maillistData td.sender {
    width: 192px;
    padding-left: 0;
    /*10px*/
}

.maillistData td.msize {
    width: 72px;
    padding-left: 10px;
}

.maillistData td.icon {
    width: 72px;
    padding-left: 5px;
}

.maillistData td.mtype {
    width: 70px;
    padding-left: 10px;
}

.maillistData td.mpath {
    width: 200px;
    padding-left: 10px;
    color: #999;
}

.maillistData td.date {
    width: 151px;
    padding-left: 10px;
}

.maillistData td.subject {
    padding-left: 10px;
}

.maillistData td.subject .fileNameTrash {
    margin-right: 0px !important;
}

.maillistData td.searchdate {
    width: 150px;
    padding-left: 10px;
}

.maillistData tr.mailItem td {
    border-bottom: 1px solid #d9d9d9;
    height: 33px;
    vertical-align: middle;
}

.maillistData tr.mailItem td.subject {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.maillistData tr.mailItem td.sender {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.maillistData tr.mailItem td.moveCheck {
    text-align: right;
}

.maillistData tr.mailItem td.moveCheck span {
    padding-right: 3px;
}

.maillistData {
    width: 100%;
    table-layout: fixed;
}

.maillistData tr.mailItem td span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.maillistData tr.mailItem td span.mailCheckContainer {
    display: inline;
}

.maillistData th.sender span,
.maillistData tr.mailItem td.sender span {
    padding-left: 4px;
    /*6px*/
}

.maillistData tr.mailItem td.subject span {
    margin-right: 36px;
    display: block;
}

.searchmailData tr.mailItem td.subject span {
    margin-left: 5px;
}

.maillistData .attach td.subject {
    background: url("../_d/icons.png?v=3") no-repeat right -802px;
}

.maillistData tr.mailItem td.sender span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.maillistData tr.mailItem td.moveCheck {
    background: url("../_d/icons.png?v=3") no-repeat -1px -548px;
}

.maillistData tr.noDragIcon td.moveCheck {
    background-image: none;
}

.maillistData tr.noDragIcon .dragMailInfo {
    display: none;
}

.maillistData tr.mailItem:hover {
    background-color: #f8fbe5;
    cursor: pointer;
}

.maillistData tr.nohover {
    background-color: #fff;
}

.maillistData tr.content {
    display: none;
}

.maillistData .content td {
    height: auto;
}

.maillistData tr.mailItem {
    cursor: pointer;
}

.mailsTopMenuIcon {
    background: url("../_d/icons.png?v=3") no-repeat -15px -3324px;
    padding: 0 3px;
    margin-right: 3px;
    margin-left: 2px;
}

#wrapper .mailsTopMenuIconOpened {
    background: url("../_d/icons.png?v=3") no-repeat -15px -2506px;
}

.mailsMenuIcon {
    background: url("../_d/icons.png?v=3") no-repeat -15px -2509px;
    padding: 0 3px;
    margin-right: 3px;
    margin-left: 2px;
}

#wrapper a.mailsMenuIcon,
#wrapper a.mailsTopMenuIcon {
    text-decoration: none;
}

.maillistData .unread {
    font-weight: bold;
    color: #333333;
}


/*
.maillistData .reply td.sender {
    background: url("../_d/background_mails_icons.png") no-repeat -2px -197px;
    background: url('../_d/icons.png?v=3') no-repeat -12px -754px;
}
.maillistData .forward td.sender {
    background: url("../_d/background_mails_icons.png") no-repeat -2px -159px;
    background: url('../_d/icons.png?v=3') no-repeat -12px -715px;
}
*/

.normalize {
    font-size: 14px;
    font-weight: normal;
}

#filelist .maillistData tr.mailItem td.subject i {
    height: 33px;
    position: absolute;
    right: 0;
    top: -9px;
    width: 30px;
}

#filelist .viewItem2 {
    border: 1px solid #ddd;
    float: left;
    height: 130px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: 130px;
    padding: 10px;
}

#filelist .maillistData tr.mailItem:hover td.subject i,
#filelist .maillistData tr.isShared td.subject i {
    background: url("../_d/_icons.png?v=6") no-repeat 2px -1253px;
}

#filelist .maillistData tr.mailItem:hover td.subject i:hover,
#filelist .maillistData tr.isShared td.subject i:hover {
    background: url("../_d/_icons.png?v=6") no-repeat 2px -1176px;
}

#popupFilesLinkLink {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 430px;
}

#popupFilesLinkShareLink {
    padding: 7px 0;
}

.nomove {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.unselectable,
.smartTagInMessage,
.noSelect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mailListContentArea {
    position: relative;
    margin: 0 3px;
    cursor: auto;
}

.mailListContentInner {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #D9D9D9;
}

.mailListContentInnerContent {
    font-size: 14px;
    color: #333333;
    text-shadow: 0 0 0 #999999;
    line-height: normal;
}

.mailListContentInnerContent p {
    margin: 1em 0;
    padding: 0;
    text-indent: 0 !important;
}

.mailListContentInnerContent,
.mailListContentInnerContent * {
    text-indent: 0 !important;
}

.mlCntEdgeT {
    height: 14px;
    position: absolute;
    top: -48px;
    left: 0;
    width: 100%;
    display: block;
    overflow: hidden;
}

.mlCntEdgeT i {
    display: block;
    overflow: hidden;
    text-indent: -999px;
    margin: 0 11px 0 12px;
    height: 14px;
    background: url("../_d/background_maillist_content_horizontal.png") repeat-x;
}

.mlCntEdgeB {
    height: 14px;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: none;
}

.mlCntEdgeB i {
    display: block;
    overflow: hidden;
    text-indent: -999px;
    margin: 0 11px;
    height: 14px;
    background: url("../_d/background_maillist_content_horizontal.png") repeat-x bottom;
}

.mlCntEdgeL {
    display: block;
    height: 100%;
    left: -17px;
    position: absolute;
    top: -19px;
    width: 14px;
}

.mlCntEdgeL i {
    background: url("../_d/preview_left.png") no-repeat 0 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 14px;
    position: absolute;
    top: 0;
    left: 1px;
    padding-bottom: 6px;
}

.mlCntEdgeR {
    display: block;
    height: 100%;
    right: -17px;
    position: absolute;
    top: -20px;
    width: 14px;
}

.mlCntEdgeR i {
    background: url("../_d/preview_right.png") no-repeat 0 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 14px;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 7px;
}

.mlCntEdgeTL {
    width: 29px;
    height: 29px;
    background: url("../_d/background_maillist_content_edges.png") no-repeat;
    position: absolute;
    top: -48px;
    left: -17px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.mlCntEdgeTR {
    width: 29px;
    height: 28px;
    background: url("../_d/background_maillist_content_edges.png") no-repeat -30px 0;
    position: absolute;
    top: -48px;
    right: -18px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.mlCntEdgeBL {
    width: 28px;
    height: 29px;
    background: url("../_d/background_maillist_content_edges.png") no-repeat 0 -30px;
    position: absolute;
    bottom: -16px;
    left: -17px;
    overflow: hidden;
    text-indent: -999px;
    display: none;
}

.mlCntEdgeBR {
    width: 28px;
    height: 28px;
    background: url("../_d/background_maillist_content_edges.png") no-repeat -30px -30px;
    position: absolute;
    bottom: -15px;
    right: -17px;
    overflow: hidden;
    text-indent: -999px;
    display: none;
}

.mlCntborderEdgeL {
    background: #fff;
    display: block;
    height: 4px;
    left: -3px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: -2px;
    width: 8px;
}

.mlCntborderEdgeR {
    background: #fff;
    display: block;
    height: 4px;
    right: -3px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: -2px;
    width: 8px;
}

table {
    border-spacing: 0;
}

.mailPreviewActionIcons {
    height: 33px;
    padding-top: 10px;
    margin: 0 5px;
    border-bottom: 1px solid #d9d9d9;
    opacity: 0.45;
    filter: alpha(opacity=45);
}

.readmailContent .mailPreviewActionIcons {
    padding-top: 0;
}

div.mailPreviewActionIconsEnable {
    opacity: 1;
    filter: none;
}

.buttonMailClose {
    width: 28px;
    height: 25px;
    /*background: url("../_d/icons_mail_preview.png") no-repeat -109px 0;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 -542px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.buttonFullView {
    width: 28px;
    height: 25px;
    /*background: url("../_d/icons_mail_preview.png") no-repeat -75px 0;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 -506px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.buttonMailDelete {
    width: 28px;
    height: 25px;
    /*background: url("../_d/icons_mail_preview.png") no-repeat -34px 0;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 -471px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.buttonMailDeleteInactive {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}

.buttonMailRestore {
    width: 28px;
    height: 25px;
    /*background: url("../_d/icons_mail_preview3.png") no-repeat 0 0;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 -400px;
    display: none;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.buttonMailPrint {
    width: 28px;
    height: 25px;
    /*background: url("../_d/icons_mail_preview.png") no-repeat;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 -435px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.buttonMailSource {
    width: 28px;
    height: 25px;
    background: url("../_d/_icons.png?v=6") no-repeat 0 -1124px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.vline {
    border-left: 1px solid #d9d9d9;
    float: right;
    height: 24px;
    margin-left: 5px;
    overflow: hidden;
    text-indent: -999px;
    width: 0;
}

.previewHeaderBox {
    border: 1px solid #d9d9d9;
    border-color: #ffffff #d9d9d9 #d9d9d9 #d9d9d9;
    background: #f2f2f2;
    margin: 0 5px;
    z-index: 2;
    position: relative;
    padding: 6px;
}

.previewHeaderBox .phbEdge1 {
    width: 4px;
    height: 4px;
    /*background: url("../_d/background_mail_preview_top_edges.png") no-repeat;*/
    background: url('../_d/_icons.png?v=6') no-repeat -32px 0;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    top: -2px;
    left: -1px;
}

.previewHeaderBox .phbEdge2 {
    width: 4px;
    height: 4px;
    /*background: url("../_d/background_mail_preview_top_edges.png") no-repeat right top;*/
    background: url('../_d/_icons.png?v=6') no-repeat -36px 0;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    top: -2px;
    right: -1px;
}

.previewHeaderBox .phbEdge3 {
    width: 4px;
    height: 3px;
    /*background: url("../_d/background_mail_preview_top_edges.png") no-repeat left bottom;*/
    background: url('../_d/_icons.png?v=6') no-repeat -32px -4px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    bottom: -1px;
    left: -1px;
}

.previewHeaderBox .phbEdge4 {
    width: 4px;
    height: 3px;
    /*background: url("../_d/background_mail_preview_top_edges.png") no-repeat right bottom;*/
    background: url('../_d/_icons.png?v=6') no-repeat -36px -4px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    bottom: -1px;
    right: -1px;
}

.mailHeaderBasicInfo {
    border-bottom: 1px solid #d9d9d9;
    height: 48px;
    margin-bottom: 10px;
    position: relative;
}

.mailHeaderBasicInfo img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.mailRecipients {
    color: #999999;
    font-size: 14px;
    height: 18px;
    overflow: hidden;
    padding-right: 85px;
}

.mailRecipientsFull {
    height: auto;
}

.mailTo {
    padding-bottom: 3px;
}

.mailDate {
    color: #999999;
    font-size: 14px;
    padding-bottom: 3px;
    margin-top: 5px;
    display: none;
}

.mailSubject {
    color: #999999;
    font-size: 14px;
    padding-bottom: 3px;
    margin-top: 5px;
    display: none;
}

.mailCopy {
    color: #999999;
    font-size: 14px;
    padding-bottom: 3px;
    margin-top: 5px;
    display: none;
}

.mailHiddenCopy {
    color: #999999;
    font-size: 14px;
    padding-bottom: 3px;
    margin-top: 5px;
    display: none;
}

.mailDate u,
.mailSubject u {
    color: #666666;
    text-shadow: 0 0 0 #999999;
    text-decoration: none;
}

.contactInfoMail {
    width: 20px;
    height: 14px;
    position: absolute;
    top: 25px;
    left: 50px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    border-right: 1px solid #bfbfbf;
}

.contactInfoMailDisable {
    background-position: 0 -25px;
    cursor: default !important;
}

.contactInfoPhone {
    width: 20px;
    height: 14px;
    position: absolute;
    top: 25px;
    left: 75px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    border-right: 1px solid #bfbfbf;
}

.contactInfoPhoneDisable {
    background-position: -25px -24px;
    cursor: default !important;
}

.contactInfoPhoneHiddenNumber {
    cursor: default !important;
}

.contactInfoContact {
    width: 16px;
    height: 14px;
    position: absolute;
    top: 25px;
    left: 147px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.contactInfoContactDisable {
    background-position: -51px -24px;
    cursor: default !important;
}

.contactInfoMobile {
    /*background: url("../_d/mobile_voip.png") no-repeat 6px 2px;*/
    background: url('../_d/icons.png?v=3') no-repeat -9px -5909px;
    border-right: 1px solid #DFDFDF;
    display: block;
    height: 18px;
    left: 140px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 62px;
    width: 21px;
}

.contactInfoMobileDisable {
    background-position: 0 -25px;
    cursor: default !important;
}

#contactDetails .contactInfoMobileDisable {
    background-position: -8px -5934px;
    cursor: default !important;
}

.contactInfoSMS {
    width: 20px;
    height: 14px;
    position: absolute;
    top: 64px;
    left: 163px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    border-right: 1px solid #bfbfbf;
}

.contactInfoSMSDisable {
    background-position: 0 -25px;
    cursor: default !important;
}

#contactDetails .contactInfoSMSDisable {
    background-position: 4px -38px;
    cursor: default !important;
}

#smsDetails .contactInfoSMSDisable {
    background-position: 4px -38px;
}

#smsDetails .contactInfoMobileDisable {
    background-position: 6px -23px;
}

.contactMailInfoMobile {
    /*background: url("../_d/mobile_voip.png") no-repeat 0 0;*/
    background: url('../_d/icons.png?v=3') no-repeat -15px -5911px;
    border-right: 1px solid #BFBFBF;
    display: block;
    height: 14px;
    left: 102px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 25px;
    width: 15px;
}

.contactMailInfoMobileDisable {
    background-position: -15px -5936px;
    cursor: default !important;
}

.contactMailInfoSMS {
    border-right: 1px solid #BFBFBF;
    display: block;
    height: 14px;
    left: 118px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 25px;
    width: 25px;
}

.contactMailInfoSMSDisable {
    background-position: 5px -38px;
    cursor: default !important;
}

.popupTypeVoip .contactInfoPhone {
    background: url("../_d/icons_mail_preview2.png") no-repeat -21px 0;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    display: block;
    height: 14px;
    left: 73px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 29px;
    width: 25px;
}

.previewSender {
    font-size: 14px;
    left: 50px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    white-space: nowrap;
    width: 80%;
    text-overflow: ellipsis;
}

.maillistData td .previewSender span,
.previewSender span {
    font-size: 12px;
    color: #646464;
    text-shadow: none;
    margin-left: 0;
}

a.previewHeaderMoreInfo,
.mailRecipients a.previewHeaderMoreInfo {
    position: absolute;
    right: 0;
    bottom: 5px;
    color: #990ae3;
    font-size: 12px;
    text-decoration: none;
    background: none;
    padding-right: 0;
}

a.prevHeaderMoreInfo,
.mailRecipients a.prevHeaderMoreInfo {
    position: absolute;
    right: 0;
    top: 7px;
    color: #990ae3;
    font-size: 12px;
    text-decoration: none;
    background: none;
    padding-right: 0;
    z-index: 10;
}

.mailRecipients a {
    margin-right: 15px;
    padding-right: 17px;
    color: #666666;
    text-decoration: none;
    position: relative;
    text-shadow: 0 0 0 #999999;
}

.mailRecipients span {
    margin-right: 15px;
    padding-right: 17px;
    color: #666666;
    text-decoration: none;
    position: relative;
    text-shadow: 0 0 0 #999999;
    white-space: nowrap;
}

#maillistMailMenuAdd span {
    color: #666666;
    display: inline;
    margin-right: 0;
    padding: 1px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 0 #999999;
    white-space: nowrap;
}

.attachDropDown {
    background: url("../_d/icons_mail_preview2.png") no-repeat right -37px;
    padding-right: 10px;
    cursor: pointer;
}

.mailRecipients i {
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    cursor: pointer;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.previewReply {
    padding: 10px 5px 10px 15px;
    position: relative;
}

.previewReplyAdBox {
    position: absolute;
    right: 5px;
    top: 10px;
    border: 1px dashed #ccc;
    width: 240px;
    height: 100px;
}

.previewReplyArea {
    width: 99%;
    height: 50px;
    border: 1px solid #ccc;
    max-height: 400px;
}

textarea {
    resize: none;
}

.sendReply,
div#wrapper a.sendReply {
    margin: 10px 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.buttonNewmail a {
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.buttonNewmail a.inactive {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.inactiveButton,
#wrapper a.inactiveButton,
a.inactiveButton,
.inactiveButton {
    cursor: default !important;
    background-position: right -2907px !important;
    text-shadow: 0 -1px 1px #888 !important;
}

.inactiveButton span,
#wrapper a.inactiveButton span,
a.inactiveButton span,
.inactiveButton span {
    background-position: 0 -2861px !important;
    text-shadow: 0 -1px 1px #888 !important;
}

div#wrapper .previewReply a.active {
    opacity: 1;
    filter: none;
    cursor: pointer !important;
}

.prevReplayContainer {
    position: relative;
}

.prevreplyLinks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 10px 0 0 10px;
    color: #454545;
    background: #fff;
    z-index: 5;
}

#wrapper .prevreplyLinks a,
.prevreplyLinks a {
    font-size: 14px;
    color: #454545;
    text-decoration: underline;
}

.readmailSubjectDate {
    border-bottom: 1px solid #D9D9D9;
    color: #666666;
    font-size: 24px;
    margin: 10px 5px 0;
    padding-bottom: 5px;
    padding-right: 200px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.readmailSubjectDate span {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 12px;
}

.quotaBox {
    display: none;
}

.moveState .folderMail i,
.moveState .lastMove i {
    color: #cccccc;
}

.maillistData tr#maillistPager,
.pagerItem,
.maillistData tr#maillistPagerHalf {
    background: #f2f2f2;
    text-align: center;
    cursor: auto;
}

.maillistData tr#maillistPager td,
.maillistData tr#maillistPagerHalf td {
    border: none;
}

#maillistPager a,
.pagerItem a,
#maillistPagerHalf a {
    background: url("../_d/icons.png?v=3") no-repeat right -2228px;
    padding-right: 12px;
}

#maillistPager div,
#maillistPagerHalf div {
    position: relative;
}

#maillistPager .nextPage,
#maillistPagerHalf .nextPage,
#searchPager .nextPage {
    /*background: url("../_d/icon_pager.png") no-repeat scroll right 4px;*/
    background: url("../_d/icons.png?v=3") no-repeat scroll right -3456px;
    right: 10px;
    padding-right: 11px;
    position: absolute;
    top: 0;
}

#maillistPager .previousPage,
#maillistPagerHalf .previousPage,
#searchPager .previousPage {
    /*background: url("../_d/icon_pager.png") no-repeat scroll left -39px;*/
    background: url("../_d/icons.png?v=3") no-repeat scroll -19px -3499px;
    left: 10px;
    padding-left: 11px;
    position: absolute;
    top: 0;
}

#maillistPager a,
#searchPager a {
    background: none;
    padding: 0;
}

#systemmessagesRows .pagerItem {
    padding: 10px;
}


/*
.pagerItem a {
    background: url("../_d/icon_arrow6.png") no-repeat right center;
    padding-right: 11px;
}
*/

#systemmessagesRows .pagerItem div {
    position: relative;
    padding: 0;
}

.pagerItem a.nextPage {
    /*background: url("../_d/icon_pager.png") no-repeat scroll right 4px;*/
    background: url("../_d/icons.png?v=3") no-repeat scroll right -3456px;
    right: 10px;
    padding-right: 11px;
    position: absolute;
    top: 0;
}

.pagerItem a.previousPage {
    /*background: url("../_d/icon_pager.png") no-repeat scroll left -39px;*/
    background: url("../_d/icons.png?v=3") no-repeat scroll -19px -3499px;
    left: 10px;
    padding-left: 11px;
    position: absolute;
    top: 0;
}

.errorField {
    border: 1px solid #ff0000;
}

.notifyField {
    border: 1px solid #FFFF00;
}

.showImages {
    background: #fdf4b2;
    padding: 3px 6px;
    margin: 5px 5px 0 5px;
    font-size: 11px;
}

.mailAttach .attach,
.attachment {
    /*background: url("../_d/icon_attach.png") no-repeat left center;*/
    background: url('../_d/icons.png?v=3') no-repeat -15px -2357px;
    padding-left: 15px;
}

#module-newmail a.attachment {
    font-size: 12px;
    /*background: url("../_d/icon_attach.png") no-repeat left center;*/
    background: url('../_d/icons.png?v=3') no-repeat -15px -2357px;
    padding-left: 15px;
    margin-right: 0;
    text-decoration: none;
}

.attachSize {
    color: #646464;
    font-size: 12px;
}

.attachList {
    overflow: hidden;
    height: 17px;
    line-height: 18px;
}

.downloadAll {
    /*background: #fff url("../_d/icon_attach2.png") no-repeat left center;*/
    background: url('../_d/icons.png?v=3') no-repeat -12px -2311px;
    background-color: #fff;
    padding-left: 17px;
    padding-right: 5px;
    position: absolute;
    top: -8px;
    left: 0;
}

.mailAttach {
    border-top: 1px solid #D9D9D9;
    margin: 5px;
    overflow: visible;
    padding: 10px 100px 0 10px;
    position: relative;
}

.attachMore {
    position: absolute;
    right: 20px;
    top: 20px;
}

.attachments {
    margin: 15px 5px 5px 25px;
}

.dndDropZone {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 3px dashed #bfbfbf;
    height: 100px;
    text-indent: -999px;
    overflow: hidden;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: -12px;
    left: -3px;
    width: 100%;
    height: 100%;
    z-index: 100;
    min-height: 300px;
}

#popupFilesUpload .dndDropZone {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
}

.dndDropZone:hover,
.dndDropZoneHover {
    border: 3px dashed #815D9A;
}

#filesDragDropInProgress {
    border: 3px dashed #ff0000;
    color: #ff0000;
}

#filesDragDropInProgress .dndDropZoneText {
    color: #ff0000;
}

.dndDropZoneText div {
    height: 41px;
    /*background: url("../_d/drop_area_hover.png") no-repeat top center;*/
    background: url('../_d/_backgrounds.png') no-repeat -624px -137px;
    margin-top: 15px;
    /*=====================*/
    width: 45px;
    margin-left: auto;
    margin-right: auto;
    /*=====================*/
}

.dndDropZoneText {
    font-size: 36px;
    padding-top: 20%;
    text-align: center;
    text-indent: 0;
    color: #bfbfbf;
}

.dndDropZone:hover .dndDropZoneText,
.dndDropZoneHover .dndDropZoneText {
    color: #815D9A;
}

.dndDropZone:hover .dndDropZoneText div,
.dndDropZoneHover .dndDropZoneText div {
    /*background-position: bottom center;*/
    background-position: -624px -186px;
}

.dragOk {}

.attachProgress {
    background: url("../_d/backgrund_attach_progress.png") no-repeat;
    padding-left: 120px;
    margin-left: 5px;
    position: relative;
    vertical-align: middle;
    line-height: 16px;
}

.attachProgressFill {
    background: url("../_d/backgrund_attach_progress.png") no-repeat left bottom;
    position: absolute;
    top: -3px;
    left: 0;
    width: 0;
    overflow: hidden;
    text-indent: -999px;
}

#module-newmail {
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
}

#module-newmail form {
    overflow: hidden;
    position: relative;
    width: 130px;
    white-space: nowrap;
    height: 15px;
}

.attachmentFormInputs {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 300px;
    z-index: 2;
    height: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#attachLinkItem {
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
}

#attachmentForm * {
    outline: none;
}

.textareaDecorator {
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
    width: 98%;
}

#module-newmail textarea {
    font-size: 14px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    height: 17px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

#module-newmail input[type="text"],
#popup5stepRecommend input {
    border: 1px solid #bfbfbf;
    font-size: 14px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    padding: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 98%;
}

#popup5stepRecommend input.errorField {
    border: 1px solid #ff0000;
}

#popup5stepRecommend input {
    margin-bottom: 5px;
}

#wrapper .textInput,
.textInput {
    border: 1px solid #bfbfbf;
    font-size: 14px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    padding: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#module-newmail select,
#popup5stepRecommend select {
    border: 1px solid #bfbfbf;
    font-size: 14px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    padding: 5px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -2309px #ffffff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 95%;
}

#module-newmail select {
    width: 33%;
}

#popup5stepRecommend select {
    width: 100%;
}

#module-newmail .errorField {
    border: 1px solid #fc807b;
}

#module-newmail textarea#newmailContentForm {
    width: 98%;
    height: 200px;
}

.newmailTable a,
.linkWithArrow {
    /*background: url("../_d/icon_arrow3.png") no-repeat left center;*/
    background: url('../_d/icons.png?v=3') no-repeat -19px -2151px;
    padding-left: 10px;
    margin-right: 10px;
    outline: none;
}

.newmailTable a.attachDoneLink {
    background: none;
    padding-left: 0;
}

#wrapper .newmailTable .ccBccButtons a:focus,
#wrapper .newmailTable .ccBccButtons a:hover {
    text-decoration: underline;
}

.editorContainer a {
    background: none;
    padding-left: 0;
    margin-right: 0;
    color: #333333;
}

#wrapper .editorContainer a {
    color: #333333;
}

#module-newmail a.buttonSend {
    padding-left: 0;
}

#wrapper #module-newmail a.buttonDrafts {
    float: right;
    padding-left: 0;
}

#wrapper #module-newmail a.buttonDiscard {
    padding-left: 0;
    float: right;
}

.mmContent {
    position: relative;
}

#messageBox .proccesing,
.proccesingBox {
    background: #fbffdd;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 30px 10px 0;
    color: #669900;
    font-size: 14px;
    border: 1px solid #d7df96;
    margin-bottom: 10px;
    position: relative;
}

#messageBox .proccesing .proccesing_spin {
    display: inline-block;
    position: relative;
    height: 25px;
    width: 50px;
    vertical-align: middle;
}

#messageBox .success,
.successBox {
    /*background: #fbffdd url("../_d/background_msg_success.png") no-repeat 10px 5px;*/
    background: #fbffdd url("../_d/_icons.png?v=6") no-repeat 10px -107px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 30px 10px 50px;
    color: #669900;
    font-size: 14px;
    border: 1px solid #d7df96;
    margin-bottom: 10px;
    position: relative;
}

#messageBox .error,
.errorBox,
.errorBox4 {
    /*background: #fff8da url("../_d/background_msg_error.png") no-repeat 10px 5px;*/
    background: #fff8da url("../_d/_icons.png?v=6") no-repeat 10px -776px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 30px 10px 50px;
    color: #c66b00;
    font-size: 14px;
    border: 1px solid #ffcf73;
    margin-bottom: 10px;
    position: relative;
}

#messageBox .info,
.infoBox {
    /*background: #ddf1ff url("../_d/info_icon.png") no-repeat 19px 7px;*/
    background: #ddf1ff url("../_d/_icons.png?v=6") no-repeat -10px -170px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 30px 10px 50px;
    color: #0083be;
    font-size: 14px;
    border: 1px solid #96c2df;
    margin-bottom: 10px;
    position: relative;
}

.mbContainer,
.mbContainer div {
    display: inline-block;
}

.mbContainer {
    margin: 0 auto;
    position: relative;
}

.infoBox2 {
    background: #ddf1ff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 30px 10px 30px;
    color: #0083be;
    font-size: 14px;
    border: 1px solid #96c2df;
    margin-bottom: 20px;
    position: relative;
}

.successBoxContainer {
    display: none;
    position: absolute;
    width: 100%;
    left: 2px;
    top: 3px;
    z-index: 10;
}

.errorBoxContainer {
    display: none;
    position: absolute;
    width: 100%;
    left: 2px;
    top: 3px;
    z-index: 10;
}

#messageBox {
    position: fixed;
    top: 5px;
    width: 100%;
    z-index: 200000;
    text-align: center;
    height: 0;
}

#messageBox .close,
.successBox .close,
.errorBox .close,
.errorBox4 .close,
.infoBox .close {
    /*background: url("../_d/background_msg_close.png") no-repeat;*/
    background: url('../_d/icons.png?v=3') no-repeat right -921px;
    width: 10px;
    height: 11px;
    overflow: hidden;
    position: absolute;
    top: 14px;
    right: 10px;
    display: block;
    text-indent: -999px;
    z-index: 10;
}

#module-newmail a.attachRemove,
.attachRemove {
    /*background: url("../_d/background_msg_close.png") no-repeat 0 2px;*/
    background: url('../_d/icons.png?v=3') no-repeat right -921px;
    padding-left: 10px;
    overflow: hidden;
    text-indent: -999px;
    font-size: 14px;
    margin: 0;
    text-decoration: none;
    vertical-align: sub;
}

#module-newmail a.attachRemove {
    margin: 2px 5px 0 0;
    float: left;
}

#newmailAttachments div,
#newmailFilesAttachments div {
    overflow: hidden;
}

#popupFilesNewmail {
    z-index: 1002;
}

#popupFilesNewmailContainer {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    height: 200px;
    overflow: auto;
    padding: 1%;
    width: 98%;
}

#popupFilesNewmailAsAttachemntContainer {
    background: #fff;
    margin: 10px 0;
}

#popupFilesNewmailAsLinkContainer {
    background: #fff;
    margin: 10px 0;
}

#popupFilesNewmailAsAttachemntLabel,
#popupFilesNewmailAsLinkLabel {
    font-size: 16px;
}

.popupFilesNewmailItem {
    overflow: hidden;
    padding-bottom: 4px;
    border-bottom: 1px solid #bfbfbf;
    position: relative;
    padding-left: 40px;
    height: 29px;
    cursor: pointer;
}

.popupFilesNewmailItemData {
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 388px;
}

.popupFilesNewmailItemSelected {
    background-color: #ddd;
}

.popupFilesNewmailItemExt {
    position: absolute;
    right: 65px;
    top: 10px;
    width: 50px;
}

.popupFilesNewmailItemSize {
    position: absolute;
    right: 0;
    top: 10px;
    width: 60px;
}

.contactRemove {
    /*background: url("../_d/background_msg_close.png") no-repeat 0 2px;*/
    background: url('../_d/icons.png?v=3') no-repeat right -921px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: -999px;
    font-size: 14px;
    margin: 0;
    text-decoration: none;
    vertical-align: sub;
    float: right;
    display: none;
}


/* start editor styles */

.editorContainer {
    background: #fff;
    border: 1px solid #bfbfbf;
    position: relative;
    width: 99%;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 3px;
}

.editorBusy {
    background: #fff url("../_d/loader_new_38.gif") no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 10;
    height: 239px;
    opacity: 0.5;
    filter: alpha(opacity=0);
}

.editorToolbar .editorToolbarBox {
    border-right: 1px solid #bfbfbf;
    float: left;
    height: 29px;
    margin-right: 10px;
    padding-top: 7px;
    padding-right: 5px;
}

.editorActionBox {
    left: 85px;
    padding: 0 3px;
    position: absolute;
    top: 40px;
    width: 160px;
    z-index: 5;
}

.editorActionBoxTop {
    width: 166px;
    height: 9px;
    position: absolute;
    left: 0;
    top: -9px;
}

.editorActionBoxBottom {
    width: 166px;
    height: 11px;
    position: absolute;
    left: 0;
    bottom: -11px;
}

.editorActionBoxSmall {
    background-position: -461px 0;
    width: 71px;
}

.editorActionBoxSmall .editorActionBoxTop {
    background-position: -373px top;
    width: 77px;
}

.editorActionBoxSmall .editorActionBoxBottom {
    background-position: -373px bottom;
    width: 77px;
}

.editorFontSizeOption {
    color: #990ae3;
    padding: 4px;
    position: relative;
    overflow: hidden;
}

.editorFontSizeOption button,
.editorColorOption button {
    width: 200px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: none;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.editorFontSizeOption:hover {
    background-color: #eee;
}

.editorColorOption {
    width: 16px;
    margin: 0 3px 3px 0;
    background: #000;
    position: relative;
    overflow: hidden;
    float: left;
    height: 16px;
}

.editorColorOptionBig {
    width: 149px;
}

.editorColorOptionBig2 {
    width: 147px;
    height: 14px;
    border: 1px solid #d9d9d9;
}


/* stop editor styles */


/* start editor buttons */

.wyswygF button {
    position: absolute;
    width: 85px;
    height: 22px;
    background: #fff;
    border: none;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0;
    top: 0;
    cursor: pointer;
}

.editorContainer .wyswygFActiv,
.wyswygF:hover,
.wyswygFselected {
    background-position: -257px -33px;
}

/* end editor buttons */


/* start images */

#wrapper .closeIco {
    /*background: url("../_d/close.png") no-repeat 0 -33px;*/
    background: url('../_d/icons.png?v=3') no-repeat right -890px;
    width: 10px;
    height: 11px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    text-indent: -999px;
    z-index: 10;
}

#wrapper .closeIco:hover {
    /*background-position: 0 0;*/
    background-position: right -920px;
}

.popupBox {
    display: none;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #bfbfbf;
    padding: 10px;
    font-size: 15px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#module-newmail .editorContainer input {
    width: auto;
    border: none;
}

#module-newmail .editorContainer input.imgUrlField {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    float: left;
    margin-right: 5px;
    width: 100px;
}

#wrapper .imgUrl a.buttonSpecial {
    margin-top: 2px;
}

.insertImage {
    height: 150px;
    left: 50%;
    margin-left: -200px;
    margin-top: 0;
    top: 60px;
    width: 400px;
    z-index: 100;
    font-size: 13px;
}

.insertImage h1 {
    color: #666666;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px 0;
}

.editImage {
    color: #000000;
    font-size: 13px;
    left: 50%;
    margin-left: -160px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 90;
}

#wrapper .editorContainer .editImage a {
    color: #666666;
}

#wrapper .editorContainer .editImage a:hover {
    color: #652D86;
}

.insertImage input {
    vertical-align: middle;
}

.editImage a {
    color: #000000;
}

.imgFile,
.imgUrl. imgCloud {
    padding-top: 10px;
    overflow: hidden;
}

.editImage a:hover,
.editImage a:focus {
    text-decoration: none;
}

.popupBox button {
    cursor: pointer;
}

.pageContainer {
    background: #ffffff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: 0.5;
}

.imgAcceptBut {
    padding-top: 10px;
}

.imagePreviewUrl,
.imagePreviewFile {
    max-height: 106px;
    max-width: 160px;
}

.imagePreviewBox {
    position: absolute;
    right: 10px;
    top: 28px;
    border: 1px solid #eee;
    width: 180px;
    height: 130px;
}

.imagePreviewBox td {
    padding: 10px 10px 8px 10px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}

.imgUrl {
    display: none;
}

.editorBox img {
    cursor: pointer;
}


/* end images */

.relativeContainer {
    position: relative;
}

#newmailToFormSuggest,
#newmailCcFormSuggest,
#newmailBccFormSuggest,
.suggestData {
    background: #FFFFFF;
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    padding: 2px 5px 5px;
    position: absolute;
    top: 28px;
    width: 98%;
    display: none;
    z-index: 10;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#newmailToFormSuggest a,
#newmailCcFormSuggest a,
#newmailBccFormSuggest a,
.suggestData a {
    padding: 3px 4px;
    margin: 0;
    background: #fff;
    display: block;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 12px;
}

#newmailToFormSuggest .line,
#newmailCcFormSuggest .line,
#newmailBccFormSuggest .line,
.suggestData .line {
    margin: 2px 3px 5px 3px;
}

#newmailToFormSuggest a:hover,
#newmailCcFormSuggest a:hover,
#newmailBccFormSuggest a:hover,
.suggestData a:hover {
    background: #f3f3f3;
    text-decoration: none;
}

#newmailToFormSuggest a:hover .contactRemove,
#newmailCcFormSuggest a:hover .contactRemove,
#newmailBccFormSuggest a:hover .contactRemove {
    display: block;
}

.newmailTable {
    border-top: 1px solid #fff;
    padding: 5px;
    table-layout: fixed;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bigButtonSpecial {
    background: url("../_d/buttons2.png?ver=1") no-repeat right -326px;
    padding-right: 5px;
    height: 37px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    outline: none;
}

.bigButtonSpecial:focus {
    background-position: right -437px;
}

.bigButtonSpecial span {
    background: url("../_d/buttons2.png?ver=1") no-repeat 0 -277px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 19px;
    font-weight: bold;
    height: 27px;
    padding: 5px 2px 4px 7px;
    text-shadow: 0 -1px 1px #39005A;
    margin: 0;
}

.bigButtonSpecial:focus span {
    background-position: 0 -388px;
}

#wrapper a.buttonSpecial,
a.buttonSpecial,
.buttonSpecial {
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -46px;
    padding-right: 5px;
    height: 25px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    outline: none;
}

#wrapper a.inactiveBtn,
a.inactiveBtn,
.inactiveBtn,
#wrapper .inactiveBtn,
.popup .inactiveBtn {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

#wrapper a.buttonSpecial:focus,
a.buttonSpecial:focus,
.buttonSpecial:focus {
    background-position: right -2241px;
}

#wrapper a.buttonSpecial span,
a.buttonSpecial span,
.buttonSpecial span {
    background: url("../_d/buttons_beta.png?v=1") no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 4px 2px 4px 5px;
    text-shadow: 0 -1px 1px #39005A;
    margin: 0;
}

#wrapper a.buttonSpecial:focus span,
a.buttonSpecial:focus span,
.buttonSpecial:focus span {
    background-position: 0 -2195px;
}

#wrapper a.buttonNormal,
a.buttonNormal,
.buttonNormal {
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -142px;
    padding-right: 6px;
    height: 25px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    outline: none;
}

#wrapper a.buttonRight,
a.buttonRight,
.buttonRight {
    float: right;
    margin: 0 0 0 10px;
}

#wrapper a.buttonNormal:focus,
a.buttonNormal:focus,
.buttonNormal:focus {
    background-position: right -2337px;
}

#wrapper a.buttonNormal:focus span,
a.buttonNormal:focus span,
.buttonNormal:focus span {
    background-position: 0 -2291px;
}

#wrapper a.buttonNormal span,
a.buttonNormal span,
.buttonNormal span {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -96px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 4px 2px 4px 5px;
    text-shadow: 0 -1px 1px #525455;
    margin: 0;
}

#wrapper #privatePhoneButtonLabel.privatePhoneButtonLabel {
    background: none;
    height: 39px;
}

#wrapper #privatePhoneButtonLabel.privatePhoneButtonLabel {
    clear: both;
    float: none;
    display: block;
    width: 328px;
    margin: 0 auto;
}

#privatePhoneButtonFAQLink {
    clear: both;
    margin-bottom: 10px;
}

#wrapper #privatePhoneButtonLabel.privatePhoneButtonLabel span {
    background-position: 0 -3273px;
    border: medium none;
    color: #ffffff;
    display: block;
    font-size: 19px;
    height: 32px;
    padding: 8px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #39005a;
    width: 330px;
}


/*
#newmailSend {
    background-image: url("../_d/buttons2.png") !important;
    height: 30px !important;
    background-position: right -41px !important;
}
#newmailSend span{
    background-image: url("../_d/buttons2.png") !important;
    height: 30px !important;
    font-size: 15px !important;
    padding: 6px 6px 4px 10px !important;
}

#newmailSend:focus {
    background-image: url("../_d/buttons2.png") !important;
    height: 30px !important;
    background-position: right -231px !important;
}
#newmailSend:focus span{
    background-image: url("../_d/buttons2.png") !important;
    height: 30px !important;
    background-position: 0 -187px !important;
}
*/

#wrapper a.btnReply span,
a.btnReply span,
.btnReply span {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -188px;
    padding-left: 25px;
}

#wrapper a.btnBack span,
a.btnBack span,
.btnBack span {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -232px;
    padding-left: 27px;
}

#newmailSaveToDratfsLastSave {
    float: right;
    padding: 4px 10px;
    font-size: 12px;
    color: #666666;
}

#newmailToFormTooltip,
#newmailBCCFormTooltip,
#newmailCCFormTooltip {
    left: 5px;
    top: 30px;
}

.folderlistOver {
    position: relative;
    z-index: 100;
}

.mailsMoveOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.emptyFolder,
#systemmessagesRows div.emptyFolder {
    padding: 100px 0 200px 0;
    font-size: 24px;
    text-align: center;
    color: #aaa;
}

.smsEmptyFolder,
.smsStatusNotActivated,
.smsStatusActivating,
.noteListEmpty {
    padding: 10px 0 20px 0;
    font-size: 24px;
    text-align: center;
    color: #cccccc;
}

.folderList div#smsFolderList li div.smsInboxInactive span {
    background-position: 13px -33px;
    color: #999;
}

.folderList div#smsFolderList li div.smsTrashInactive span {
    background-position: 4px -1524px;
    color: #999;
}

.smsStatusNotActivated,
.smsStatusActivating {
    font-size: 22px;
    text-align: center;
    color: #aaa;
}

#popupMoveMails {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 400px;
    margin: 0 0 0 -200px;
    z-index: 1000;
}

#popupMoveContact {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 200px;
    margin: 0 0 0 -100px;
    z-index: 1000;
}

.movebox {
    background: url("../_d/background_movebox.png") repeat-x 0 -165px;
    height: 93px;
    padding: 40px 0 38px 0;
    position: relative;
    float: left;
}

.moveboxIcons5 {
    margin-left: 0;
}

.moveboxIcons4 {
    margin-left: 39px;
}

.moveboxIcons3 {
    margin-left: 79px;
}

.moveboxIcons2 {
    margin-left: 119px;
}

.moveboxIcons1 {
    margin-left: 159px;
}

.moveboxIcon {
    background: url("../_d/movebox_icons.png") no-repeat;
    float: left;
    width: 80px;
    padding-top: 66px;
    font-size: 11px;
    color: #666666;
    text-align: center;
    display: none;
}

.moveboxIconRestore {
    background-position: 8px 6px;
}

.moveboxIconMail {
    background-position: -233px 10px;
}

.moveboxIconSpam {
    background-position: -75px 6px;
}

.moveboxIconDelete {
    background-position: -157px 6px;
}

.moveboxIconPermaDelete {
    background-position: -157px 6px;
    border-left: 1px solid #cccccc;
    line-height: 11px;
}

div.moveboxIconMail:hover {
    background-position: -233px -155px;
}

div.moveboxIconRestore:hover {
    background-position: 8px -155px;
}

div.moveboxIconSpam:hover {
    background-position: -75px -155px;
}

div.moveboxIconDelete:hover {
    background-position: -157px -155px;
}

div.moveboxIconPermaDelete:hover {
    background-position: -157px -155px;
}

div.moveboxIcon.moveboxIconRestore {
    background-position: 8px -155px;
}

div.moveboxIconHover.moveboxIconSpam {
    background-position: -75px -155px;
}

div.moveboxIcon.moveboxIconSpam.moveInactiveHover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

div.moveboxIconHover.moveboxIconSpam.moveInactiveHover {
    background-position: -75px 6px;
}

div.moveboxIconHover.moveboxIconMail {
    background-position: -233px -155px;
}

div.moveboxIconHover.moveboxIconDelete {
    background-position: -157px -155px;
}

div.moveboxIcon.moveboxIconDelete.moveInactiveHover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

div.moveboxIconHover.moveboxIconDelete.moveInactiveHover {
    background-position: -157px 6px;
}

div.moveboxIconHover.moveboxIconPermaDelete {
    background-position: -157px -155px;
}

.moveboxLeft {
    background: url("../_d/background_movebox.png") no-repeat 0 -332px;
    height: 165px;
    position: absolute;
    width: 39px;
    left: -39px;
    top: 0;
    text-indent: -999px;
    overflow: hidden;
}

.moveboxRight {
    background: url("../_d/background_movebox.png") no-repeat;
    height: 165px;
    position: absolute;
    width: 39px;
    right: -39px;
    top: 0;
    text-indent: -999px;
    overflow: hidden;
}


/* register form */

.regLabel {
    font-size: 14px;
    color: #666666;
    text-align: right;
    width: 200px;
    vertical-align: top;
    line-height: 25px;
}

#popupAccountsCreate .regLabel {
    width: 190px;
}

.regSuggestions .regLabel {
    vertical-align: top;
}

.regSuggestions {
    font-size: 14px;
}

.regSuggestions div {
    padding-bottom: 4px;
}

.requiredField {
    color: #fd1e12;
}

.registerTerms,
#newUserBusiness {
    padding-left: 218px;
    font-size: 14px;
    padding-bottom: 20px;
}

#registerButton {
    float: left;
}

#newUserBusiness {
    line-height: 20px;
    display: none;
}

#newUserBusiness > p {
    font-size: 12px;
    line-height: 18px;
}

#newUserBusiness > .buttonSpecial {
    line-height: 18px;
}

.registerTerms a {
    margin-top: 15px;
}

.registerTerms input {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.registerTerms {
    position: relative;
    overflow: hidden;
}

.registerTermsMobile {
    position: relative;
    padding: 10px 0 20px;
}

.userDataBox,
.SecurityQuestionBox,
.registerRecaptchaBox {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

#regTerms {
    padding-top: 20px;
}

.userDataBoxTypeSel {
    padding-left: 212px;
    padding-bottom: 5px;
}

.userDataBoxTypeSel p {
    margin: 0;
    padding: 0 0 4px 0;
}

.userDataBoxTypeSel p input {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

.registerUsertype {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0 30px 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    height: 61px;
}

.privateUserBox {
    /*background: url("../_d/background_usertype.png") no-repeat;*/
    background: url('../_d/_backgrounds.png') no-repeat 14px -142px;
    float: left;
    width: 300px;
    padding: 22px 0 22px 100px;
}

.companyUserBox {
    /*background: url("../_d/background_usertype.png") no-repeat 0 -268px;*/
    background: url('../_d/_backgrounds.png') no-repeat left -213px;
    float: right;
    width: 300px;
    padding: 22px 0 22px 100px;
}

.registerUsertype input {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

#wrapper .module-register input.fieldText,
#module-settings-profile input.fieldText,
#wrapper input.fieldText,
body input.fieldText {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 6px 8px 8px 8px;
    width: 194px;
    margin-right: 7px;
    position: relative;
    z-index: 10;
}

#popupFilesLinkPassword {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 5px;
    width: 170px;
}

#popupFilesLinkClipboard {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 5px;
    width: 493px;
}

#popupFilesLinkClipboard2 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px;
    width: 493px;
}

#addAccFiled input.fieldText {
    margin-right: 0;
}

#addAccFiled .overf {
    padding-bottom: 5px;
}

#addAccUserInfo {
    font-size: 14px;
}

#addAccQuota,
#changeAccQuota {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -2389px;
    border: none;
    padding: 6px 8px 8px 8px;
    width: 53px;
    margin-right: 7px;
    position: relative;
    z-index: 10;
}

#addAccQuotaCnt input.fieldTextError {
    background-position: 0 -2438px !important;
}

#changeAccQuotaCnt input.fieldTextError {
    background-position: 0 -2438px !important;
}

.inputWrapp {
    float: left;
    padding-right: 10px;
    background: #fff;
    position: relative;
    z-index: 10;
}

.inputWrappContainer {
    position: relative;
    overflow: hidden;
}

#wrapper .module-register input.fieldTextError,
#module-settings-domains input.fieldTextError,
#module-settings-profile input.fieldTextError,
#wrapper input.fieldTextError,
body input.fieldTextError {
    background-position: 0 -72px;
}

.requiredFieldsInfo {
    background: #fff;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -10px;
    padding: 2px 4px;
}

.styledSelect,
.module-register select,
#module-settings-profile select,
#normalUserSecQuestion select,
.existingAccountAdditionalFields select,
#module-contacts-newcontact select,
#module-settings-voip select,
.styledSelect,
#normalUserBirthday select,
.registerRecaptcha select {
    border: 1px solid #bfbfbf;
    font-size: 14px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    padding: 4px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -2309px #ffffff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 10;
}

.registerRecaptcha select.selectEmpty {
    border: 1px solid #fc807b;
}

.popupTypeAccountContent .inputWrapp {
    background: #F2F2F2;
}

.popupTypeAccountContent #normalUserSexError .errorLine {
    width: 545px;
}

.atSign {
    font-size: 14px;
    padding: 0 7px;
}

.hostSelect {
    width: 100px;
}

.passwordMarkBar {
    background: url("../_d/background_password.png") no-repeat 0 -127px;
    width: 210px;
    height: 18px;
    position: relative;
    float: left;
}

.passwordMarkBarInner {
    background: url("../_d/background_password.png") no-repeat;
    width: 210px;
    height: 15px;
    position: absolute;
    top: 3px;
    left: 0;
}

.markBarTextState {
    float: left;
    padding-left: 10px;
    padding-top: 1px;
}

.quotaMarkBar {
    background: url("../_d/quota_progress.png") no-repeat 0 1px;
    width: 210px;
    height: 18px;
    position: relative;
    float: left;
}

.quotaMarkBarInner {
    background: url("../_d/quota_progress.png") no-repeat 0 -42px;
    width: 210px;
    height: 15px;
    position: absolute;
    top: 3px;
    left: 0;
}

.quotaMarkBarTextState {
    float: left;
    padding-left: 10px;
    padding-top: 1px;
}

#recaptcha_image {
    border: 1px solid #d9d9d9;
    margin-bottom: 5px;
    padding: 4px;
}

#recaptcha_widget {
    overflow: hidden;
    position: relative;
}

.recaptchaLeft {
    float: left;
}

.paddedLeftLinks .arrowLink {
    margin-bottom: 3px;
}

.regSuccessBox {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 6px 4px 30px;
    color: #669900;
    font-size: 14px;
    border: 1px solid #d7df96;
    margin-bottom: 10px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.contactChangeBox {
    background: #fbffdd;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 47px 4px 6px;
    color: #669900;
    font-size: 14px;
    border: 1px solid #d7df96;
    margin-bottom: 10px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 289px;
}

.actionApply {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -178px -2358px #FBFFDD;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    text-indent: -999px;
    top: 4px;
    width: 25px;
}

.actionCancel {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -178px -2398px #FBFFDD;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    text-indent: -999px;
    top: 4px;
    width: 20px;
}

.regErrorBox,
.regErrorBox1,
.regErrorBox2,
.regErrorBox3,
.regErrorBoxAfter {
    background: #fff8da url("../_d/mailbox-icon.png?v=1") no-repeat scroll -174px -2494px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 6px 4px 30px;
    color: #c66b00;
    font-size: 12px;
    border: 1px solid #ffcf73;
    margin-bottom: 10px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.regInfoErrorBox,
.regInfoErrorBox1,
.regInfoErrorBox2,
.regInfoErrorBox3 {
    background: #fff8da url("../_d/mailbox-icon.png?v=1") no-repeat scroll -174px -2444px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 6px 4px 30px;
    color: #c66b00;
    font-size: 12px;
    border: 1px solid #ffcf73;
    margin-bottom: 10px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.errorLine,
.errorLine2 {
    position: absolute;
    z-index: 9;
    border-top: 1px solid #ffcf73;
    width: 300px;
    height: 0;
    overflow: hidden;
    top: 13px;
    right: 0;
}

.successLine,
.contactChangeLine {
    position: absolute;
    z-index: 9;
    border-top: 1px solid #d7df96;
    width: 300px;
    height: 0;
    overflow: hidden;
    top: 13px;
    right: 0;
}

.errorContainer {
    position: relative;
    float: right;
    width: 1px;
}

#recaptcha_widget .errorContainer {
    position: absolute;
    bottom: 28px;
    right: 0;
}

textarea.taField {
    border: none;
    background: url("../_d/background_textarea.png") no-repeat;
    width: 198px;
    height: 47px;
    padding: 7px;
    resize: none;
    position: relative;
    z-index: 10;
}

#profileAddressContainer textarea {
    padding: 7px;
}

.toLeft {
    float: left;
    margin-right: 5px;
}

.toRight,
div#wrapper a.toRight {
    float: right;
    margin-left: 5px;
}

.addRemovelink {
    font-size: 20px;
    vertical-align: middle;
}

.nextSign {
    /*background: url("../_d/background_plus_minus.png") no-repeat -16px 0;*/
    background: url('../_d/_icons.png?v=6') no-repeat 5px -231px;
    width: 15px;
    height: 10px;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    margin-top: 8px;
}

.removeSign {
    /*background: url("../_d/background_plus_minus.png") no-repeat 0 0;*/
    background: url('../_d/_icons.png?v=6') no-repeat 5px -209px;
    width: 15px;
    height: 10px;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 8px;
}

#module-settings-profile .overf {
    padding-bottom: 5px;
}

#module-settings-profile td .overf:last-child {
    padding-bottom: 0;
}

.smallSelect {
    width: 80px;
}

.domainSettings {
    padding: 13px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
}

.settingsEmailAccount {
    padding: 7px 5px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    color: #666666;
}

.settingsEmailAccount .arrowInlineLink {
    color: #999999;
}

.newDomainContainer {
    border: 1px solid #d9d9d9;
    padding: 10px;
    overflow: hidden;
    margin-top: 30px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.newDomainContainer p {
    float: left;
    white-space: nowrap;
    margin: 4px 0 0 5px;
    padding: 0;
    font-size: 14px;
}

#wrapper .domainSettings a.buttonSpecial {
    position: absolute;
    right: 10px;
    top: 8px;
    white-space: nowrap;
}

#wrapper .domainSettings a.mailsMenuIcon {
    color: #000;
    font-weight: bold;
    /*background: url("../_d/icon_domain_arrows.png") no-repeat 0 4px;*/
    background: url('../_d/icons.png?v=3') no-repeat -15px -2454px;
    padding-left: 14px;
}

#wrapper .domainSettings a.mailsMenuIconDown {
    color: #000;
    font-weight: bold;
    /*background: url("../_d/icon_domain_arrows.png") no-repeat 0 -48px;*/
    background: url('../_d/icons.png?v=3') no-repeat -15px -2506px;
    padding-left: 14px;
}

.topPadd {
    padding-top: 20px;
}

.topPadd2 {
    padding-top: 10px;
}

.forgotPassInput {
    font-size: 14px;
}

.forgotText {
    font-size: 14px;
    line-height: 20px;
}

#wrapper .forgotPassInput a.buttonSpecial {
    margin-top: 2px;
    margin-left: 4px;
}

.recoverButton {
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
    margin-top: 20px;
    overflow: hidden;
}

.mysecQuestion {
    padding-left: 24px;
    padding-top: 5px;
    font-weight: bold;
}

.mysecAnwser {
    padding-left: 24px;
    padding-top: 5px;
    position: relative;
}

.existingAccountAdditionalFields {
    display: none;
}

#wrapper .addAttachEmailAccContainer a.buttonSpecial,
#wrapper div a.buttonInline {
    display: inline-block;
    float: none;
}

.addAttachEmailAccContainer {
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #fff;
    padding: 10px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.addAttachEmailAcc {
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
    margin-bottom: 10px;
    position: relative;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.addNewEmailAcc {
    float: left;
    border-right: 1px solid #d9d9d9;
    width: 48%;
    padding: 0 2% 0 0;
}

.attachEmailAcc {
    float: right;
    width: 48%;
}

.attachMobileExpired {
    padding-top: 10px;
    padding-bottom: 50px;
}

.attachMobileCallNumber {
    padding-top: 10px;
    padding-bottom: 30px;
}

.attachMobileCallNumberValidTime {
    text-align: center;
}

.attachMobileCallNumberValidTime .callNumber {
    display: block;
    padding-bottom: 20px;
    font-size: 24px;
}

.attachingLandLinePopupTab .callNumber,
.attachingLandLinePopupTab .pinNumber {
    display: block;
    font-size: 24px;
    display: block;
    padding: 7px 0;
    text-align: center;
    clear: both;
}

.attachingLandLineCounter {
    clear: both;
    text-align: center;
    padding-top: 10px;
}

.seaSpacer {
    border-right: 1px solid #d9d9d9;
    margin-right: 4px;
    padding: 3px 0;
}


/*
.iconXOld {
    background: url("../_d/background_remove.png") no-repeat 0 8px;
    padding: 5px;
    margin-left: 5px;
}
*/

.iconX {
    background: url("../_d/icons.png?v=3") no-repeat -9px -1521px;
    padding: 5px;
    margin-left: 2px;
}


/*
.iconXDelInactive {
    background: url("../_d/background_remove.png") no-repeat scroll 5px 3px transparent;
    background: url('../_d/icons.png?v=3') no-repeat right -857px;
    padding: 1px 5px 1px 10px;
    border-left: 1px solid #dfdfdf;
}
*/

.iconXDel {
    background: url("../_d/icons.png?v=3") no-repeat -4px -1475px;
    padding: 1px 5px 1px 10px;
    border-left: 1px solid #dfdfdf;
}

a.iconX {
    background-position: -9px -1471px;
    text-decoration: none;
}

a.listMailIcon,
.listMailIcon {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -116px -3679px;
    padding-left: 23px;
    position: relative;
}

a.listAliasIcon,
.listAliasIcon {
    /*background: url("../_d/alias.png") no-repeat 0 2px;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 2px;
    padding-left: 23px;
    position: relative;
    margin-left: 23px;
}

.listMailIcon .mailToIco {
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0;
    top: 0;
    position: absolute;
    width: 18px;
    height: 15px;
    cursor: pointer;
}

.mailRulesRowSubject {
    padding-left: 23px;
}

.mailRulesRowSubject span {
    font-weight: bold;
    color: #6b9215;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .08);
}

.noRulesForAccountLabel {
    font-style: italic;
}

.popupDarkSection {
    background: #E6E6E6;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}

.popupDarkSectionInner {
    border-top: 1px solid #fff;
    overflow: hidden;
    padding: 15px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mailRuleInputRow dd {
    float: left;
    display: block;
}

.mailRuleInputRow dd.mailRuleInputRowLabel {
    margin-left: 10px;
    line-height: 25px;
}

.mailRuleInputRow dd.mailRuleInputRowInput {
    margin-left: 25px;
}

.mailRuleInputRow dd.mailRuleInputRowCheckbox {
    padding-top: 5px;
    margin-left: 10px;
}

.mailRuleInputRow {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0;
}

.mailRuleInputRowSplitter {
    margin: 10px 0;
    font-weight: bold;
    font-size: 14px;
}

.mailRuleMainSplitter {
    margin: 10px 0 10px 20px;
    font-size: 14px;
    font-weight: bold;
}

.textFieldNotChanged {
    color: #7A8084;
    font-style: italic;
}

.disableInputText {
    color: #666666;
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: #ECECEC;
}

label {
    cursor: pointer;
}

.w610 {
    width: 610px;
}

.w520 {
    width: 520px;
}

.w460 {
    width: 460px;
}

.w420 {
    width: 420px;
}

.w330 {
    width: 330px;
}

.w340 {
    width: 340px;
}

.w260 {
    width: 260px;
}

.popupTypeAccountContent .w520 {
    width: 455px;
}

.popupTypeAccountContent .w460 {
    width: 395px;
}

.popupTypeAccountContent .w335 {
    width: 335px;
}

.popupTypeAccountContent .w420 {
    width: 355px;
}

.popupTypeAccountContent .w330 {
    width: 265px;
}

.popupTypeAccountContent .w340 {
    width: 275px;
}

.moduleHeader {
    font-size: 24px;
    padding-bottom: 15px;
}

.settingsEmailAccountQuota {
    background: #FFFFFF;
    color: #999999;
    left: 39%;
    padding-left: 10px;
    position: absolute;
    top: 7px;
    z-index: 10;
}

.domainSettings .settingsEmailAccountQuota {
    top: 13px;
}

.toLeftPadded {
    float: left;
    padding-right: 6px;
}

.companyDataForManagerComapany {
    font-size: 18px;
    padding: 15px 10px 0 10px;
}

.companyDataForManagerPhone {
    font-size: 18px;
    padding: 5px 10px 15px 10px;
}

#quickSearchResultConainer,
#quickSearchContactsResultConainer {
    position: relative;
    font-size: 0;
    line-height: 0;
    z-index: 101;
}

#quickSearchResultConainer .qsDate {
    top: 0;
    right: 0;
}

#quickSearchResultConainer .qsItem img {
    top: 3px;
    left: 3px;
}

#quickSearchResultConainer,
#quickSearchContactsResultConainer,
#advSearchConainer {
    background: #FFFFFF;
    position: absolute;
    width: 378px;
    z-index: 101;
    font-size: 12px;
    line-height: 16px;
    top: 30px;
    left: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
}

#advSearchConainer {
    width: 310px;
    border-top: 1px solid #ccc;
    padding: 30px 20px 20px 20px;
    font-size: 14px;
}

#advSearchConainer table {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#advSearchConainer td {
    margin: 0;
    padding: 5px;
}

#advSearchConainer td td {
    margin: 0;
    padding: 5px 0 5px 10px;
}

#advSearchConainer input.textField {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
    width: 100%;
    padding: 4px 5px;
    box-sizing: border-box;
}

#advSearchConainer input {
    vertical-align: middle;
}

#advSearchConainer select {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset;
    padding: 3px 5px;
    box-sizing: border-box;
}

#advSearchConainer .searchButton {
    text-align: right;
}

#advSearchConainer .searchButton a {
    display: inline-block;
    float: none;
}

#advSearchMail {
    width: 100%;
}

.advSearchSuggest {
    background: #FFFFFF;
    position: absolute;
    width: 99%;
    z-index: 151;
    font-size: 12px;
    line-height: 16px;
    top: 30px;
    left: 0;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
}

.advSearchSuggest .qsItem div {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.qsInner {
    border-top: 1px solid #ccc;
}

.qsInnerEmpty {
    color: #ccc;
    padding: 10px;
    font-size: 13px;
}

.qsLabel {
    font-size: 11px;
    padding: 3px 0 0 9px;
    color: #999;
}

.qsItem {
    padding: 5px 5px 5px 50px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    min-height: 32px;
}

.qsMail {
    padding-left: 35px;
    background: url("../_d/_icons.png?v=6") no-repeat 10px -1613px;
}

.qsContact {
    background-position: 10px -1693px;
}

.qsMail .qsSubject {
    font-size: 14px;
}

.qsMail b {
    font-weight: bold;
}

.qsItem img {
    position: absolute;
    top: 0;
    left: 0;
}

.qsFilter {
    padding: 3px 3px 3px 35px;
    cursor: pointer;
}

.qsFilter span {
    color: #990ae3;
}

.qsFilter:hover {
    background-color: #f3f3f3;
}

.qsInnerFilters {
    padding-top: 5px;
}

.qsFilterActive {
    background: url("../_d/_icons.png?v=6") no-repeat 10px -1658px;
}

.qsItem:hover {
    background-color: #f3f3f3;
}

.qsItem:hover .qsSender {
    background-color: #f3f3f3;
}

.qsItem:hover .qsDate {
    background-color: #f3f3f3;
    z-index: 1;
}

.qsBottom img {
    vertical-align: middle;
    padding-left: 3px;
}

.qsItem a {
    display: block;
    padding-top: 3px;
    white-space: nowrap;
}

.qsSender {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
    color: #999;
    font-size: 11px;
    white-space: nowrap;
}

#contactssearchbox .qsSender {
    background: none;
}

.qsSubject {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
}

.qsLink {
    text-align: right;
    padding: 0 5px 5px 5px;
    font-size: 12px;
}

.qsLink a {
    text-decoration: none;
}

.qsLink a span {
    font-size: 10px;
    vertical-align: text-bottom;
}

#wrapper a.qsSubject {
    color: #000;
    display: block;
}

.qsDate {
    color: #999999;
    font-size: 11px;
    position: absolute;
    padding: 3px 5px;
    background: #fff;
    z-index: 1;
    text-overflow: ellipsis;
}

.domainTabCnt {
    border: 1px solid #D9D9D9;
    padding: 10px;
    right: 0;
    top: 0;
    background: #fff;
}

.qsContacts {
    position: relative;
    top: -35px;
    left: 300px;
    display: none;
}

.cqsInner {
    border-top: 1px solid #ccc;
}

.cqsItem {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 5px 5px 5px 50px;
    background: url("../_d/_icons.png?v=6") no-repeat 10px -1693px;
    min-height: 32px;
}

.cqsItem:hover {
    background-color: #f3f3f3;
}

.cqsItem a {
    text-decoration: none;
}

.cqsItem .qsSender:hover {
    text-decoration: underline;
}

.cqsSelected {
    background-color: #f3f3f3;
}

.cqsItem:hover .cqsContacts,
.cqsSelected .cqsContacts {
    display: block;
}

.cqsBottom img {
    vertical-align: middle;
    padding-left: 3px;
}

.cqsItem a {
    display: block;
    white-space: nowrap;
}

.cqsSender {
    display: block;
}

.cqsSubject {
    color: #666666;
    display: block;
}

.cqsContacts {
    position: absolute;
    top: 2px;
    right: 5px;
    display: none;
}

#module-search {
    overflow: hidden;
    padding-bottom: 10px;
}

#module-searchfiles {
    overflow: hidden;
    padding-bottom: 10px;
}

#searchWord,
#searchWordFiles {
    font-size: 24px;
    color: #666666;
    padding-bottom: 10px;
}

#searchWord {
    float: left;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#searchPhraseFiles {
    margin-left: 10px;
}

#searchPhraseFiles:before,
#searchPhraseFiles:after {
    content: '"';
}

#searchResultCount {
    float: right;
    font-size: 12px;
    color: #666666;
    padding-top: 10px;
}

.contactCell {
    padding: 10px;
    width: inherit;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.cc {
    cursor: pointer;
}

.cc:hover td {
    background-color: #eeeeee;
}

.contactBusiness {
    right: -10px;
    bottom: 0;
    position: absolute;
    width: 10px;
    height: 7px;
    overflow: hidden;
    display: block;
}

.companyCell td.ccns {
    background-image: url("../_d/icons.png?v=3");
    background-repeat: no-repeat;
    background-position: right -5521px;
}

td.ccns {
    padding: 0 6px 0 6px;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    font-size: 14px;
    color: #666;
}

td.ccLetters {
    padding: 5px 10px 6px 10px;
    font-size: 18px;
    color: #999999;
    font-weight: bold;
    background: #f2f2f2;
    text-align: center;
    line-height: 18px;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    cursor: auto;
}

td.ccns div.ccn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 6px 0 7px 27px;
    position: relative;
}

td.ccns input {
    left: 0;
    top: 6px;
    position: absolute;
}

td.ccSpacer {
    width: 22px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.ccIcon {
    position: absolute;
    top: 6px;
    right: 68px;
}

.ccPhoneIcon {
    position: absolute;
    top: 6px;
    right: 45px;
    padding-left: 4px;
    border-left: 1px solid #dfdfdf;
}

.ccPhoneIcon img {
    vertical-align: sub;
}

.contactListBulkActions {
    padding: 4px 0 5px 6px;
    background: #f2f2f2;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    height: 20px;
    position: relative;
}

.contactListBulkActions .contactInfoMail {
    background: url("../_d/icons.png?v=3") no-repeat -7px -1377px;
    border-right: 1px solid #BFBFBF;
    display: block;
    height: 14px;
    left: 55px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 6px;
    width: 21px;
}

.contactListBulkActions .contactInfoMailDisable {
    background-position: -7px -1427px;
    cursor: default !important;
}

.contactListBulkActions .contactMove {
    background: url("../_d/icons.png?v=3") no-repeat -5px -1293px;
    display: block;
    height: 16px;
    left: 79px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 6px;
    width: 23px;
    border-right: 1px solid #BFBFBF;
}

.contactListBulkActions .contactMoveDisable {
    background-position: -5px -1333px;
    cursor: default !important;
}

.contactListBulkActions .contactDetailDelete {
    background: url("../_d/icons.png?v=3") no-repeat -5px -1477px;
    display: block;
    height: 16px;
    left: 104px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 6px;
    width: 20px;
}

.contactListBulkActions .contactDetailDeleteDisable {
    background-position: -5px -1527px;
    cursor: default !important;
}

.ccnc {
    position: relative;
}

.contactsBox {
    margin-bottom: 10px;
}

.contactBoxes {
    margin-bottom: 10px;
}

#wrapper a.buttonFacebook,
a.buttonFacebook,
.buttonFacebook {
    background: url("../_d/button_social.png") no-repeat right -75px;
    padding-right: 6px;
    height: 25px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

#wrapper a.buttonFacebook span,
a.buttonFacebook span,
.buttonFacebook span {
    background: url("../_d/button_social.png") no-repeat 0 -37px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 4px 2px 4px 30px;
    text-shadow: 0 -1px 1px #525455;
    margin: 0;
}

#wrapper a.buttonLinkedIn,
a.buttonLinkedIn,
.buttonLinkedIn {
    background: url("../_d/button_social.png") no-repeat right -75px;
    padding-right: 6px;
    height: 25px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

#wrapper a.buttonLinkedIn span,
a.buttonLinkedIn span,
.buttonLinkedIn span {
    background: url("../_d/button_social.png") no-repeat 0 0;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 4px 2px 4px 30px;
    text-shadow: 0 -1px 1px #525455;
    margin: 0;
}

.paddOver {
    padding-bottom: 10px;
    overflow: hidden;
    padding-left: 175px;
}

.doubleSpace {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

#popupContactsConnect .popupButtons,
#showPopupAddRssFeed .popupButtons,
.popupInlineSearch .popupButtons {
    position: absolute;
    top: 274px;
    left: 122px;
}

#popupLinkedInImport .popupButtons {
    position: absolute;
    top: 180px;
    left: 57px;
}

#popupDisconnectFacebook .popupButtons,
#popupDisconnectLinkedIn .popupButtons {
    position: absolute;
    top: 180px;
    left: 57px;
}

#popupContactsConnect h2,
#showPopupAddRssFeed h2,
.popupInlineSearch h2 {
    top: 45px;
}

#popupContactsConnect,
#showPopupAddRssFeed,
.popupInlineSearch {
    background: url("../_d/background_search_company_window.png") no-repeat;
}

#popupContactsConnect div.foldersMoveList,
#showPopupAddRssFeed div.foldersMoveList,
.popupInlineSearch div.foldersMoveList {
    top: 120px;
}


#popupContactsConnect .viewport,
#showPopupAddRssFeed .viewport,
.popupInlineSearch .viewport {
    width: 275px;
    height: 140px;
    overflow: hidden;
    position: relative;
}

#popupContactsConnect .overview,
#showPopupAddRssFeed .overview,
.popupInlineSearch .overview {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

#popupContactsConnect .track,
#showPopupAddRssFeed .track,
.popupInlineSearch .track {
    background: #fff url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

#popupContactsConnect .disable,
#showPopupAddRssFeed .disable,
.popupInlineSearch .disable {
    display: none;
}

.popupContactsConnectSearchBox {
    left: 64px;
    position: absolute;
    top: 80px;
}

.popupContactsConnectSearchBox a.buttonSpecial {
    margin-top: 1px;
}

.contactsLetter {
    color: #990ae3;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    width: 21px;
    height: 22px;
    background: #f2f2f2;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
}

.contactsLetter:hover,
.letterSelected {
    background: #dddddd;
}

.letterInactive {
    color: #999;
    cursor: auto;
}

.letterInactive:hover {
    background: #f2f2f2;
}

.contactsLetters {
    border-top: 1px solid #FFFFFF;
    border-right: 5px solid #e1e1e1;
    position: absolute;
    top: 95px;
}

#contactsList {
    position: relative;
}

.contactListContainer {
    width: 30%;
    float: left;
}

.contactDetail {
    background: #F2F2F2;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
}

.contactDetailInner {
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #FFFFFF;
}

#smsReplyForm,
#contactSmsReplyForm,
.styledReplySMS {
    background: #F2F2F2;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
}

#contactSmsReplyForm,
#contactSmsReplyFormNotValid {
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.smsReplyInner {
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #FFFFFF;
    padding: 7px;
}

.smsReplyInner .textareaDecorator {
    height: 16px;
}

#smsDetailsBox {
    width: 59%;
    float: right;
    position: relative;
    margin-bottom: 10px;
}

#smsDetailsLoader,
.smsConvLoader {
    width: 59%;
    float: right;
    position: relative;
    margin-bottom: 10px;
}

.borderedBoxContainer {
    background: #F2F2F2;
    border: 1px solid #E6E6E6;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
}

.borderedBoxContainer.voipTab2,
.borderedBoxContainer.voipTab3 {
    display: none;
}

#attachingLandLineTabs {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.attachingLandLineTab,
.attachingLandLinePopupTab {
    width: 25%;
    padding: 10px;
    text-decoration: none;
    display: block;
    float: left;
    border-left: 1px solid #CCCCCC;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.attachingLandLinePopupTab {
    width: 50%;
}

#attachingLandLineTab1.attachingLandLineTab,
.attachingLandLinePopupTab1 {
    border: none;
}

.attachingLandLinePopupTabFirst {
    margin-left: 12px;
}

.attachingLandLineTab.attachingLandLineTabActive {
    background-color: #ffffff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.attachingLandLineTabLastActive {
    background-color: #f2f2f2;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.attachingLandLineTabTitle {
    display: block;
    height: 20px;
}

.attachingLandLinePopupTab .attachingLandLineTabTitle {
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    clear: both;
}

.attachingLandLineTab .attachingLandLineTabIcon {
    display: block;
    height: 80px;
    width: 80px;
    margin: 0 auto;
}

.attachingLandLinePopupTab .attachingLandLinePopupIcon {
    display: block;
    height: 60px;
    width: 90px;
    margin: 0 auto;
    clear: both;
}

.attachingLandLinePopupTab1 .attachingLandLinePopupIcon {
    background: url("../_d/landline_attaching/rp_call-icon_1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.attachingLandLinePopupTab2 .attachingLandLinePopupIcon {
    background: url("../_d/landline_attaching/rp_call-icon_2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#attachingLandLineTab1 .attachingLandLineTabIcon {
    background: url("../_d/landline_attaching/rp_icon_1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#attachingLandLineTab2 .attachingLandLineTabIcon {
    background: url("../_d/landline_attaching/rp_icon_2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#attachingLandLineTab3 .attachingLandLineTabIcon {
    background: url("../_d/landline_attaching/rp_icon_3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#attachingLandLineTab4 .attachingLandLineTabIcon {
    background: url("../_d/landline_attaching/rp_icon_4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.attachingLandLineTabTitleNumber {
    display: block;
    height: 16px;
    width: 17px;
    font-size: 12px;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #990ae3;
    float: left;
    font-weight: bold;
    text-align: center;
    padding-top: 1px;
}

.attachingLandLineTabTitleLabel {
    float: left;
    font-size: 15px;
    margin-left: 6px;
    line-height: 17px;
    width: 75%;
    padding-bottom: 5px;
}

#attachingLandLineTabPreview {
    width: 100%;
    height: 200px;
    display: none;
    background-color: #ffffff;
    padding-top: 30px;
}

#attachingLandLineTabPreviewText {
    width: 40%;
    float: left;
    font-size: 20px;
    color: #990ae3;
    padding: 10px 20px;
    display: none;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

#attachingLandLineTabPreviewImage {
    float: left;
    width: 60%;
    height: 200px;
    display: none;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.voipTabAnnotation {
    padding: 10px 0;
}

.attachingLandLineTabsContainer_en_US .attachingLandLineCurrent_1 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_eng.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_en_US .attachingLandLineCurrent_2 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_eng.jpg") no-repeat scroll 0 -200px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_en_US .attachingLandLineCurrent_3 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_eng.jpg") no-repeat scroll 0 -400px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_en_US .attachingLandLineCurrent_4 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_eng.jpg") no-repeat scroll 0 -600px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_et_EE .attachingLandLineCurrent_1 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_est.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_et_EE .attachingLandLineCurrent_2 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_est.jpg") no-repeat scroll 0 -200px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_et_EE .attachingLandLineCurrent_3 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_est.jpg") no-repeat scroll 0 -400px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_et_EE .attachingLandLineCurrent_4 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_est.jpg") no-repeat scroll 0 -600px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_ru_RU .attachingLandLineCurrent_1 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_rus.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_ru_RU .attachingLandLineCurrent_2 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_rus.jpg") no-repeat scroll 0 -200px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_ru_RU .attachingLandLineCurrent_3 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_rus.jpg") no-repeat scroll 0 -400px rgba(0, 0, 0, 0);
}

.attachingLandLineTabsContainer_ru_RU .attachingLandLineCurrent_4 #attachingLandLineTabPreviewImage {
    background: url("../_d/landline_attaching/attaching-voip-tab-pictures_rus.jpg") no-repeat scroll 0 -600px rgba(0, 0, 0, 0);
}

.borderedBoxContainerInner {
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #FFFFFF;
    padding: 10px;
}

.smsSmartTagsBox {
    bottom: 45px;
    height: 100px;
    position: absolute;
    right: 10px;
    width: 138px;
}

.smsSmartTagsBox p {
    padding: 0 0 5px 0;
    margin: 0;
}

.smartTag {
    background: #682090;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 0 1px 0 0;
    text-shadow: 1px 0 0 #A88DC2;
}

#newSMSMessage img {
    vertical-align: middle;
    cursor: pointer;
}

#newSMSMessage i,
#newSMSMessage b {
    text-decoration: none;
    font-style: normal !important;
    font-weight: normal !important;
}

#newSMSMessage p {
    margin: 0;
    padding: 0;
}

.contactDetailHeader {
    height: 80px;
    padding: 8px 9px 0 95px;
}

#contactDetailAvatar,
#smsDetailAvatar {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 8px;
    left: 9px;
}

#smsDetailAvatar.smsDetailAvatarLink {
    cursor: pointer;
}

#smsListContent .smsCellData .smsListAvatar {
    width: 40px;
    height: 40px;
}

.contactDetailName {
    color: #666666;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    font-size: 24px;
    margin-right: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#smsDetailNameLink .contactDetailName,
#smsDetailName.contactDetailName a {
    color: #990ae3;
}

.contactDetailCompany {
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
}

.contactDetail .contactInfoMail {
    left: 96px;
    top: 63px;
}

.contactDetail .contactInfoPhone {
    left: 120px;
    top: 65px;
}

.contactDetailHide {
    position: absolute;
    right: 9px;
    top: 66px;
    font-size: 12px;
}

.contactDetailEdit,
.contactDetailMerge {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0px -3650px;
    border-right: 1px solid #BFBFBF;
    display: block;
    height: 16px;
    right: 53px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 10px;
    width: 20px;
}

.contactDetailMerge {
    background: url("../_d/_icons.png?v=6") no-repeat 2px -1593px;
    right: 28px;
}

.contactDetailMergeInactive {
    background-position: 2px -1751px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.contactDetailEditNoDelete {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0px -3650px;
    border: none;
    display: block;
    height: 16px;
    right: 6px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 10px;
    width: 20px;
}

.contactDetailContactUp {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -36px -3650px;
    border-right: 1px solid #BFBFBF;
    display: block;
    height: 16px;
    right: 28px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 10px;
    width: 21px;
}

.contactDetailDelete {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -82px -3650px;
    display: block;
    height: 16px;
    right: 6px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 10px;
    width: 20px;
}

.contactDetailTableLabel {
    width: 90px;
    color: #999999;
    text-align: right;
    vertical-align: top;
}

.contactDetailTableContent {
    text-align: left;
    vertical-align: top;
}

.contactDetailTableAdditional {
    width: 50px;
    text-align: left;
    vertical-align: top;
}

.contactDetailGroupContainer {
    border-top: 1px solid #d9d9d9;
    margin: 0 9px;
    padding: 10px 5px;
    overflow: hidden;
}

.contactDetailGroupBox {
    border-right: 1px solid #D9D9D9;
    float: left;
    padding: 5px;
    width: 48%;
}

.contactDetailSharedBox {
    border-left: 1px solid #D9D9D9;
    float: left;
    margin-left: -1px;
    padding: 5px 0 5px 20px;
    width: 45%;
}

.contactDetailGroupTitle {
    color: #999999;
    padding-bottom: 8px;
}

#wrapper #contactDetailMore a {
    color: #666666;
}

#wrapper #contactDetailMore a:hover {
    color: #444444;
}

#wrapper .contactDetailGroupBox a {
    background: url("../_d/icon_contact.png") no-repeat;
    color: #666666;
    font-size: 12px;
    padding: 1px 0 5px 22px;
    display: block;
    overflow: hidden;
}

#wrapper .contactDetailGroupBox a:hover {
    color: #444444;
}

#wrapper .contactDetailSharedBox a {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -134px -3650px;
    color: #666666;
    font-size: 12px;
    padding: 1px 0 5px 20px;
    display: block;
    overflow: hidden;
}

#wrapper .contactDetailSharedBox a:hover {
    color: #444444;
}

.conactInnerContainer {
    height: 990px;
    border-right: 1px solid #dfdfdf;
}

#contactDetailMore {
    border-top: 1px solid #d9d9d9;
}

#contactsRetrieveDataLoading {
    margin-top: 50px;
    margin-left: 115px;
}

.socialMediaSettingsContainer {
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    overflow: hidden;
}

.socialMediaSettingsLeft {
    float: left;
    width: 50%;
    border-right: 1px solid #d9d9d9;
    text-align: center;
}

.socialMediaSettingsRight {
    float: right;
    width: 49%;
    text-align: center;
}

.centerPadd {
    width: 85px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 10px;
}

.bottomSpace {
    padding-bottom: 10px;
}

.errorBody div#wrapper {
    width: 998px;
    margin-bottom: 20px;
}

.errorBody div#content {
    padding: 30px;
}

.errorBody div#contentTop {
    height: 20px;
    padding-top: 0;
}

.errorBody div#logoAndSearch {
    margin-top: 20px;
}

.errorBody h1 {
    font-size: 24px;
    margin: 0;
    padding: 0 0 20px 0;
    color: #666666;
    font-weight: normal;
}

#module-settingsContacts .registerRecaptchaBox1 {
    border: 1px solid #D9D9D9;
    padding-top: 20px;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.facebookFeedFrom {
    font-size: 14px;
    font-weight: bold;
    color: #990ae3;
}

.facebookFeedTitle {
    font-size: 12px;
    color: #990ae3;
    padding-bottom: 7px;
}

.facebookFeed {
    color: #666666;
}

.facebookFeedContent {
    text-align: justify;
    width: 75%;
}

.facebookFeedDate {
    padding: 10px 0 0 0;
    color: #999999;
    font-size: 11px;
}

#module-contacts-newcontact .regLabel {
    width: 150px;
}

#module-contacts-newcontact .registerRecaptchaBox {
    border: 1px solid #D9D9D9;
    padding-top: 20px;
}

.facebookFeed img {
    max-width: 350px;
    max-height: 350px;
}

.rssFeedItem {
    border-bottom: 1px solid #D9D9D9;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
}

.rssFeedItemTitle {
    font-size: 12px;
    color: #333333;
    padding-right: 150px;
    font-weight: bold;
    cursor: pointer;
}

.rssFeedItemTitle span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.rssFeedItemTitle b {
    font-weight: normal;
}

.rssFeedItemDate {
    position: absolute;
    right: 10px;
    top: 5px;
}

.rssFeedPageItemDate {
    float: right;
}

.rssFeedItemContent {
    padding-top: 10px;
    overflow: hidden;
    max-height: 400px;
}

.rssFeedItemContent .viewport {
    max-height: 400px;
    overflow: hidden;
    position: relative;
}

.rssFeedItemContent .overview {
    width: 100%;
    padding-top: 0;
    position: relative;
}

.rssFeedItemContent .track {
    background: #fff url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

.rssFeedItemContent .disable {
    display: none;
}

#linkedInConnectFeedContainer .socialMediaSettingsLeft,
#facebookConnectFeedContainer .socialMediaSettingsLeft,
#facebookReconnectFeedContainer .socialMediaSettingsLeft {
    margin: 0 auto;
    text-align: center;
    width: 50%;
    border: none;
    float: none;
}

img {
    border: none;
}

.popupDelete .popupButtons {
    position: absolute;
    left: 60px;
    top: 173px;
}

#showPopupAddRssFeed .popupContactsConnectSearchBox {
    left: 38px;
    width: 395px;
}

#showPopupAddRssFeed .addLabel {
    margin-right: 5px;
    padding-top: 6px;
    width: 79px;
    text-align: right;
}

#showPopupAddRssFeed .addLabelRUS {
    padding-top: 0;
}

#showPopupAddRssFeed h2 {
    top: 45px;
}

#socialmediaChannelResult a {
    /*background-position: 7px 2px;*/
    background-position: -7px -3631px;
    display: block;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 20px;
}

#socialmediaChannelResult a:hover {
    background-color: #eee;
    text-decoration: none;
}

.rssSelectedChannal {
    background-color: #F8FBE5;
}

.popupListSelector a,
#wrapper .popupListSelector a {
    display: block;
    padding: 2px 5px;
}

.popupListSelector a:hover,
#wrapper .popupListSelector a:hover {
    background-color: #eee;
    text-decoration: none;
}

.popupListSelector a.selected,
#wrapper .popupListSelector a.selected {
    background-color: #F8FBE5;
}

#popupSuhlusTerms {
    z-index: 1010;
}

#popupSuhlusTermsBackground {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 1009;
}

#popupSessionTimeoutBackground {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 2009;
}

#popupSessionTimeout .popupInner p,
#popupNewJsVersion .popupInner p {
    padding: 10px 0;
}

#editChangeState {
    position: absolute;
    top: -10px;
    right: 28px;
    background: url("../_d/icons.png?v=3") no-repeat -7px -2550px;
    width: 17px;
    height: 20px;
}

#module-settingsContacts .regLabel {
    line-height: normal;
    width: 175px;
}

.leftButtons {
    overflow: hidden;
    padding-left: 187px;
}

#module-settingsContacts .line {
    border-top: 1px solid #d9d9d9;
}

#module-settingsContacts input {
    vertical-align: middle;
}


.iconGmail {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -80px -2364px;
    padding-left: 20px;
}

.iconFile {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -80px -2398px;
    padding-left: 20px;
}

#contactQuickSearchMenuAction {
    z-index: 10000;
}

.contactSearchContainer {
    position: relative;
    top: 15px;
    right: 10px;
    float: right;
}

#contactQuickSearchMenuAction .mailxActionBoxTop,
.conactInnerContainer .mailxActionBoxTop,
.mailxActionBox2 .mailxActionBoxTop {
    /*background: url("../_d/mail_box_top2.png") no-repeat;*/
    background: url("../_d/_backgrounds.png") no-repeat -1142px -110px;
}

.firstLoginVideo {
    width: 420px;
    height: 243px;
    float: left;
    margin-top: 13px;
    overflow: hidden;
}

.firstLogin1 {
    float: right;
    width: 270px;
}

.firstLogin1 p {
    margin: 0;
    padding: 0 0 15px 0;
}

.firstLogin1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.firstLogin1 li {
    padding-bottom: 7px;
    padding-left: 25px;
    background: url("../_d/ok_mark.png") no-repeat left 2px;
}

.enveloped {
    /*background: url("../_d/envelope.png") no-repeat left center;*/
    background: url('../_d/_icons.png?v=6') no-repeat 0 -57px;
    padding: 10px 10px 7px 50px;
}

#smsDetails .addContactIcon {
    background-position: -4px -1768px;
    border-left: 1px solid #DFDFDF;
    height: 18px;
    left: 188px;
    position: absolute;
    top: 63px;
    width: 7px;
}

.addContactIcon {
    background: url("../_d/icons.png?v=3") no-repeat -4px -1770px;
    padding-left: 15px;
    text-decoration: none;
    overflow: hidden;
    text-indent: -999px;
}

#smsDetails .addContactIconDisable,
.addContactIconDisable {
    padding-left: 15px;
    text-decoration: none;
    overflow: hidden;
    text-indent: -999px;
    cursor: default !important;
}

#smsDetails .listPhoneIcon,
.listPhoneIcon {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4751px;
    padding-left: 14px;
    padding-bottom: 2px;
}

#smsDetails .listPhoneIconDisable,
.listPhoneIconDisable {
    background-position: -6px -4803px;
    cursor: default !important;
}

.listMobileIcon {
    /*background: url("../_d/mobile_voip.png") no-repeat 6px 2px;*/
    background: url('../_d/icons.png?v=3') no-repeat -9px -5909px;
    padding-left: 14px;
    padding-bottom: 2px;
}

.listMobileIconDisable {
    /*background-position: 6px -23px;*/
    background: url('../_d/icons.png?v=3') no-repeat -9px -5934px;
    cursor: default !important;
}

.listSMSIcon {
    padding-left: 17px;
    padding-bottom: 2px;
}

.listSMSIconDisable {
    background-position: 4px -37px;
    cursor: default !important;
}

.listEmailIcon {
    background: url("../_d/icons.png?v=3") no-repeat -6px -1377px;
    padding-left: 14px;
}

.listEmailIconDisable {
    background-position: -6px -1427px;
    cursor: default !important;
}

.ccnc a {
    display: none;
}

.ccnc:hover a {
    display: block;
}

.ccnc {
    padding-right: 0;
}

.ccnc:hover {
    padding-right: 90px;
}

.showIcons a {
    display: block;
}

.showIcons {
    padding-right: 90px;
}

.ccMobileIcon {
    /*background: url("../_d/mobile_voip.png") no-repeat 6px 2px;*/
    background: url('../_d/icons.png?v=3') no-repeat -9px -5909px;
    border-left: 1px solid #DFDFDF;
    height: 16px;
    padding-left: 4px;
    position: absolute;
    right: 23px;
    top: 6px;
    width: 12px;
}

.ccSMSIcon {
    border-left: 1px solid #DFDFDF;
    padding-left: 4px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 14px;
    height: 16px;
}

.ccMobileIconDisable {
    /*background: url("../_d/mobile_voip.png") no-repeat 6px -23px;*/
    background: url('../_d/icons.png?v=3') no-repeat -9px -5934px;
    border-left: 1px solid #DFDFDF;
    height: 16px;
    padding-left: 4px;
    position: absolute;
    right: 23px;
    top: 6px;
    width: 12px;
}

.ccSMSIconDisable {
    border-left: 1px solid #DFDFDF;
    padding-left: 4px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 14px;
    height: 16px;
}

.listHolder .addContactIcon {
    background-position: -4px -1770px;
    border-left: 1px solid #CCCCCC;
    margin-left: 1px;
    padding-left: 20px;
    line-height: 15px;
}

.listHolderTitle {
    display: block;
    max-width: 28%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.showContactIcon {
    background: url("../_d/contacts_list_icons.png") no-repeat 0 0;
    padding-left: 15px;
}

.listHolder {
    padding: 3px 10px 3px 22px;
    overflow: hidden;
    position: relative;
    background: url("../_d/icons.png?v=3") no-repeat -6px -1587px;
}

#contactNotificationRows .listHolder {
    overflow: hidden;
    padding-right: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listHolder:hover {
    background-color: #f3f3f3;
}

.listMail {
    left: 40%;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 3px;
    white-space: nowrap;
    width: 33%;
    padding-bottom: 3px;
}

.listPhone {
    background: url("../_d/contacts_list_icons.png") no-repeat 0 -116px;
    padding-left: 20px;
    position: absolute;
    top: 3px;
    left: 70%;
}

.listPhoneWithoutIcon {
    padding-left: 20px;
    position: absolute;
    top: 3px;
    left: 70%;
    white-space: nowrap;
}

.selectedFeed {
    font-weight: bold;
}

#contactDetailTabsBox {
    position: relative;
}

.contactDetailTabs {
    border: 1px solid #cccccc;
    overflow: hidden;
    position: relative;
    padding: 10px;
    background: #fff;
}

#contactDetailTabsBox .tabs {
    z-index: 2;
}

#systemmessagesRows div {
    padding-bottom: 5px;
}

#gmailmportContentAfter {
    padding: 10px 0;
    font-size: 14px;
    overflow: hidden;
}

#contactDetailsActivityFeedsLoading {
    text-align: center;
    padding: 5px;
    display: none;
}

.shareContactSelector {
    vertical-align: middle;
}

.activityFeedItem {
    padding: 4px 4px 4px 165px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.activityFeedItem .iconMailOut {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -273px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconBirth {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -88px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconNote {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -226px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconNote.sharedNoteClass {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -318px;
}

.activityFeedItem .iconMailIn {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -43px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconPhoneIn {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 4px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconPhoneOut {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -135px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconPhoneMiss {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -180px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconMobileIn {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -359px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconMobileOut {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -390px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem .iconMobileMiss {
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -422px;
    padding: 3px 7px;
    position: absolute;
    left: 4px;
    top: 2px;
}

.activityFeedItem span.activityFeedDate,
#contactDetailsPhoneMobile .activityFeedItem span {
    font-size: 11px;
    position: absolute;
    left: 25px;
    top: 5px;
}

.activityFeedItem span.activityFeedDate {}

.activityFeedItem span.activityFeedSMSText {
    font-size: 100%;
    position: static;
}

.ccLetters input {
    position: absolute;
    left: -4px;
    top: 0;
}

.contactListFilter {
    height: 28px;
    overflow: hidden;
    padding: 12px 13px 0 13px;
    position: relative;
}

.contactListFilterLeft {
    height: 40px;
    overflow: hidden;
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -2029px;
    width: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

.contactListFilterRight {
    height: 40px;
    overflow: hidden;
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -2029px;
    width: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.contactListFilter input {
    border: none;
    background: none;
    width: 100%;
    color: #999;
    font-size: 12px;
    font-family: Arial, Sans-serif;
}

.contactDetailsFacebookSearchTop {
    position: relative;
    height: 30px;
    padding-right: 130px;
}

.contactDetailsFacebookSearchFieldLeft {
    background: url("../_d/background_input_repeat.png") no-repeat left -36px;
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 30px;
}

.contactDetailsFacebookSearchFieldRight {
    background: url("../_d/background_input_repeat.png") no-repeat right -36px;
    position: absolute;
    right: 130px;
    top: 0;
    width: 12px;
    height: 30px;
}

.contactDetailsFacebookSearchField {
    background: url("../_d/background_input_repeat.png") repeat-x;
    height: 30px;
    margin: 0 12px;
}

#wrapper .contactDetailsFacebookSearchField input {
    border: none;
    background: none;
    padding: 6px 0;
    width: 100%;
}

.contactDetailsFacebookSearchButton {
    top: 2px;
    right: 0;
    position: absolute;
}

#wrapper .facebookContactsFromSearch a {
    display: block;
    padding: 4px 5px;
}

.facebookFeedsDicconnect {
    border-bottom: 1px solid #ccc;
    padding: 3px;
    margin-bottom: 4px;
    text-align: right;
}

.addNoteButtons {
    overflow: hidden;
    padding: 10px 0;
}

.addNoteButtons input {
    vertical-align: text-bottom;
}

.addNoteButtons .toLeft {
    padding-top: 4px;
}

.addNoteFieldContainer {
    position: relative;
    height: 60px;
    margin: 0 9px;
    /*background: url("../_d/notes_field.png") repeat-x 0 -60px;*/
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .1);
}

.addNoteFieldContainer .noteFieldLeft {
    /*background: url("../_d/notes_field.png") no-repeat left 0;*/
    position: absolute;
    top: 0;
    left: -9px;
    height: 60px;
    width: 9px;
    overflow: hidden;
    text-indent: -999px;
}

.addNoteFieldContainer .noteFieldRight {
    /*background: url("../_d/notes_field.png") no-repeat right 0;*/
    position: absolute;
    top: 0;
    right: -9px;
    height: 60px;
    width: 9px;
    overflow: hidden;
    text-indent: -999px;
}

.addNoteFieldContainer textarea {
    border: none;
    background: #fff;
    margin-top: 5px;
    margin-left: 1%;
    margin-right: 1%;
    resize: none;
    width: 98%;
    padding: 0;
    height: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contactNoteItem {
    padding: 4px 40px 4px 20px;
    position: relative;
    /*background: url("../_d/notes.png") no-repeat 0 5px;*/
    /*background: url('../_d/icons.png?v=3') no-repeat -9px -224px;*/
}

.sharedNote {
    /*background: url("../_d/shared_notes.png") no-repeat 0 5px;*/
    /*background: url('../_d/icons.png?v=3') no-repeat -9px -5214px;*/
}

.contactNoteItem .contactNoteName {
    color: #652D86;
    cursor: pointer;
}

.shareIcon {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -134px -3650px;
    border-right: 1px solid #BFBFBF;
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    text-indent: -999px;
    top: 15px;
    width: 20px;
    cursor: pointer;
}

.removeIcon {
    /*background: url("../_d/background_remove.png") no-repeat 5px -26px;*/
    background: url('../_d/icons.png?v=3') no-repeat -9px -854px;
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    text-indent: -999px;
    top: 15px;
    width: 20px;
    cursor: pointer;
}

.contactNoteContent {
    padding-top: 3px;
    padding-bottom: 7px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#contactDetailsNotesLoading,
.contactDetailsNotesLoading,
#contactDetailsEmailsLoading {
    text-align: center;
}

.selectedGroup {
    background-color: #ccc !important;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
}

#wrapper .contactNoteContent a,
#wrapper .contactNoteContent a:hover {
    display: inline;
    padding: 0;
    border: none;
    background: none;
}

textarea,
input {
    outline: none;
}

textarea {
    font-family: Arial, Helvetica, Tahoma, Verdana, FreeSans, Sans-serif;
    font-size: 12px;
}

input[type="text"] {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.wakeupAccountContianer {
    font-size: 14px;
}

.wakeupAccountContianer .wakeupTextLine {
    padding-top: 10px;
}

.systemMessageItem {
    border-bottom: 1px solid #dfdfdf;
    padding: 4px 6px;
    overflow: hidden;
}

.systemMessageItem .systemMessageItemDate {
    float: right;
}

.iconNotify1 {
    /*background: url("../_d/notifications_icons.png") no-repeat 10px 4px;*/
    background: url("../_d/icons.png?v=3") no-repeat 1px -5995px;
    padding-left: 30px;
}

.iconNotify2 {
    /*background: url("../_d/notifications_icons.png") no-repeat 10px -48px;*/
    background: url("../_d/icons.png?v=3") no-repeat 1px -6048px;
    padding-left: 30px;
}

.iconSmallPhone1 {
    background: url("../_d/voip_list_phones.png?v=1") no-repeat 10px 5px;
    padding-left: 30px;
}

.iconSmallPhone2 {
    background: url("../_d/voip_list_phones.png?v=1") no-repeat 10px -35px;
    padding-left: 30px;
}

.iconSmallMobile1 {
    /*background: url("../_d/mobile_voip.png?v=1") no-repeat 10px 5px;*/
    background: url('../_d/icons.png?v=3') no-repeat -5px -5906px;
    padding-left: 30px;
    position: relative;
}

.iconSmallMobile1 i {
    position: absolute;
    width: 30px;
    height: 18px;
    left: 0;
    top: 0;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

.iconSmallMobile1a {
    background-position: 1px -5910px;
}

.iconSmallMobile2 {
    /*background: url("../_d/mobile_voip.png?v=1") no-repeat 10px -20px;*/
    background: url('../_d/icons.png?v=3') no-repeat -5px -5931px;
    padding-left: 30px;
    color: #999;
}

.iconSmallMobile2a {
    background-position: 10px -23px;
}

.systemMessageItemUnread {
    font-weight: bold;
}

.borderedBox {
    border: 1px solid #D9D9D9;
    padding: 10px;
}

.popupTypeVoip {
    position: fixed;
    width: 348px;
    padding: 0 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYQAAAAJCAYAAAAy5FthAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABcSURBVHja7NWxCYBQEETBPUV+I/ZfkY2IyDe5wNBUmIFtYJNXSaq3vrb1RpIx5zwCwG9V1Z7k7F29+7W5uAmAJBEEAAQBAEEAQBAAEAQABAEAQQDggwcAAP//AwDk9wwT7JyzpgAAAABJRU5ErkJggg==') repeat-y;
    right: 50px;
    bottom: -7px;
    z-index: 800;
}

.popupTypeVoipTop {
    position: absolute;
    top: -16px;
    left: 0;
    width: 388px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYQAAAAQCAYAAAAWPQgyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHcSURBVHja7NsxbhpBFMbxt2/XbhDIZYrUkS/gU7hJBW0KbsABrByAG5CWjsqN7+Dakg/gwmUE2ibJzLgB6+Wxs3gtWbDW/yeNdsQuzSC9j7ejKaS7QgAAfZC6PFy9o/gTCADwCUOieMPnXecAgOMW+q7zgx1A0zV3j1AAgNMKA3tNLfeyRTwXArlBEADA6QVDOjAaQ6FoCQM1hV9dEGimcwAAHC8MbJGPLgSim++FQpXpEHwY+JHrFgAAxw0EHwLRBEA0NT5ua/drh1BlOgUbBqW75oKhqesAAHxsCDQFQnQjmNocTa1Odl5lgsCGQdOwgaAEAgCcRCBEFwjBhEEwz0ZXqxtfGYnsvyYqRaSaz+dfp9Ppz8FgcFWW5Rd+BwA4XSGE57qu7xeLxc1sNntyXYSf//dv3u8X7DqBSkSq5XJ5OZlMblX1gmUGgP6IMf5erVbfx+Pxg4j8245d5xBNV5GKtq5gO87W6/Wv4XB4zdICQP9sNpu70Wj0Q0T+ulCw+wypbd/gbBsI5yGER1UdsqwA0D8ppVpVv4nIHxMINhSSiCR13/PnDFRElDAAgP4qimIgbzg2oC4MpKFjUJYTAHqv7bjAXiCI5M8jAAB63ijIgXNjLwAAAP//AwACdZGYPKDHFgAAAABJRU5ErkJggg==') no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -999;
}

.popupTypeVoipBottom {
    background: url("../_d/voip_popup_bottom.png") no-repeat -9px 0;
    bottom: -16px;
    display: block;
    height: 16px;
    left: -11px;
    overflow: hidden;
    position: absolute;
    width: 370px;
    z-index: 2;
}

.popupTypeVoip .borderedBoxContainerInner {
    padding: 5px 5px 3px 5px;
    min-height: 42px;
}

.callIcon1 {
    color: #6eb41e;
    padding: 5px 0 20px 38px;
    background: url("../_d/voip_icons.png") no-repeat 0 -215px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon2 {
    color: #6eb41e;
    padding: 5px 0 20px 38px;
    background: url("../_d/voip_icons.png") no-repeat 0 -285px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon1m {
    color: #6eb41e;
    padding: 5px 0 20px 38px;
    background: url("../_d/mobile_icons.png") no-repeat 0 -215px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon2m {
    color: #6eb41e;
    padding: 5px 0 20px 38px;
    background: url("../_d/mobile_icons.png") no-repeat 0 -285px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.smsPopupIcon {
    color: #999999;
    padding: 5px 0 20px 38px;
    background: url("../_d/sms_popup.png") no-repeat 0 3px;
    /*background: url('../_d/_icons.png?v=6') no-repeat left -773px;*/
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon3 {
    color: #ff231b;
    padding: 5px 0 20px 38px;
    background: url("../_d/voip_icons.png") no-repeat 0 -355px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon4 {
    color: #6eb41e;
    padding: 5px 0 20px 38px;
    background: url("../_d/voip_icons.png") no-repeat 0 -145px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon5 {
    color: #ff231b;
    padding: 5px 0 20px 38px;
    background: url("../_d/voip_icons.png") no-repeat 0 -70px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon6,
.voipPopupMulti .callIcon5 {
    color: #999999;
    padding: 5px 0 20px 38px;
    background: url("../_d/voip_icons.png") no-repeat 0 2px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon3m {
    color: #ff231b;
    padding: 5px 0 20px 38px;
    background: url("../_d/mobile_icons.png") no-repeat 0 -355px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon4m {
    color: #6eb41e;
    padding: 5px 0 20px 38px;
    background: url("../_d/mobile_icons.png") no-repeat 0 -145px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon5m {
    color: #ff231b;
    padding: 5px 0 20px 38px;
    background: url("../_d/mobile_icons.png") no-repeat 0 -70px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.callIcon6m,
.voipPopupMulti .callIcon5m {
    color: #999999;
    padding: 5px 0 20px 38px;
    background: url("../_d/mobile_icons.png") no-repeat 0 2px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

#popupVoipCalling .voipCallingTitle a {
    color: #990ae3;
}

.voipPopupMulti {
    height: 41px;
    margin-left: -11px;
    padding: 10px 11px 0 11px;
    position: relative;
    margin-top: -7px;
    margin-bottom: 7px;
    width: 100%;
    background: url("../_d/voippopup_top.png") no-repeat;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
}

.voipPopupMultiOpen {
    position: relative;
    z-index: 2;
    margin-bottom: 12px;
    overflow: visible;
    padding-top: 2px;
}

.voipPopupNotes {
    overflow: hidden;
}

.voipPopupNotes .removeIcon {
    right: -5px;
}

.voipPopupUserPhone {
    color: #646464;
    font-size: 14px;
    left: 50px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 7px;
    white-space: nowrap;
    width: 290px;
}

.popupTypeVoip .close {
    right: 0;
    top: 0;
    /*background: url("../_d/background_msg_close.png") no-repeat;*/
    background: url('../_d/icons.png?v=3') no-repeat right -921px;
    width: 10px;
    height: 11px;
    overflow: hidden;
    position: absolute;
    display: block;
    text-indent: -999px;
    z-index: 10;
}

#debugBar {
    position: fixed;
    background: #eee;
    border: 1px solid #444;
    padding: 7px;
    top: 10px;
    left: 10px;
    min-width: 200px;
    z-index: 99999;
}

.popupAutomaticUpdatesCheck {
    left: 170px;
    position: absolute;
    top: 4px;
    width: 200px;
}

.popupAutomaticUpdatesCheck input {
    vertical-align: middle;
}

#wrapper a.disabledLink {
    color: #ccc;
    cursor: default;
    background: #fff;
}

.inlineBlockLabel {
    display: inline-block;
    width: 85px;
    text-align: right;
    color: #999999;
    text-decoration: none;
}

.inlineLabel .inlineBlockLabel {
    width: 85px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.inlineLabel {
    overflow: hidden;
    padding-left: 90px;
    position: relative;
    text-overflow: ellipsis;
    height: 16px;
}

.mailRecipientsFull .inlineLabel {
    height: auto;
}


/*************************** Przemek styles ****************************/

div#feedback {
    width: 459px;
    height: 247px;
    position: fixed;
    top: 50%;
    margin-top: -10px;
    left: 100%;
    z-index: 999;
    margin-left: -50px;
}

div.feedbackShadow {
    background: url("../_d/feedback.png") no-repeat top left;
}

.EST div.feedbackShadow {
    background: url("../_d/feedback_est.png") no-repeat top left;
}

.RUS div.feedbackShadow {
    background: url("../_d/feedback_rus.png") no-repeat top left;
}

div#feedback > a {
    width: 53px;
    height: 108px;
    position: absolute;
    top: 0;
    left: 0;
}

.RUS div#feedback > a {
    height: 145px;
}

.RUS div#feedback > a span {
    height: 131px;
}

div#feedback > a.feedbackButtonShadow {
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

div#feedback > a span {
    width: 44px;
    height: 94px;
    float: left;
    background: transparent;
    margin: 7px 0 7px 9px;
}

.EST div#feedback > a span {
    background: transparent;
}

.RUS div#feedback > a span {
    background: transparent;
}

div#feedback > div {
    width: 366px;
    height: 192px;
    position: absolute;
    top: 7px;
    left: 53px;
    background: #f2f2f2;
    padding: 18px 20px 18px 20px;
}

div#popupFeedBack > div p {
    font: 14px Arial;
    line-height: 18px;
}

div#feedback > div span {
    float: right;
    margin: 0 1px 0 0;
}

div#popupFeedBack > div textarea {
    width: 94%;
    height: 60px;
    padding: 10px;
    margin: 0 1px 10px 1px;
    border: 0px;
    color: #333;
    font: 14px Arial;
}

div#feedback > div a.buttonNormal {
    margin: 0 0 0 6px;
}

div#popupFeedBack > div a.disabled {
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1;
}

div#popupFeedBack .chars {
    float: right;
}


/* Faq Section */

div#faqCategoriesContent a {
    width: 158px;
    height: 20px;
    display: block;
    color: #666666;
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
    line-height: 18px;
}

div#faqCategoriesContent #category_c_mobile {
    /*background: url("../_d/mobile_voip.png") no-repeat 2px 2px;*/
    background: url('../_d/icons.png?v=3') no-repeat -9px -5909px;
}

div#faqCategoriesContent a:hover {
    background-color: #f3f3f3;
}

div#faqCategoriesContent a.active {
    font-weight: bold;
}

div#faqCategoriesContent a#category_c_video {
    width: 159px;
    background-position: -6px -7px;
    margin: 0 0 0 10px;
    border-bottom: 1px solid #cccccc;
}

div#faqCategoriesContent a#category_c_email {
    background-position: -6px -52px
}

div#faqCategoriesContent a#category_c_contacts {
    background-position: -7px -72px;
}

div#faqCategoriesContent a#category_c_socialmedia {
    background-position: -7px -96px;
}

div#faqCategoriesContent a#category_c_voip {
    background-position: -6px -121px;
}

div#faqCategoriesContent a#category_c_cloud {
    background-position: -5px -196px;
}

div#faqCategoriesContent p {
    width: 159px;
    height: 20px;
    display: block;
    color: #666666;
    padding: 0 0 0 20px;
    line-height: 18px;
    background-image: url('../_d/faq_bg.png?v=3');
    background-repeat: no-repeat;
    background-position: -6px -28px;
    margin: 5px 0 5px 10px;
}

#attachImport {
    font-size: 30px;
}

div#module-faq table tr.answers {
    display: none;
}

div#module-faq table tr.answers td {
    padding-bottom: 10px;
}

div#module-faq table tr.questions {
    background: url('../_d/faq_bg.png?v=3') no-repeat 2px -137px;
    cursor: pointer;
}

div#module-faq table tr.questionsOpen {
    font-weight: bold;
    color: #333333;
    background: url('../_d/faq_bg.png?v=3') no-repeat 2px -157px;
    border: 0px;
}

div#module-faq table tr.questionsOpen td {
    border: 0px;
}

div#module-faq table tr td .leftSpace,
div#module-faq table tr td span {
    margin: 0 0 0 32px;
}

div#module-faq table tr.questions:last-child td {
    border: none;
}

div#module-faq table tr td {
    height: 30px;
    border-bottom: 1px solid #cccccc;
}


/*************************** /Przemek styles ****************************/

.recentMailCutter {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35%;
    white-space: nowrap;
}

.bold {
    font-weight: bold;
}

.contactDetailPhoneIcon {
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    left: 117px;
    padding-left: 4px;
    padding-top: 2px;
    position: absolute;
    top: 62px;
}

.voipFaqPosition {
    margin-top: 4px;
}

.voipFaqPosition.privatePhoneFAQ {
    margin-top: 14px;
}

.popupTypeVoip .contactInfoMail {
    top: 30px;
    border: none;
}

.popupTypeVoip .addContactIcon {
    left: 152px;
    position: absolute;
    top: 29px;
    background: url("../_d/icons.png?v=3") no-repeat scroll -9px -1770px transparent;
}

.popupTypeVoip .addContactIconDisable {
    background: url("../_d/icons_mail_preview2.png") no-repeat -52px 0;
    cursor: default;
}


.tabs a span.iconMobile b,
.tabs a.selected span.iconMobile b {
    /*background: url("../_d/mobile_voip.png") no-repeat 4px 12px;*/
    background: url('../_d/icons.png?v=3') no-repeat -11px -5899px;
}

.unlinkIcon,
a.unlinkIcon {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -126px -1948px;
    display: block;
    float: left;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    width: 16px;
    cursor: pointer;
}

.unlinkIconInline {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -126px -1948px;
    overflow: hidden;
    text-indent: -999px;
    padding-left: 16px;
    cursor: default;
}

.unlinkIconInlineInactive {
    background-position: -126px -1989px;
}

.signatureIconInline {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -126px -1908px;
    overflow: hidden;
    text-indent: -999px;
    padding-left: 16px;
    cursor: pointer;
}

.signatureIconInlineActive {
    background-position: -126px -1876px;
}

.vacationResponderIconInline {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -126px -1847px;
    overflow: hidden;
    text-indent: -999px;
    padding-left: 16px;
    cursor: pointer;
}

.vacationResponderIconInlineActive {
    background-position: -126px -1787px;
}

.vacationResponderIconInlineDisable {
    background-position: -126px -1817px;
    cursor: default;
}

.forwardIconInline {
    background: url("../_d/_icons.png?v=6") no-repeat 2px -1351px;
    overflow: hidden;
    text-indent: -999px;
    padding-left: 16px;
    cursor: pointer;
}

.forwardIconInlineActive {
    background-position: 2px -1391px;
}

.forwardIconInlineDisable {
    background-position: 2px -1311px;
    cursor: default;
}

.settingsPhoneRow .unlinkIcon {
    margin-top: 7px;
}

.unlinkIcon:hover,
a.unlinkIcon:hover {
    background-position: 0 -89px;
}

.unlinkIconInactive,
a.unlinkIconInactive,
.unlinkIconInactive:hover,
a.unlinkIconInactive:hover {
    background-position: 0 -42px;
    cursor: default;
}

.settingsPhoneRow .nextSign {
    /*background: url("../_d/background_plus_minus.png") no-repeat scroll -15px 2px transparent;*/
    background: url('../_d/_icons.png?v=6') no-repeat 5px -231px;
    border-left: 1px solid #CCCCCC;
    display: block;
    height: 15px;
    margin-top: 7px;
    overflow: hidden;
    text-indent: -999px;
    width: 16px;
}

.settingsPhoneRow.settingsPhoneRowInactive .nextSign {
    background-position: -54px 2px;
}

.settingsPhoneRow .emptySign {
    display: block;
    height: 15px;
    margin-top: 7px;
    overflow: hidden;
    text-indent: -999px;
    width: 17px;
}

.settingsPhoneRow .voipMember {
    margin-top: 6px;
    display: block;
}

.settingsEmailAccount .settingsPhoneRow {
    border: none;
    padding: 3px 0;
}

.contextBox {
    background: #fff;
    padding: 0 3px;
    position: absolute;
    min-width: 160px;
    z-index: 5;
    max-width: 400px;
    font-size: 12px;
}

.contactListContainer .contextBox {
    max-width: 230px;
}

.contextBoxTop {
    background: url("../_d/context_box.png") no-repeat 0 -30px;
    width: 80%;
    height: 13px;
    position: absolute;
    left: -2px;
    top: -13px;
    padding: 0 2px;
}

.contextBoxTop span {
    background: url("../_d/context_box.png") no-repeat right -30px;
    height: 13px;
    position: absolute;
    right: -25%;
    top: 0;
    width: 25%;
}

.contextBoxArrowRight .contextBoxTop span {
    background: url("../_d/context_box.png") no-repeat right 0;
}

.contextBoxTopContactList {
    background: url("../_d/context_box.png") no-repeat 0 -30px;
    width: 97%;
    height: 13px;
    position: absolute;
    left: -2px;
    top: -13px;
    padding: 0 2px;
}

.contextBoxTopContactList span.contextBoxTopEnd {
    background-image: url("../_d/context_box.png");
    background-repeat: no-repeat;
    background-position: right -30px;
    height: 13px;
    position: absolute;
    right: -2.5%;
    top: 0;
    width: 5px;
}

.contextBoxArrowRight .contextBoxTopContactList span.contextBoxTopEnd {
    background-image: url("../_d/context_box.png");
    background-repeat: no-repeat;
    background-position: -481px 0;
}

.contextBoxTopContactList span.contextBoxTopArrow {
    background-image: url("../_d/context_box.png");
    background-repeat: no-repeat;
    background-position: right -30px;
    height: 13px;
    position: absolute;
    right: 3%;
    top: 0;
    width: 15px;
}

.contextBoxArrowRight .contextBoxTopContactList span.contextBoxTopArrow {
    background-image: url("../_d/context_box.png");
    background-repeat: no-repeat;
    background-position: -463px 0;
}

.contextBoxArrowRight .contextBoxTopContactList {
    background: url("../_d/context_box.png") no-repeat;
}

.contextBoxArrowRight .contextBoxTop {
    background: url("../_d/context_box.png") no-repeat;
}

.contextBoxBottom {
    background: url("../_d/context_box.png") no-repeat 0 -20px;
    width: 80%;
    height: 10px;
    position: absolute;
    left: -2px;
    bottom: -10px;
    padding: 0 2px;
}

.contextBoxBottom span {
    background: url("../_d/context_box.png") no-repeat right -20px;
    height: 10px;
    position: absolute;
    right: -25%;
    top: 0;
    width: 25%;
}

.contextBoxLeft {
    background: url("../_d/context_box.png") repeat-y -355px 0;
    height: 100%;
    left: -2px;
    position: absolute;
    top: 0;
    width: 4px;
}

.contextBoxRight {
    background: url("../_d/context_box.png") repeat-y -370px 0;
    height: 100%;
    right: -3px;
    position: absolute;
    top: 0;
    width: 4px;
}

.contextBox a {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

.contextBox .folderActionBoxItems a {
    padding: 3px 5px;
}

.settingsEmailAccount .mailsMenuIcon {
    font-weight: bold;
    margin-left: 25px;
    padding: 0 3px 0 15px;
    /*background: url("../_d/icon_domain_arrows.png") no-repeat 0 4px;*/
    background: url('../_d/icons.png?v=3') no-repeat -15px -2454px;
}

.settingsEmailAccount .mailsMenuIconDown {
    /*background-position: 0 -48px;*/
}

.settingsPhoneRow .iconSmallPhone2a {
    background-position: 13px -38px;
}

#editor-newmailContentForm i,
#editor-newmailContentForm i u,
#editor-signatureEditor i,
#editor-signatureEditor i u,
#editor-vacationResponderEditor i,
#editor-vacationResponderEditor i u {
    font-style: italic;
}

#editor-newmailContentForm u,
#editor-signatureEditor u,
#editor-vacationResponderEditor u {
    text-decoration: underline;
}

#editor-newmailContentForm p {
    padding: 0;
    margin: 0;
}

.missedCallItem {
    /*background: url("../_d/missed_calls_icons.png") no-repeat 4px center;*/
    background: url("../_d/_backgrounds.png") no-repeat -945px -257px;
    font-size: 14px;
    padding: 3px 25px;
    cursor: pointer;
}

.missedCallItem span {
    float: right;
    font-size: 12px;
}

.missedPopupLine {
    border-bottom: 1px solid #CCCCCC;
    bottom: -1px;
    height: 1px;
    left: -11px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    direction: ltr;
    width: 370px;
}

.callIcon5 span span {
    color: #666666;
}

.voipCallMissedHide {
    display: none;
}

.voipPopupMultiOpen .callIcon5 .voipCallMissedHide,
.voipPopupMultiOpen .callIcon5m .voipCallMissedHide {
    /*background: url("../_d/voip_call_missed_hide.png") no-repeat left center;*/
    background: url("../_d/icons.png?v=3") no-repeat -10px -5967px;
    border-right: 1px solid #CCCCCC;
    height: 14px;
    position: absolute;
    right: 18px;
    top: -2px;
    width: 17px;
    display: block;
}

.voipPopupMulti .missedCallIconMissed {
    color: #999999;
    background: url("../_d/voip_icons.png") no-repeat 0 2px;
}

.voipPopupMulti.mobilePopupIdMissed .missedCallIconMissed {
    color: #999999;
    background: url("../_d/mobile_icons.png") no-repeat 0 2px;
}

.shortName {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 37%;
    text-overflow: ellipsis;
}

#contactsBirthday .listHolder {
    padding-left: 32px;
    background-image: url('../_d/cake.png');
    background-position: 12px 3px;
}

.fbIcon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url("../_d/buttons_beta.png?v=1") no-repeat -378px -1451px;
    text-indent: -99px;
    overflow: hidden;
    direction: ltr;
}

.linkedInIcon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url("../_d/buttons_beta.png?v=1") no-repeat -325px -1451px;
    text-indent: -99px;
    overflow: hidden;
    direction: ltr;
}

.iconSortDown {
    background: url("../_d/icons.png?v=3") no-repeat -14px -3776px;
    padding: 0 6px;
    float: right;
}

.iconSortUp {
    background: url("../_d/icons.png?v=3") no-repeat -14px -3813px;
    padding: 0 6px;
    float: right;
}

.mailIcon_unread {
    width: 16px;
    height: 16px;
    background: url("../_d/icons.png?v=3") no-repeat -8px -3240px;
}

.mailIcon_read {
    width: 16px;
    height: 16px;
    background: url("../_d/icons.png?v=3") no-repeat -8px -3198px;
    cursor: default !important;
}

.phoneIcon {
    width: 13px;
    height: 16px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -4751px;
}

.phoneIcon_inactive {
    width: 13px;
    height: 16px;
    background: url("../_d/icons.png?v=3") no-repeat -6px -4802px;
}

.smsPhoneIcon {
    background: url("../_d/icons.png?v=3") no-repeat -10px -4753px;
    height: 13px;
    width: 17px;
    display: inline-block;
}

.smsPhoneIconInactive {
    background: url("../_d/icons.png?v=3") no-repeat -10px -4804px;
    height: 13px;
    width: 17px;
    display: inline-block;
}

.mailingAddFieldSuggest {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    left: 104px;
    padding: 8px 5px;
    position: absolute;
    top: 34px;
    z-index: 10;
}

.mailingAddFieldSuggest a {
    display: block;
    padding: 2px 5px;
}

.mailingAddFieldSuggest a:hover {
    background: #f0f0f0;
}

#contactNotificationRows .listMail {
    width: 119px;
}

#contactNotificationRows .listHolder:hover .listMail {
    width: 119px;
}

#contactNotificationRows .listHolder .addContactIcon {
    margin-left: 0;
}

.loadingSearchData {
    background: #f2f2f2;
    text-align: center;
    padding: 6px;
    height: 15px;
}

.loadingSearchData1 {
    vertical-align: middle;
    display: inline-block;
    position: unset !important;
    padding-left: 10px !important;
    left: unset !important;
}

.min8charsBack {
    position: relative;
    z-index: 10;
    background: #fff;
    padding: 0 5px 0 0;
}

.popup .min8charsBack {
    background: #F2F2F2;
}

#module-contacts-newcontact .w610 {
    width: 1000px;
}

.linkedinLikeContent {
    border-left: 3px solid #EEEEEE;
    margin-left: 10px;
    padding: 10px;
}

.editorContainer p {
    padding: 0;
    margin: 0;
}

.oldBrowserInfo {
    background: #ff6464;
    height: 40px;
    min-width: 969px;
    display: none;
}

.oldBrowserInfoInner {
    /*background: url("../_d/background_msg_error.png") no-repeat 14px 7px;*/
    background: url("../_d/_icons.png?v=6") no-repeat 10px -776px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 12px;
    padding-left: 55px;
    height: 28px;
    color: #fff;
    font-size: 14px;
    position: relative;
    max-width: 1270px;
    min-width: 939px;
    margin: 0 auto;
    position: relative;
}

.oldBrowserInfo .close {
    /*background: url("../_d/background_msg_close.png") no-repeat;*/
    background: url('../_d/icons.png?v=3') no-repeat right -921px;
    width: 10px;
    height: 11px;
    overflow: hidden;
    position: absolute;
    top: 14px;
    right: 10px;
    display: block;
    text-indent: -999px;
    z-index: 10;
}

.termsOfService {
    font-family: Arial;
    font-size: 13px;
    line-height: 17px;
}

.termsOfService li .label {
    position: absolute;
    left: -75px;
    width: 70px;
    top: 0;
    text-align: right;
}

.termsOfService li {
    position: relative;
    padding-bottom: 10px;
    list-style: none;
}

.termsOfService p {
    margin: 0;
    padding: 0 0 10px 0;
}

.termsOfService ol {
    padding: 0 0 0 50px;
    margin: 0;
}

.termsOfService .spacer {
    padding-bottom: 40px;
}

.termsOfService .noSpace {
    padding: 0;
}

.termsOfService .bordered td {
    border: 1px solid #999;
}

.termsOfService table.bordered {
    border-collapse: collapse;
    font-size: 13px;
}

.mobileTerms {
    background: #fff;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.newmailButtonsFixed {
    position: fixed;
    bottom: 0;
    background: url("../_d/buttons2.png") repeat-x 0 -96px;
    padding: 20px 10px 6px 120px;
    width: 60%;
    margin-left: -120px;
    min-width: 300px;
}

#tipWindow {
    background: #5A5E60;
    color: #FFFFFF;
    font-size: 11px;
    left: 250px;
    padding: 7px;
    position: absolute;
    top: 200px;
    z-index: 99999;
    max-width: 300px;
    display: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#tipBottom {
    border-color: #5A5E60 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 6px 0;
    bottom: -5px;
    height: 0;
    left: 10px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.tipHelp {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -3396px;
    padding: 0 8px;
    cursor: default;
}

#popupLoginMethods {
    width: 600px;
    top: 50%;
    margin-top: -250px;
    margin-left: -300px;
}

#popupLoginMethods .popupInner {
    background: #F6F6F6;
}

#popupLoginMethods iframe {
    border: none;
    height: 450px;
    width: 575px;
    display: block;
}

#adBanner800x150 {
    display: none;
    margin: 0 auto;
}

.noBusiness #adBanner800x150 {
    display: block;
}

.readMailScroller {
    bottom: 0;
    background: blue;
    text-indent: -999px;
    overflow: hidden;
    z-index: 10;
    height: 15px;
    margin-left: 10px;
    position: fixed;
    width: 920px;
    direction: ltr;
}

.readMailScroller div {
    background: red;
    height: 15px;
    width: 40px;
    text-indent: -999px;
    overflow: hidden;
    direction: ltr;
}

.listHolder .notifButts {
    display: none;
}

.listHolder:hover .notifButts {
    display: block;
}

.listHolder .notifDate {
    display: block;
    text-align: right;
}

.listHolder:hover .notifDate {
    display: none;
}

.rateBoxContent {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    position: relative;
    background: #fff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.rateBoxContentDecorator {
    height: 35px;
    margin: 0 15px 0 18px;
    border-bottom: 1px solid #ccc;
}

.rateBoxContentOptions {
    position: absolute;
    top: 9px;
    width: 100%;
}

.rateBoxContentOptions label {
    float: left;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;
    width: 14px;
}

.rateBoxContentOptionsLablel {
    margin: 12px 0;
    display: block;
    overflow: hidden;
}

.rateBoxContentOptionsLablel span {
    width: 33%;
    display: inline-block;
    box-sizing: border-box;
}

.rateBoxContentOptionsLablel .rateBoxContentOptionsLablelLeft {
    float: left;
    text-align: left;
    padding-left: 10px;
}

.rateBoxContentOptionsLablel .rateBoxContentOptionsLablelRight {
    float: right;
    text-align: right;
    padding-right: 10px;
}

.rateBoxContentOptionsLablel .rateBoxContentOptionsLablelMiddle {
    text-align: center;
}

.rateBoxContentOptions input {
    padding: 0;
    margin: 0;
}

#rateOption10 {
    margin-left: 2px;
}

.rateBoxUserOpinion {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.rateSubHederText {
    padding-top: 5px;
    color: #673083;
    font-size: 17px;
}

.dragIco {
    width: 16px;
    height: 16px;
    /*background: url("../_d/drag.png") no-repeat top left;*/
    background: transparent;
    text-indent: -999px;
    overflow: hidden;
    direction: ltr;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
}

.dragIcoOk {
    background-position: bottom left;
}

.maillistButtons {
    height: 35px;
    position: relative;
}

.maillistButtonsLeft,
.maillistButtonsRight {
    display: none;
    position: absolute;
    top: 0;
    text-indent: -999px;
    direction: ltr;
    overflow: hidden;
}

.maillistButtonsInner {
    position: absolute;
    top: -5px;
    width: 100%;
    z-index: 101;
}

.maillistButtonsContainer {
    margin: 0 5px;
    padding: 7px 5px 0 5px;
}

.maillistButtonsFixed .maillistButtonsContainer {
    background: url("../_d/maillist_buttons_shadow.png") repeat-x left bottom;
    height: 45px;
}

.maillistButtonsFixed .maillistButtonsInner {
    position: fixed;
    top: 0;
}

.maillistButtonsFixed .maillistButtonsLeft,
.maillistButtonsFixed .maillistButtonsRight {
    display: block;
}

.maillistButtonsLeft {
    background: url("../_d/maillist_buttons_shadow.png") no-repeat left top;
    direction: ltr;
    height: 52px;
    left: -11px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 0;
    width: 16px;
}

.maillistButtonsRight {
    background: url("../_d/maillist_buttons_shadow.png") no-repeat right top;
    direction: ltr;
    height: 52px;
    overflow: hidden;
    position: absolute;
    right: -11px;
    text-indent: -999px;
    top: 0;
    width: 16px;
}

.maillistData tr.mailItem td.moveCheck span.mailCheckContainer,
.mailCheckContainer {
    padding: 12px 3px 7px 0;
}

.maillistData tr.mailItem td.moveCheck span.fileCheckContainer,
.fileCheckContainer {
    left: 29px;
    padding: 9px 3px 6px 0;
    position: absolute;
    top: -18px;
}

#filelist .dragMailInfo {
    top: -17px;
}

#filelist .maillistData tr.mailItem td.moveCheck {
    background-position: -1px -546px;
}

#filelist .maillistData th.moveCheck,
#filelist .maillistData td.moveCheck {
    width: 55px;
}

#filelist .maillistData.isShared th.moveCheck,
#filelist .maillistData.isShared td.moveCheck {
    width: 35px;
}

#filelist .maillistData th.moveCheck input {
    margin-right: 9px;
}

#filelist .maillistData tr.mailItem td.subject span:hover {
    text-decoration: underline;
}

.mailItem .filelistIcon {
    height: 33px;
    left: 59px;
    top: -17px;
    width: 35px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -104px -4061px;
}

.popupFilesNewmailItem .filelistIcon {
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -104px -4061px;
}

.isVideo .filelistIcon {
    background-position: -104px -4100px;
}

.isArchive .filelistIcon {
    background-position: -104px -4300px;
}

.isMusic .filelistIcon {
    background-position: -104px -4220px;
}

.isSpreadsheet .filelistIcon {
    background-position: -104px -4180px;
}

.isDocument .filelistIcon {
    background-position: -104px -4260px;
}

.isPicture .filelistIcon {
    background-position: -104px -4140px
}

.isPresentation .filelistIcon {
    background-position: -104px -4340px;
}

.isEstonian .filelistIcon {
    background-position: -104px -4380px;
}

.isExecutable .filelistIcon {
    background-position: -104px -4420px;
}

.isMessage .filelistIcon {
    background-position: -104px -4460px;
}

.isHtml .filelistIcon {
    background-position: -104px -4500px;
}

.viewItem2 .filelistIcon {
    height: 33px;
    width: 35px;
    margin: 20px auto 12px auto;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -104px -4061px;
}

.mailItem .filelistThumb {
    width: 35px;
    left: 59px;
    top: -15px;
    height: 29px;
    text-align: center;
}

.mailItem .filelistThumb img {
    max-width: 35px;
    max-height: 29px;
}

.popupFilesNewmailItem .filelistThumb {
    width: 35px;
    left: 0;
    position: absolute;
    top: 2px;
    height: 29px;
    text-align: center;
}

.popupFilesNewmailItem .filelistThumb img {
    max-width: 35px;
    max-height: 29px;
}

.mailItem .filelistIcon1,
.mailItem .filelistIcon3,
.mailItem .filelistIcon9,
.viewItem .filelistIcon1,
.viewItem .filelistIcon3,
.viewItem .filelistIcon9,
.viewItem2 .filelistIcon1,
.viewItem2 .filelistIcon3,
.viewItem2 .filelistIcon9,
.popupFilesNewmailItem .filelistIcon1,
.popupFilesNewmailItem .filelistIcon3,
.popupFilesNewmailItem .filelistIcon9 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -106px -4022px;
    cursor: pointer;
}

.fileFormInner {
    height: 35px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 178px;
    z-index: 2;
    overflow: hidden;
    filter: alpha(opacity=0);
}

.fileFormInner input {
    position: absolute;
    right: 0;
    top: 0;
}

.star {
    /*background: url("../_d/stars.png") no-repeat center 5px;*/
    background: url('../_d/icons.png?v=3') no-repeat -4px -5714px;
    height: 33px;
    left: 25px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -7px;
    width: 20px;
}

.starActive {
    /*background-position: center -25px;*/
    background-position: -4px -5744px;
}

.starSetInactive {
    /*background-position: center -55px;*/
    background-position: -4px -5774px;
}

.starSetActive {
    /*background-position: center -85px;*/
    background-position: -4px -5804px;
}

.starInvisible {
    background: none;
}

.responderDateFields {
    overflow: hidden;
    padding: 10px 0;
}

.responderSubjectField {
    overflow: hidden;
    padding: 0 5px 10px 0;
}

.responderDateFields .fieldName {
    float: left;
    padding-right: 1%;
    padding-top: 6px;
    text-align: right;
    width: 10%;
}

.responderDateFields .fieldName2 {
    width: 50px;
}

.responderDateFields .fieldData {
    width: 120px;
    float: left;
}

.responderDateFields .textInput {
    width: 100px;
}

.responderSubjectField .fieldName {
    float: left;
    padding-right: 1%;
    padding-top: 6px;
    text-align: right;
    width: 10%;
}

.responderSubjectField .fieldData {
    width: 89%;
    float: left;
}

.vacationResponderDateFields {
    overflow: hidden;
    padding: 10px 0;
}

.vacationResponderSubjectField {
    overflow: hidden;
    padding: 0 5px 10px 0;
}

.vacationResponderDateFields .fieldName {
    float: left;
    padding-right: 1%;
    padding-top: 6px;
    width: 42px;
}

.vacationResponderDateFields .fieldName2 {
    width: 50px;
}

.vacationResponderDateFields .fieldData {
    width: 120px;
    float: left;
}

.vacationResponderDateFields .textInput {
    width: 100px;
    padding: 5px;
}

.vacationResponderSubjectField .textInput {
    padding: 5px;
}

.vacationResponderSubjectField .fieldName {
    float: left;
    padding-right: 1%;
    padding-top: 6px;
    width: 60px;
}

.vacationResponderSubjectField .fieldData {
    width: 89%;
    float: left;
}

.forwardZenSubjectField {
    overflow: hidden;
    padding: 0 5px 10px 0;
}

.forwardZenSubjectField .fieldName {
    float: left;
    padding-right: 1%;
    padding-top: 6px;
}

.forwardZenSubjectField .inputDecorator {
    float: left;
}

#forwardZenOnly {
    padding-left: 0;
    margin-left: 0;
}

.ui-widget-header {
    background: none;
    border: none;
    color: #666666;
}

.ui-widget-header .ui-icon {
    /*background-image: url("../_d/icon_pager.png");*/
    background: url("../_d/icons.png?v=3") no-repeat scroll right -3456px;
    width: 8px;
    height: 10px;
}

.ui-datepicker .ui-datepicker-prev span {
    background-position: -14px -3499px;
    width: 20px;
    height: 20px;
}

.ui-datepicker .ui-datepicker-next span {
    background-position: -14px -3456px;
    width: 20px;
    height: 20px;
}

.ui-widget-content {
    background: #fff;
}

.mobileInfoMsg {
    position: relative;
    margin-left: 18px;
    padding-top: 3px;
    padding-right: 18px;
    background: transparent url("../_d/canvas_icons.png") no-repeat -251px 2px;
    cursor: pointer;
}

.warningIco {
    /*background: url("../_d/background_msg_error.png") no-repeat right center;*/
    background: url("../_d/_icons.png?v=6") no-repeat 100px -772px;
}

.contactForbiddenNumber {
    /*background: url("../_d/background_msg_error.png") no-repeat 20px center;*/
    background: url("../_d/_icons.png?v=6") no-repeat 10px -776px;
    padding: 7px 10px 7px 70px;
}

#popupNewSMS {
    width: 730px;
    margin-left: -365px;
}

#popupNewSMS .regLabel {
    width: 120px;
}

#newSMSTo {
    height: 17px;
}

#newSMSMessage {
    height: 80px;
}

#popupNewSMS input {
    vertical-align: middle;
}

#popupNewSMS i {
    font-style: italic;
}

.smsNotConnecteNumberBox {
    font-size: 14px;
    height: 140px;
    margin: 0 auto;
    width: 761px;
    padding-top: 3px;
}

#smsDetailsSMS .smsNotConnecteNumberBox {
    width: auto;
}

#smsDetailsSMS .smsNotConnecteNumberBox div {
    padding: 10px 10%;
    width: 30%;
}

.smsNotConnecteNumberBoxContact {
    font-size: 14px;
    height: 132px;
    margin: 0 auto;
    padding-left: 45px;
    width: 255px;
    padding-top: 3px;
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -70px -2850px;
}

.smsNotConnecteNumberBoxContact div {
    height: 70px;
}

.smsNotConnecteNumberBox div {
    float: left;
    height: 32px;
    width: 300px;
    text-align: left;
    padding: 10px 40px;
}

.smsNotConnecteNumberBox div.smsNotConnectedInfo2 {
    border-left: 1px solid #AAAAAA;
}

.smsNotConnecteNumberBox .NotConnectedNumber {
    display: block;
    float: left;
    width: 30px;
    height: 32px;
    margin-right: 20px;
    background-image: url("../_d/mailbox-icon.png?v=1");
    background-repeat: no-repeat;
}

.smsNotConnecteNumberBox div.smsNotConnectedInfo1 .NotConnectedNumber {
    background-position: -71px -2855px;
}

.smsNotConnecteNumberBox div.smsNotConnectedInfo2 .NotConnectedNumber {
    background-position: -71px -2927px;
}

.smsBubble {
    padding: 0 10px 15px 10px;
}

.smsBubbleA {
    padding-left: 6px;
    padding-right: 20px;
}

.smsBubbleB {
    padding-left: 20px;
}

.smsBubbleA .smsBubbleTop {
    background: #ecf2bf;
    border-top: 1px solid #cddb5b;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    height: 7px;
}

.smsBubbleA .smsBubbleBottom {
    background: #ecf2bf;
    border-bottom: 1px solid #cddb5b;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    height: 7px;
}

.smsBubbleB .smsBubbleTop {
    background: #ecd9f9;
    border-top: 1px solid #d5b9e7;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    height: 7px;
}

.smsBubbleB .smsBubbleBottom {
    background: #ecd9f9;
    border-bottom: 1px solid #d5b9e7;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    height: 7px;
}

.smsBubbleA .smsBubbleContentTop,
.smsBubbleA .smsBubbleContent {
    background: #ecf2bf;
    border-left: 1px solid #cddb5b;
    border-right: 1px solid #cddb5b;
}

.smsBubbleB .smsBubbleContentTop,
.smsBubbleB .smsBubbleContent {
    background: #ecd9f9;
    border-left: 1px solid #d5b9e7;
    border-right: 1px solid #d5b9e7;
}

.smsBubbleContent {
    padding: 0 10px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.smsBubbleA .smsBubbleTop b {
    height: 14px;
    left: -20px;
    position: absolute;
    top: -1px;
    width: 21px;
    /*20*/
    background: url("../_d/sms_bubbles.png") no-repeat;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleA .smsBubbleTop i {
    background: url("../_d/sms_bubbles.png") no-repeat -32px 0;
    height: 8px;
    position: absolute;
    right: -8px;
    /*-7*/
    top: -1px;
    width: 8px;
    /*7*/
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleA .smsBubbleBottom b {
    height: 14px;
    left: -20px;
    position: absolute;
    top: -1px;
    width: 20px;
    background: url("../_d/sms_bubbles.png") no-repeat 0 -17px;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleA .smsBubbleBottom i {
    background: url("../_d/sms_bubbles.png") no-repeat -32px -18px;
    height: 8px;
    position: absolute;
    right: -7px;
    top: 0;
    width: 7px;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleB .smsBubbleTop b {
    background: url("../_d/sms_bubbles.png") no-repeat 13px -63px;
    height: 11px;
    left: -20px;
    position: absolute;
    top: -1px;
    width: 20px;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleB .smsBubbleTop i {
    background: url("../_d/sms_bubbles.png") no-repeat -19px -63px;
    height: 8px;
    position: absolute;
    right: -20px;
    top: -1px;
    width: 20px;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleB .smsBubbleBottom b {
    height: 14px;
    left: -20px;
    position: absolute;
    top: -1px;
    width: 20px;
    background: url("../_d/sms_bubbles.png") no-repeat 13px -81px;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleB .smsBubbleBottom i {
    background: url("../_d/sms_bubbles.png") no-repeat -19px -82px;
    height: 8px;
    position: absolute;
    right: -7px;
    top: 0;
    width: 7px;
    overflow: hidden;
    text-indent: -999px;
    direction: ltr;
}

.smsBubbleHeader {
    overflow: hidden;
    padding-bottom: 5px;
}

.smsFrom {
    background: url('../_d/sms_bubbles_icons.png') no-repeat;
    float: right;
    width: 13px;
    height: 15px;
}

.smsNotsentBox {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -178px -2448px;
    color: #ff3333;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    padding: 0 13px 1px 30px;
    position: relative;
    white-space: nowrap;
    z-index: 10;
}

.smsBubbleHeader .smsTime {
    float: right;
    color: #999999;
}

.smsFromTypeMobile {
    background-position: 0 1px;
}

.smsFromTypeWeb {
    background-position: 0 -50px;
    margin-right: 5px;
}

.smsBubbleHeader strong {
    font-size: 14px;
    color: #000;
}

.folderList #smsFolderList li div.smsTrash span {
    background: url("../_d/icons.png?v=3") no-repeat 4px -1474px;
}

.smsConvListCurrent {
    background: #F8FBE5;
}

.smsCellData {
    padding-left: 50px;
    position: relative;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smsCellData img {
    position: absolute;
    top: 0;
    left: 0;
}

.smsCellDataName {
    font-size: 14px;
    margin-right: 85px;
    overflow: hidden;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smsCellDataTime {
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
}

.smsCellDataText {
    margin-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#smsList .contactCell {
    cursor: pointer;
}

#smsList .contactCell:hover {
    background: #eee;
}

#smsDetails {
    width: 59%;
    float: right;
}

.smsCellData .smsListRemoveIco {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    left: auto;
}

.smsCellData:hover .smsListRemoveIco {
    display: block;
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -66px -2988px;
    display: block;
    height: 30px;
    width: 33px;
}

.smsCellData:hover .smsCellDataTime {
    display: none;
}

#contactDetailsPhoneMobileLoading {
    text-align: center;
}

#newSMSMessage {
    overflow: auto;
    width: 410px;
}

#newSMSToFancy {
    overflow: auto;
    width: 410px;
    position: relative;
}

.fancyToNumber i {
    /*background: url("../_d/background_msg_close.png") no-repeat 3px 2px;*/
    background: url('../_d/icons.png?v=3') no-repeat right -921px;
    padding-left: 15px;
    cursor: pointer;
}

.fancyToNumber.smsNotSent i {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -178px -2448px;
    cursor: default;
}

.fancyToNumber.smsNotSent .fancyToNumberLabel {
    color: #ff3333;
}

.fancyToNumber.smsSent i {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -178px -2358px

    cursor: default;
}

.fancyToNumber.smsSent .fancyToNumberLabel {
    color: #669900;
}

.fancyToNumberError {
    color: #f00;
}

.fancyToNumber {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#newSMSToFancyField {
    border: none;
    background: #ffffff;
    position: absolute;
    width: 410px;
    left: 0;
    top: 0;
    color: #666666;
    font-size: 12px;
    font-family: Arial, Helvetica, Tahoma, Verdana, FreeSans, Sans-serif;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}

.fancyToFieldTracker {
    padding-right: 30px;
    position: relative;
    color: #fff;
}

.smsPopupContent {
    max-height: 215px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.buttonNewmailInactive a,
.buttonNewmailInactive a,
.buttonNewmailInactive a:hover,
.buttonNewmailInactive a:focus,
.buttonNewmailInactive a:active {
    background-position: -93px -3430px;
    text-shadow: 0 -1px 0 #666;
    cursor: default;
}

#wrapper .buttonNewmailInactive a {
    cursor: default;
}

.folderList li div.smsInboxInactive:hover small,
.folderList li div.smsTrashInactive:hover small {
    display: none;
}

.folderList li div.smsInboxInactive:hover,
.folderList li div.smsTrashInactive:hover {
    background-color: transparent;
    cursor: default;
}

.folderList li div.smsInboxInactive i,
.folderList li div.smsTrashInactive i {
    cursor: default;
}

.smartTagENGName {
    background: url("../_d/smart_tags/name_ENG.png") no-repeat;
    padding-right: 50px;
    width: 0;
    overflow: hidden;
    cursor: pointer;
}

.smartTagENGSurname {
    background: url("../_d/smart_tags/surname_ENG.png") no-repeat;
    padding-right: 67px;
    width: 0;
    overflow: hidden;
    cursor: pointer;
}

.smartTagESTName {
    background: url("../_d/smart_tags/name_EST.png") no-repeat;
    padding-right: 50px;
    width: 0;
    overflow: hidden;
    cursor: pointer;
}

.smartTagESTSurname {
    background: url("../_d/smart_tags/surname_EST.png") no-repeat;
    padding-right: 67px;
    width: 0;
    overflow: hidden;
    cursor: pointer;
}

.smartTagRUSName {
    background: url("../_d/smart_tags/name_RUS.png") no-repeat;
    padding-right: 50px;
    width: 0;
    overflow: hidden;
    cursor: pointer;
}

.smartTagRUSSurname {
    background: url("../_d/smart_tags/surname_RUS.png") no-repeat;
    padding-right: 67px;
    width: 0;
    overflow: hidden;
    cursor: pointer;
}

.noSmartTagsAllowed .smartTagENGName {
    background: url("../_d/smart_tags/name_ENG_error.png") no-repeat;
}

.noSmartTagsAllowed .smartTagENGSurname {
    background: url("../_d/smart_tags/surname_ENG_error.png") no-repeat;
}

.noSmartTagsAllowed .smartTagESTName {
    background: url("../_d/smart_tags/name_EST_error.png") no-repeat;
}

.noSmartTagsAllowed .smartTagESTSurname {
    background: url("../_d/smart_tags/surname_EST_error.png") no-repeat;
}

.noSmartTagsAllowed .smartTagRUSName {
    background: url("../_d/smart_tags/name_RUS_error.png") no-repeat;
}

.noSmartTagsAllowed .smartTagRUSSurname {
    background: url("../_d/smart_tags/surname_RUS_error.png") no-repeat;
}

#newSMSCharCountSmartTags1,
#newSMSCharCountSmartTags2 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -180px -2480px;
    float: right;
    padding-left: 18px;
    padding-top: 5px;
}

#registerComTerms {
    padding-left: 26px;
    position: relative;
}

#registerComTerms .regComInput {
    position: absolute;
    left: 0;
    top: 0;
}

#regTerms .regErrorBox2 {
    width: 220px;
}

#regTerms .errorLine2 {
    width: 275px;
}

.popupInner #regTerms .regErrorBox2 {
    width: 185px;
}

.popupInner #regTerms .errorLine2 {
    width: 230px;
}

.iconMobile2 {
    background: url("../_d/sms_bubbles_icons.png") no-repeat 10px 1px;
    height: 16px;
    left: 0;
    position: absolute;
    width: 30px;
}

.iconSMS2 {
    /*background: url("../_d/sms_bubbles_icons.png") no-repeat 10px 1px;*/
    background: url('../_d/sms_bubbles_icons.png') no-repeat 6px -50px;
    height: 16px;
    left: 0;
    position: absolute;
    width: 30px;
}

.unselectable .folderMail,
.unselectable .folderDrafts,
.unselectable .folderUnread,
.unselectable .folderStarred,
.unselectable .folderSent,
#folderList.disableAll {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#step5Advice {
    overflow: hidden;
    padding: 0 6px;
    position: relative;
    z-index: 2;
}

.adviceStepRight,
.adviceStepStart,
.adviceStepStop,
.adviceStepIcon,
.adviceStepClose,
#adviceMini {
    background: url("../_d/5step_advice.png") no-repeat;
}

.adviceStep {
    width: 20%;
    height: 47px;
    background: #f1f1f1;
    float: left;
    position: relative;
}

.adviceStepRight {
    background-position: -2px -8px;
    height: 47px;
    width: 22px;
    top: 0;
    right: -22px;
    position: absolute;
}

.adviceStepStart {
    background-position: -69px -106px;
    height: 47px;
    left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
}

.adviceStepStop {
    background-position: -90px -106px;
    height: 47px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
}

.adviceStep1 {
    z-index: 5;
}

.adviceStep2 {
    z-index: 4;
}

.adviceStep3 {
    z-index: 3;
}

.adviceStep4 {
    z-index: 2;
}

.adviceStep5 {
    z-index: 1;
}

.adviceStepIcon {
    width: 28px;
    height: 28px;
    top: 10px;
    left: 30px;
    position: absolute;
}

.adviceStep1 .adviceStepIcon {
    left: 15px;
    background-position: right top;
}

.adviceStep2 .adviceStepIcon {
    background-position: right -70px;
}

.adviceStep3 .adviceStepIcon {
    background-position: right -136px;
}

.adviceStep4 .adviceStepIcon {
    background-position: right -197px;
}

.adviceStep5 .adviceStepIcon {
    background-position: right -256px;
}

.adviceDone {
    background: #c8d533;
}

.adviceDone .adviceStepIcon {
    background-position: -75px -258px;
}

.adviceDone .adviceStepStart {
    background-position: -69px -180px;
}

.adviceDone .adviceStepStop {
    background-position: -90px -180px;
}

.adviceDone .adviceStepRight {
    background-position: -1px -217px;
}

.adviceText {
    color: #652D86;
    font-size: 12px;
    font-weight: bold;
    height: 47px;
    left: 75px;
    position: absolute;
    text-align: left;
    top: 0;
    margin: 0;
    padding: 0;
}

.adviceText td {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.adviceDone .adviceText {
    color: #7a8408;
}

.adviceStep1 .adviceText {
    left: 60px;
}

.adviceStepClose {
    background-position: -80px -70px;
    cursor: pointer;
    height: 8px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 8px;
    z-index: 10;
}

#toolbarTopRight {
    top: 0;
    right: 0;
    position: relative;
}

#contentTopTabsRight .buttonSpecial {
    margin: 5px 0 0 10px !important;
}

#adviceMini {
    background-position: -63px -1px;
    cursor: pointer;
    height: 44px;
    position: absolute;
    right: -1px;
    top: 12px;
    width: 43px;
    display: none;
}

#adviceMiniDone {
    color: #FFFFFF;
    font-size: 21px;
    font-style: italic;
    font-weight: bold;
    left: 7px;
    position: absolute;
    top: -1px;
}

#adviceMiniAll {
    color: #9AA522;
    font-size: 21px;
    font-style: italic;
    font-weight: bold;
    left: 23px;
    position: absolute;
    top: 16px;
}

.stepsInfoTop {
    padding: 20px 0 20px 115px;
    min-height: 45px;
    background: url("../_d/5step_recommend.png") no-repeat 10px center;
}

.forwardZENSwitch,
.signatureSwitch,
.vacationResponderSwitch,
.forwardZenSwitch {
    background: url("../_d/signature_switch.png") no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
}

.signatureSwitchOn,
.vacationResponderSwitchOn,
.forwardZenSwitchOn {
    background-position: 0 -30px;
}

#signatureEditorArea,
#vacationResponderEditorArea,
#popupFilesLinkFileEditorArea {
    position: relative;
}

#vacationResponderEditorArea {
    position: relative;
    width: 715px;
}

#signatureEditorCover,
#vacationResponderEditorCover,
#popupFilesLinkFileEditorCover {
    position: absolute;
    background: #F2F2F2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    text-indent: -999px;
    direction: ltr;
    overflow: hidden;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#popupFilesLinkFileEditor {
    width: 494px;
}

.popupFilesLinkToLabel {
    padding-top: 6px;
}

.popupFilesLinkLabel {
    float: left;
    text-align: right;
    padding-right: 10px;
}

#popupContatsListForm,
#popupFilesLinkForm,
#popup5stepToField {
    font-size: 14px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    height: 17px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

#popupFilesLink .popupButtons {
    border-top: 1px solid #dfdfdf;
    overflow: hidden;
    padding-top: 20px;
    clear: both;
}

#popupFilesLink .errorField {
    border-color: #ff0000;
}

.clear {
    clear: both;
}

.toLeftFull {
    float: left;
    width: 100%;
}

.vPadd {
    padding: 15px 0 10px 0;
}

#popupFilesLinkFormSuggest {
    left: 0;
    top: 76px;
    width: 394px;
    z-index: 11;
}

#popupFilesLink .textareaDecorator {
    width: auto;
}

#popupFilesLinkFileEditorArea {
    margin-left: 90px;
    width: 394px;
}

#popupFilesLinkFileEditor {
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
    font-size: 14px;
}

.tipsTriangleBottom {
    background-position: 0 -27px;
    top: auto;
    bottom: -14px;
}

.tipsText {
    padding: 17px 15px 15px 15px;
    font-size: 14px;
}

.tipsButtons {
    overflow: hidden;
    padding: 0 5px 5px 5px;
}

a.tipsOk {
    background: url("../_d/tips_button.png") no-repeat right -43px;
    padding-right: 5px;
    height: 30px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    outline: none;
}

a.tipsOk span {
    background: url("../_d/tips_button.png") no-repeat;
    color: #66368c;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    margin: 0;
    padding: 6px 2px 4px 5px;
}

a.tipsCancel,
#wrapper a.tipsCancel {
    color: #fff;
    text-decoration: underline;
    padding: 8px 0 0 5px;
    float: left;
}

a.tipsClose {
    background: url("../_d/tips_button.png") no-repeat 0 bottom;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 4px;
    right: 4px;
}


/*attaching voip numbers*/

#popupAttachLandlineNumberTerms .inactiveBtn,
#popupAttachLandline .inactiveBtn {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

.registerTermsLandline {
    position: relative;
    padding: 10px 0 20px;
}

.landlineTerms {
    background: #fff;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.attachLandlineExpired {
    padding-top: 10px;
    padding-bottom: 50px;
}

.attachLandlineCallNumber {
    padding-top: 10px;
    padding-bottom: 20px;
}

.attachLandlineCallNumberValidTime {
    text-align: center;
}

.attachLandlineCallNumberValidTime .callNumber,
.attachLandlineCallNumberValidTime .pinNumber {
    display: block;
    padding-bottom: 5px;
}

.attachLandlineCallNumberValidTime .callNumber {
    font-size: 24px;
    font-weight: bold;
}

.attachLandlineCallNumberValidTime .pinNumber {
    font-size: 20px;
}

.popupSpamFilterItem {
    padding: 6px 0 4px 0;
    border-bottom: 1px solid #d9d9d9;
    color: #6c3ea0;
    overflow: hidden;
    margin-right: 10px;
}

.popupSpamFilterItem a.iconX {
    float: right;
    padding: 2px 5px;
    background-position: -9px -1475px;
}

p.imageCaptchaDesc,
.imageCaptchaDesc {
    font-size: 14px;
    padding: 5px 0 10px 0;
    margin: 0;
}

.fbEmptyFeed {
    color: #999999;
    font-size: 24px;
    padding: 130px 10px;
    text-align: center;
}

#wrapper a.inlineButton,
a.inlineButton,
.inlineButton {
    display: inline-block;
    float: none;
}

.toCenter {
    text-align: center;
}

.relpos {
    position: relative;
}

.mailItem .buttonContainer {
    position: absolute;
    right: -5px;
    top: 5px;
    overflow: hidden;
    background-color: #f8fbe5;
    padding-left: 5px;
    display: none;
}

.mailItem .buttonContainerIcon {
    right: 0;
}

.mailItem:hover .buttonContainer {
    display: block;
}


/* New scrollbar styles
** --------------------
*/

.mailListContentInner .scrollbar .track,
#smsMiddleScrollbar > .scrollbar .track,
#smsTabScrollbar > .scrollbar .track,
.rssFeedItemContent > .scrollbar .track {
    position: absolute;
    right: 0;
    width: 15px;
    height: 100%;
    border: 1px solid #e6e6e6;
    border-left: 1px solid #e1e1e1;
    background: #f9f9f9;
    -webkit-box-shadow: inset 5px 0 10px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: inset 5px 0 10px 0 rgba(0, 0, 0, .07);
    box-shadow: inset 5px 0 10px 0 rgba(0, 0, 0, .07);
}

.mailListContentInner .scrollbar .track {}

#smsMiddleScrollbar > .scrollbar .track {}

#smsTabScrollbar > .scrollbar .track {
    top: -1px;
    right: -2px;
}

.rssFeedItemContent > .scrollbar .track {}


#smsListData .facebookScrollerBar ~ .viewport > .overview {
    padding-right: 12px;
}

#smsListData .facebookScrollerBar.disable ~ .viewport > .overview {
    padding-right: 0;
}

.mailListContentArea .scrollbar ~ .viewport > .overview {
    width: 97%;
}

.mailListContentArea .scrollbar.disable ~ .viewport > .overview {
    width: 99%;
}

.rssFeedItemContent .scrollbar ~ .viewport > .overview {
    width: 97%;
}

.rssFeedItemContent .scrollbar.disable ~ .viewport > .overview {
    width: 99%;
}

#smsTabScrollbar {
    outline: 1px solid #e6e6e6;
}


/* End new scrollbar styles
** ------------------------
*/

#module-newmail .imageSelectOptions input[type="radio"] {
    margin-bottom: 5px;
    margin-right: 5px;
}

#module-newmail .insertImage > .closeIco {
    padding-left: 0;
    margin-right: 0;
}

#module-newmail .insertImage {
    height: 180px;
}

#module-newmail .insertImage > .imagePreviewBox {
    border: none;
    right: 12px;
}

#module-newmail .insertImage .imagePreviewInnerBox {
    width: 160px;
    overflow: hidden;
    border: none;
}


/*
#module-newmail .insertImage .imagePreviewInnerBox.imageSelected {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
*/

#module-newmail .insertImage > .imgUrl {
    position: absolute;
    bottom: 12px;
    width: 400px;
}

#module-newmail .insertImage .imgUrlField {
    width: 75%;
}

#module-newmail .editorContainer img {
    max-width: 100%;
}

#socialMediaDataLoadingFb {
    text-align: center;
}

#maillistEmptySearch,
#filelistEmpty,
#filelistEmptySearch {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 24px;
    color: #ccc;
    text-align: center;
}

#filelistEmptyShare {
    padding-bottom: 50px;
    font-size: 24px;
    color: #ccc;
    text-align: center;
}

#loginformEl > .button.right > span {
    background-position: 99% 0;
}

#loginformEl > .button.right > span > #login_button {
    background-position: 0 0;
}

.newtoMyP > .bigbutton {
    padding-top: 6px;
}

#popupVacationResponder .popupInner {
    position: relative;
}

#vacationResponderMessageBox {
    position: absolute;
    right: 15px;
    top: 43px;
    width: 640px;
    height: 25px;
    padding-left: 24px;
    line-height: 25px;
    z-index: 1001;
    /*background: url('../_d/info_icon.png') no-repeat 0 center;*/
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -180px -2480px;
}


/* Additional mail full view buttons */

.mailPreviewActionIcons a .iconMarkAsSpam {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url("../_d/_icons.png?v=6") no-repeat -3px -721px;
}

.mailPreviewActionIcons a .iconUnmarkAsSpam {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url("../_d/_icons.png?v=6") no-repeat -3px -721px;
}

.mailPreviewActionIcons .buttonMailStar {
    width: 28px;
    height: 25px;
    /*background: url("../_d/icons_mail_preview.png") no-repeat;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 -888px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.mailPreviewActionIcons .buttonMailUnstar {
    width: 28px;
    height: 25px;
    /*background: url("../_d/icons_mail_preview.png") no-repeat;*/
    background: url("../_d/_icons.png?v=6") no-repeat 0 -925px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
    margin-left: 5px;
}

.mailPreviewActionIcons .btnStarAction.starSetActive {
    background-position: 0 -850px;
}

.lettersPopup {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 4;
    width: 30%;
}

.lettersPopupInner {
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 4;
    background: #fff;
}

.contactsSubModules {
    float: right;
    position: relative;
    width: 69%;
    z-index: 5;
    height: 100%;
}

.contactsSubModulesFixed {
    position: fixed;
    top: 0;
    height: 100%;
    -webkit-transform: translateZ(0);
}

.contactsSubModulesBottom {
    position: absolute;
    bottom: 10px;
    top: auto;
}

.prevReplayContainer .errorBox {
    background-position-y: -772px;
}

.prevReplayContainer .successBox {
    background-position-y: -102px;
}

#newmailSend {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    zoom: 1;
    z-index: 40;
    background-color: #75308f !important;
    background-image: url("../_d/buttons3.png") !important;
    height: 30px !important;
    background-position: right -41px !important;
}

#newmailSend span {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    zoom: 1;
    z-index: 40;
    background-color: #75308f !important;
    background-image: url("../_d/buttons3.png") !important;
    height: 30px !important;
    font-size: 15px !important;
    padding: 6px 6px 4px 10px !important;
}

#newmailSend:focus {
    visibility: visible;
    background-color: #94c !important;
    background-image: url("../_d/buttons3.png") !important;
    height: 30px !important;
    background-position: right -231px !important;
}

#newmailSend:focus span {
    visibility: visible;
    background-color: #94c !important;
    background-image: url("../_d/buttons3.png") !important;
    height: 30px !important;
    background-position: 0 -187px !important;
}


/* jquery.Jcrop.css v0.9.10 - MIT License */


/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/

.jcrop-holder {
    direction: ltr;
    text-align: left;
}


/* These styles define the border lines */


/*.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;} */

.jcrop-vline {
    height: 100%;
    width: 1px!important;
}

.jcrop-hline {
    height: 1px!important;
    width: 100%;
}

.jcrop-vline.right {
    right: 0;
}

.jcrop-hline.bottom {
    bottom: 0;
}


/* Handle style - size is set by Jcrop handleSize option (currently) */

.jcrop-handle {
    background-color: #333;
    border: 1px #eee solid;
    font-size: 1px;
}


/* This style is used for invisible click targets */

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* "turn off" link highlight */
    -webkit-touch-callout: none;
    /* disable callout, image save panel */
    -webkit-user-select: none;
    /* disable cut copy paste */
}


/* Positioning of handles and drag bars */

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%;
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%;
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0;
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0;
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px;
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord-n {
    margin-top: -4px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord-w {
    margin-left: -4px;
}


/* The "jcrop-light" class/extension */

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #FFF;
    filter: Alpha(opacity=70)!important;
    opacity: .70!important;
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #FFF;
    border-radius: 3px;
}


/* The "jcrop-dark" class/extension */

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000;
    filter: Alpha(opacity=70)!important;
    opacity: .7!important;
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFF;
    border-color: #000;
    border-radius: 3px;
}


/* Fix for twitter bootstrap et al. */

.jcrop-holder img,
img.jcrop-preview {
    max-width: none;
}

::-ms-clear {
    display: none;
}

#popupFilesLink h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#popupFilesLink h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 920;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 930;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span,
.popupBlackClose {
    background-image: url('../_d/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 960;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../_d/loader_new_38.gif') center center no-repeat;
}

.fancybox-close,
.popupBlackClose {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 940;
    overflow: hidden;
    text-indent: -999px;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../_d/blank.gif');
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 940;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 940;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}


/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 900;
    background-color: rgba(0, 0, 0, .4);
    background-image: url('../_d/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}


/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 950;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 950;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}


/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../_d/fancybox_sprite@2x.png');
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
    #fancybox-loading div {
        background-image: url('../_d/fancybox_loading@2x.gif');
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
}

.smsReplyInner > table.smsBillingInfo {
    display: none;
    margin-top: 6px;
    margin-bottom: 18px;
}

.smsReplyInner > table.smsBillingInfo td.warningIco {
    width: 40px;
    background-position: 5px -775px;
}

.smsReplyInner > table.smsBillingInfo .shrink-text {
    font-size: 87.5%;
    color: gray;
}

.newmailSendButton {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    zoom: 1;
    z-index: 40;
    padding: 4px 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #739;
    color: #fff;
    background-color: #739;
    background: -webkit-linear-gradient(#9060b4, #662b7b);
    background: -moz-linear-gradient(#9060b4, #662b7b);
    background: -o-linear-gradient(#9060b4, #662b7b);
    background: linear-gradient(#9060b4, #662b7b);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #39005A;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    float: left;
}

.newmailSendButton:active,
.newmailSendButton:focus {
    background-color: #739;
    background: -webkit-linear-gradient(#662b7b, #9060b4);
    background: -moz-linear-gradient(#662b7b, #9060b4);
    background: -o-linear-gradient(#662b7b, #9060b4);
    background: linear-gradient(#662b7b, #9060b4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2);
}

.sendReply > span {
    padding-left: 7px;
}

.sendReply.active {
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -46px !important;
}

.sendReply.active > span {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0px 0px !important;
}

.contactNoteIcon {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: url('../_d/icons.png?v=3') no-repeat -9px -225px;
}

.contactNoteIcon.sharedNote {
    /*background: url('../_d/icons.png?v=3') no-repeat -9px -5214px;*/
    background: url("../_d/activity_feeds_icons.png") no-repeat 0 -315px;
}

#contactDetailTabsBox > .contactDetailTabs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#smsDetailsBox #smsTabScrollbar > .viewport > .overview,
#contactDetailsSMS .viewport > .overview {
    padding-left: 12px;
    padding-right: 12px;
}

#contactDetailsSMS .smsBubbleA,
#popupVoipCalling .smsBubbleA {
    padding-left: 12px;
}

.contactListBulkActionsContainer {
    position: relative;
    height: 30px;
}

.contactListHeaderActionsContainer {
    position: relative;
    height: 97px;
}

.contactListHeaderFixed {
    top: 0;
    position: fixed;
    border-bottom: 1px solid #ddd;
    -webkit-transform: translateZ(0);
}

.contactListBulkActionsFixed {
    top: 0;
    position: fixed;
    border-bottom: 1px solid #ddd;
    -webkit-transform: translateZ(0);
}

.contactListHeaderContainer,
.contactListHeader,
.contactListHeaderFixed,
.contactListHeaderActionsContainer {
    z-index: 10;
}

.mailIconContainer {
    position: relative;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 9px;
}

.maillistData .mailItemIconReply,
.maillistData .mailItemIconForward {
    display: none;
    width: 0;
    height: 0;
}

.maillistData .mailItem.reply .mailItemIconReply {
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    width: 14px;
    height: 14px;
    background: url('../_d/icons.png?v=3') no-repeat -12px -764px;
}

.maillistData .mailItem.forward .mailItemIconForward {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background: url('../_d/icons.png?v=3') no-repeat -12px -725px;
}

.maillistData .mailItem .subject u,
.maillistData .mailItem .subject i {
    display: none;
    position: absolute;
    right: 0;
    top: 10px;
    width: 14px;
    height: 14px;
}

#filelist .maillistData .mailItem .subject i {
    display: block;
}

.maillistData .attach .subject u,
.maillistData .attach .subject i {
    right: 20px;
}

.maillistData .priorityLow .subject u {
    background: url('../_d/icons.png?v=3') no-repeat -10px -5651px;
    display: block;
}

.maillistData .priorityHigh .subject i {
    background: url('../_d/icons.png?v=3') no-repeat -10px -5613px;
    display: block;
}

.maillistData .mailItem td.sender > .relpos {
    margin-left: 14px;
    height: 33px;
    margin-left: 14px;
    overflow: hidden;
}

.ccnc .contactLabelIcon {
    float: left;
    margin-left: -4px;
    width: 0px;
    height: 16px;
}

.ccnc .contactLabelIcon.labelSingle,
.ccnc .contactLabelIcon.labelMultiple {
    position: relative;
    width: 20px;
    margin-right: 3px;
}

.ccnc .contactLabelIcon.labelGroupIcon1 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4017px;
}

.ccnc .contactLabelIcon.labelGroupIcon2 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4149px;
}

.ccnc .contactLabelIcon.labelGroupIcon3 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4280px;
}

.ccnc .contactLabelIcon.labelGroupIcon4 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4408px;
}

.ccnc .contactLabelIcon.labelGroupIcon5 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4061px;
}

.ccnc .contactLabelIcon.labelGroupIcon6 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4193px;
}

.ccnc .contactLabelIcon.labelGroupIcon7 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4324px;
}

.ccnc .contactLabelIcon.labelGroupIcon8 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4452px;
}

.ccnc .contactLabelIcon.labelGroupIcon9 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4106px;
}

.ccnc .contactLabelIcon.labelGroupIcon10 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4238px;
}

.ccnc .contactLabelIcon.labelGroupIcon11 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4367px;
}

.ccnc .contactLabelIcon.labelGroupIcon12 {
    background: url("../_d/icons.png?v=3") no-repeat -6px -4497px;
}

.ccnc .contactLabelIcon.labelMultiple {
    background: url("../_d/_labels.png") no-repeat;
}

.ccnc .contactLabelIconBox {}

.ccnc .contactLabelIconBox > .contactLabelIcon {
    margin-right: -8px;
}

.ccnc .contactLabelIconBox > .contactLabelIcon:last-child {
    margin-right: 4px;
}

.noContactsNotifications {
    color: #ccc;
    font-size: 24px;
    padding: 15px 0;
    text-align: center;
}

.borderedBoxContainerInner > .contactMailInfoMobile {
    background-position: -15px -5911px;
}

.borderedBoxContainerInner > .contactMailInfoMobileDisable {
    background-position: -15px -5936px;
}

#submodule-contactsnotications,
#submodule-contactslastcontacts,
#contactNotificationRows {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
}

#preLoader {
    height: 90%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}

.numberHistoryItem {
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
    padding: 4px 6px;
}

#numberHistory .pagerItem {
    background: #f2f2f2;
    cursor: pointer;
    padding: 5px 0;
    text-align: center;
}

#numberHistory .pagerItem:hover {
    background: #e2e2e2;
}

#numberHistory .pagerItem a {
    background: url("../_d/icons.png?v=3") no-repeat right -2228px;
    padding-right: 12px;
}

.numberHistoryItem span {
    float: right;
    margin-right: 20px;
}

.numberHistoryItemPhoneIn {
    background: url("../_d/activity_feeds_icons.png") no-repeat 8px 5px;
    padding-left: 30px;
}

.numberHistoryItemPhoneOut {
    background: url("../_d/activity_feeds_icons.png") no-repeat 8px -134px;
    padding-left: 30px;
}

.numberHistoryItemPhoneMiss {
    background: url("../_d/activity_feeds_icons.png") no-repeat 8px -178px;
    padding-left: 30px;
}

.numberHistoryItemMobileIn {
    background: url("../_d/activity_feeds_icons.png") no-repeat 8px -357px;
    padding-left: 30px;
}

.numberHistoryItemMobileOut {
    background: url("../_d/activity_feeds_icons.png") no-repeat 8px -388px;
    padding-left: 30px;
}

.numberHistoryItemMobileMiss {
    background: url("../_d/activity_feeds_icons.png") no-repeat 8px -421px;
    padding-left: 30px;
}

.contactDetailFeedsTab .pagerItem {
    margin-top: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

.activityFeedItem > .mobileCallDelete {
    background: url("../_d/icons.png?v=3") no-repeat -5px -1477px;
    position: absolute;
    display: none;
    top: 3px;
    right: 0;
    width: 20px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}

.activityFeedItem > .mobileCallDeleteDisable {
    background-position: -5px -1527px;
    cursor: default !important;
}

#contactDetailsPhoneMobile .activityFeedItem:hover {
    background: #eee;
}

#contactDetailsPhoneMobile .activityFeedItem:hover > .mobileCallDelete,
#contactDetailsPhoneMobile .activityFeedItem:hover > .mobileCallDeleteDisable {
    display: block;
}

#contactDetailsBottomBox {
    display: none;
    padding: 10px 0;
    text-align: right;
}

#numberHistoryDeleteBox {
    padding-top: 10px;
}

#contactDetailsBottomBox > .mobileCallDeleteAllButton,
#numberHistoryDeleteBox > .mobileCallDeleteAllButton {
    padding: 3px 8px;
    font-size: 13px;
    line-height: 18px;
    cursor: pointer;
    border: 1px solid #739;
    color: #fff;
    background-color: #739;
    background: -webkit-linear-gradient(#9060b4, #662b7b);
    background: -moz-linear-gradient(#9060b4, #662b7b);
    background: -o-linear-gradient(#9060b4, #662b7b);
    background: linear-gradient(#9060b4, #662b7b);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #39005A;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
}

#contactDetailsBottomBox > .mobileCallDeleteAllButton:active,
#contactDetailsBottomBox > .mobileCallDeleteAllButton:focus,
#numberHistoryDeleteBox > .mobileCallDeleteAllButton:active,
#numberHistoryDeleteBox > .mobileCallDeleteAllButton:focus {
    background-color: #739;
    background: -webkit-linear-gradient(#662b7b, #9060b4);
    background: -moz-linear-gradient(#662b7b, #9060b4);
    background: -o-linear-gradient(#662b7b, #9060b4);
    background: linear-gradient(#662b7b, #9060b4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .2);
}

#module-faq ul {
    padding: 0 0 10px 30px;
    margin: 0;
}

#module-faq ul ul {
    padding: 0 0 0 30px;
    margin: 0;
}

.faqTitle {
    color: #990ae3;
    font-weight: bold;
    font-size: 11px;
}

.numberHistoryItem {
    position: relative;
}

.numberHistoryItem .mobileCallDelete {
    background: url("../_d/icons.png?v=3") no-repeat -5px -1477px;
    position: absolute;
    display: none;
    top: 4px;
    right: 0;
    width: 20px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}

.numberHistoryItem .mobileCallDeleteDisable {
    background-position: -5px -1527px;
    cursor: default !important;
}

.numberHistoryItem:hover {
    background-color: #eee;
}

.numberHistoryItem:hover .mobileCallDelete,
.numberHistoryItem:hover .mobileCallDeleteDisable {
    display: block;
}

.numberHistoryLoading,
.numberManagerLoading {
    margin-top: 10px;
    text-align: center;
}

#phonesListRowsManager .phoneLink,
#mobileCompanyListRow .phoneLink {
    color: #990ae3;
    margin-left: 5px;
    cursor: pointer;
}

#phonesListRowsManager .phoneLink:hover,
#mobileCompanyListRow .phoneLink:hover {
    border-bottom: 1px solid #990ae3;
}

#smsDetails .contactInfoMobileDisable {
    background-position: -9px -5934px;
}

.previewSignatureBox {
    padding-top: 8px;
    padding-left: 1px;
    overflow: hidden;
}

#imagePreviewButtons {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.imagePreviewActionContainer {
    display: inline-block;
    padding: 5px;
}

.imagePreviewButton {
    float: left;
    width: 16px;
    height: 15px;
    margin: 0;
    display: inline-block;
    cursor: pointer;
}

.imagePreviewLabel {
    float: left;
    margin: 0 20px 0 5px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
}

.imagePreviewLabel:hover {
    color: #eee;
}

.imagePreviewLabel.isDisabled,
.imagePreviewLabel.isDisabled:hover {
    cursor: default;
    color: #999;
}

#imagePreviewButtonRotateLeft {
    background: url("../_d/files_rotate.png") no-repeat top left;
    margin-right: 4px;
}

#imagePreviewButtonRotateRight {
    background: url("../_d/files_rotate.png") no-repeat top right;
}

#imagePreviewButtonMove {
    background: url("../_d/files_preview.png") no-repeat 0px -192px;
}

#imagePreviewButtonSendLink {
    background: url("../_d/files_preview.png") no-repeat 0px -72px;
}

#imagePreviewButtonDownload {
    background: url("../_d/files_preview.png") no-repeat 0px -109px;
}

#imagePreviewButtonSendAttachment {
    background: url("../_d/files_preview.png") no-repeat 0px -149px;
}

#imagePreviewButtonDelete {
    background: url("../_d/files_preview.png") no-repeat 0 -238px;
}

#contactsRecentLoading {
    padding-top: 10px;
    text-align: center;
}

#contactRecentRows .notSavedContact {
    background-image: none;
}

#contactRecentRows .listMailDate {
    right: 0;
    left: auto;
    text-align: right;
}

#contactRecentRows .recentMailCutter,
#contactRecentRows .listHolder {
    min-height: 14px;
}

#contactRecentRows .pagerItem {
    padding: 8px 0;
    margin-top: 10px;
}

#contactRecentRows .listMailActionType {
    width: 18px;
    height: 16px;
    margin-left: 5px;
}

#contactRecentRows .listMail > a {
    border-left: 1px solid #ddd;
}

#contactRecentRows .listMail > .listEmailIcon {
    border-left: none;
}

#contactRecentRows .listMail > .listPhoneIcon {
    margin-left: 3px;
}

#contactRecentRows .listMail > .listMobileIcon {
    margin-left: 2px;
}

#popupMenagerDeleteLink {
    position: absolute;
    right: 12px;
    top: 50px;
}

#pop3UpdateInfo .pop3UpdateLink {
    color: inherit;
    border-bottom: 1px solid;
}

.smsInfoBox {
    position: relative;
    background: #ddf1ff;
}

.smsInfoBox > .smsInfoBoxIcon {
    position: absolute;
    top: 2px;
    left: 0;
    width: 32px;
    height: 32px;
    background: url("../_d/_icons.png?v=6") no-repeat 12px -170px;
    overflow: hidden;
}

.bubble.warning {
    background: url("../_d/buttons_beta.png?v=1") no-repeat right -3553px;
}

.bubble.warning span,
.bubble.warning ins {
    background: url("../_d/buttons_beta.png?v=1") no-repeat 0 -3530px;
    padding: 0 4px 8px 6px;
}

#filelistLoaderProcessing {
    margin-left: 10px;
}

#filelistCheckboxIndicator {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 17px;
    background: url("../_d/_icons.png?v=6") no-repeat 0px -581px;
}

#filelistCheckboxIndicator.checked {
    background: url("../_d/_icons.png?v=6") no-repeat 0px -637px;
}

#filelistTopButtons {
    padding-bottom: 7px;
}

#filelist > .maillistData td.moveCheck {
    border-right: 1px solid transparent
}

#filelist > .maillistData td.subject,
#filelist > .maillistData td.mtype,
#filelist > .maillistData td.msize {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

#filelist > .maillistData td.mtype {
    width: 74px;
}

#filelist > .maillistData td.icon {
    width: 37px;
}


#filesMoveListContainer .viewport {
    width: 275px;
    height: 140px;
    overflow: hidden;
    position: relative;
}

#filesMoveListContainer .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

#filesMoveListContainer .track {
    background: #fff url("../_d/scroll_bg.png") 3px 0 repeat-y;
    height: 100%;
    width: 7px;
    position: relative;
}

#filesMoveListContainer .disable {
    display: none;
}

#popupFilesMove {
    z-index: 10000;
}

.viewItem {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 9px 10px 1px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 120px;
    height: 140px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    transition: all 0.25s;
}

.viewItem .filesIconsCheckboxContainer {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    z-index: 10;
    display: none;
}

.viewItem.isFolder .filelistIcon {
    height: 90px;
    width: 100px;
    margin: 20px auto 12px auto;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0 -3770px;
}

.viewItem.isFile .label {
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    width: 32px;
    top: 93px;
    left: 62px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewItem.isFile .filelistIcon {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0 -3770px;
    height: 100px;
    margin: 20px auto 0;
    width: 100px;
}

.viewItem.isDocument .filelistIcon {
    background-position: 16px -100px;
}

.viewItem.isSpreadsheet .filelistIcon {
    background-position: 16px -300px;
}

.viewItem.isMusic .filelistIcon {
    background-position: 16px -200px;
}

.viewItem.isVideo .filelistIcon {
    background-position: 16px -400px;
}

.viewItem.isArchive .filelistIcon {
    background-position: 16px -500px;
}

.viewItem.isPresentation .filelistIcon {
    background-position: 16px -600px;
}

.viewItem.isPicture .filelistIcon {
    background-position: 16px -700px;
}

.viewItem.isEstonian .filelistIcon {
    background-position: 16px -800px;
}

.viewItem.isExecutable .filelistIcon {
    background-position: 16px -900px;
}

.viewItem.isMessage .filelistIcon {
    background-position: 16px -1000px;
}

.viewItem.isHtml .filelistIcon {
    background-position: 16px -1100px;
}

.viewItem .filelistThumb2 img {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 110px;
    height: 110px;
    z-index: 0;
}

.viewItem:hover,
.viewItem.isSelected {
    background: #ddd;
}

.viewItem:hover .filesIconsCheckboxContainer {
    display: block;
}

#filelist.multiselect .filesIconsCheckboxContainer {
    display: block;
}

#filelist.multiselect .viewItem:active {
    margin-top: 10px;
    margin-bottom: 0;
}

#filelist a.isDisabled {
    cursor: default;
}

#filelist > div.vPadd {
    padding-left: 1px;
}

.viewItemTitle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 110px;
    max-height: 30px;
    padding: 5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#filesFolderList .activeTarget {
    background-color: #eee;
}

#fileUploadForm {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.filesProgressData {
    color: #444;
    font-weight: bold;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 215px;
    z-index: 2;
}

.filesProgressBar .attachRemove {
    position: absolute;
    right: 8px;
    top: 13px;
    z-index: 3;
}

.abordedUpload .filesProgressBarFull {}

.abordedUpload .filesProgressData,
.abordedUpload .filesUploadInfo,
.conflictedUpload .filesUploadInfo,
.conflictedUpload .filesProgressData {
    color: #ff0000;
}

.filesProgressBar {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    position: relative;
    width: 100%;
    margin-bottom: -1px;
}

.filesProgressBarFull {
    background: #ddd;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 153px;
}

.filesUploadedFile .filesProgressData,
.filesUploadedFile .filesUploadInfo {
    color: #aaa;
}

.filesUploadedFile .filesProgressBarFull {
    color: #dfdfdf;
}

.filesUploadInfo {
    z-index: 3;
    position: absolute;
    left: 330px;
    top: 10px;
}

.conflictedFile {
    z-index: 3;
    position: absolute;
    left: 230px;
    top: 5px;
}

#filesListDragDrop {
    top: 0;
}

#filesDragDrop,
#filesListDragDrop {
    min-height: 100px;
}

#filesDragDrop .dndDropZoneText,
,
#filesListDragDrop .dndDropZoneText {
    padding-top: 12%;
}

#fileUploadForm,
.toMiddle {
    vertical-align: middle;
}

.filesUploadInfo i {
    font-style: italic;
}

.minimizedFilesProgress {
    border: 1px solid #ccc;
    background: #fff;
    height: 5px;
    margin-top: 4px;
    position: relative;
}

.minimizedFilesProgressFull {
    background: #ddd;
    height: 5px;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#filesUploadProgressBarMinimized {
    cursor: default;
}

#filesUploadProgressBarMinimized .close {
    right: 11px;
    top: 10px;
}

.popupMinimizeUploadInProgress {
    right: 7px;
}

#signatureSwitch.isDisabled {
    opacity: .4;
}

#signaturesOnOffInfo.isDisabled {
    color: #bfbfbf;
}

#popupSignatureCreate {
    display: none;
    float: right;
    font-size: 13px;
    margin-right: 8px;
    color: #990ae3;
}

#popupSignatureCreate.isDisabled {
    color: #bfbfbf;
    cursor: default;
}

#popupSignatureCreate.isDisabled:hover {
    text-decoration: none;
}

#popupSignatureList {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px;
    margin-right: 0;
    width: 99.4%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    background: #fff;
}

#popupSignatureList > .popupSignaturesEmptyInfo {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 80px;
    padding: 4px;
}

#popupSignatureList.isDisabled > .popupSignaturesEmptyInfo {
    color: #666;
}

#popupSignatureList > .popupSignaturesInner {
    min-height: 80px;
}

#popupSignatureList .signature {
    position: relative;
    padding: 2px 4px;
    font-size: 14px;
    cursor: pointer;
}

#popupSignatureList .signature:hover,
#popupSignatureList .signature.isActive {
    background: #eee;
}

#popupSignatureList .signature.isDisabled:hover {
    background: none;
}

#popupSignatureList .signature.isActive.isDisabled:hover {
    background: #eee;
}

#popupSignatureList .signatureDelete {
    background: url("../_d/icons.png?v=3") no-repeat -5px -1477px;
    position: absolute;
    top: 3px;
    right: 5px;
    width: 20px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}

#popupSignatureList .signatureSetDefault {
    position: absolute;
    top: 3px;
    right: 50px;
    font-size: 12px;
    color: #990ae3;
}

#popupSignatureList .signature.isDisabled,
#popupSignatureList .signatureSetDefault.isDisabled {
    color: #bfbfbf;
    cursor: default;
}

#popupSignatureList .signatureDelete.isDisabled {
    opacity: .4;
    cursor: default;
}

#popupSignatureTitle {
    display: none;
    margin-top: 28px;
}

#popupSignatureTitle input[type="text"] {
    float: right;
    width: 75%;
    padding: 6px 8px;
    margin-top: -8px;
    margin-bottom: 8px;
    margin-right: 4px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
    color: #666;
}

#signatureEditorCover,
#signatureEditorArea {
    display: none;
}

#signatureEditorArea > .editorContainer {
    overflow: visible;
}

#popupSignatures .popupButtons {
    display: none;
}

#newmailSignatureSelect {
    width: auto;
    min-width: 33%;
}

#catchMailsInfo {
    padding: 12px 10px 24px;
}

.catchMailsAccount {
    min-height: 30px;
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.catchMailsAccount >.catchMailsLabel {
    float: left;
    height: 30px;
    line-height: 30px;
}

.catchMailsAccount > select {
    float: left;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    padding: 4px;
    margin-left: 12px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -2309px #ffffff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 35%;
}

.catchMailsAccount > .buttonSpecial {
    margin-left: 10px;
    margin-top: 3px;
}

#module-filesearch {
    position: relative;
}

.filesListButton {
    float: left;
    margin: 0 10px 0 0;
}

.iconSendAsAttachment {
    background: url("../_d/_icons.png?v=6") no-repeat 2px -1228px;
    padding-left: 20px;
}

.iconFilelistMove {
    background: url("../_d/_icons.png?v=6") no-repeat -4px -672px;
    padding-left: 20px;
    margin-left: 2px;
}

.iconFileListDownload {
    background: url("../_d/files_preview.png") no-repeat 0 -109px;
    padding-left: 20px;
    margin-left: 2px;
}

.filelistButtonsContainer {
    border-bottom: 1px solid #d9d9d9;
    display: none;
    height: 30px;
    margin-bottom: 0;
    margin-top: -5px;
}

.iconFilelistDelete {
    background: url("../_d/_icons.png?v=6") no-repeat -4px -695px;
    padding-left: 20px;
}

.changeNameField {
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
}

.maillistData .changeNameField {
    width: 95%;
}

.lSpacer {
    margin-left: 10px;
}

#filesMinimizedUploadCompleted {
    padding-top: 10px;
}

#filesMinimizedClickToUpload {
    cursor: pointer;
    margin-right: 20px;
    margin-top: -10px;
    padding: 20px 0 11px;
}

.folderList li div.folderGroup span.notesMainIcon {
    background: url("../_d/_icons.png?v=6") no-repeat 5px -1006px;
}

.folderList li li div.folderGroup span.notesMainIcon {
    background-position: 22px -1006px;
}

#contentTopTabNotes.contentTopTab span.iconNotesTab b {
    background: url("../_d/_icons.png?v=6") no-repeat -2px -1000px;
    padding-top: 10px;
    padding-left: 23px;
}

.contactIcon {
    background: rgba(0, 0, 0, 0) url("../_d/icon_contact.png") no-repeat scroll 0 0;
    color: #990ae3;
    display: inline;
    height: 20px;
    padding: 1px 0 5px 22px;
    width: 20px;
}

.noteIconPoz {
    width: 20px;
    float: left;
}

.noteRecord {
    padding: 5px 10px 5px 0px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #D9D9D9;
}

.contactName {
    color: #990ae3;
    font-size: 12px;
    cursor: pointer;
}

.creatorNote {
    color: #ccc;
    font-style: italic;
}

.NoteRecordContent {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
}

.noteGroupIcon {
    display: block;
    left: 73%;
    overflow: hidden;
    position: absolute;
    top: 3px;
    width: 10%;
    height: 16px;
    padding-bottom: 3px;
}

.NoteRecordDate {
    text-align: right;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 5px;
    right: 15px;
    white-space: nowrap;
    width: 14%;
    padding-bottom: 3px;
}

.noteRecord.noteRecordPreLoader .NoteRecordContent,
.noteRecord.noteRecordPreLoader .noteGroupIcon,
.noteRecord.noteRecordPreLoader .NoteRecordDate {
    background: #ddd;
}

.noteRecord.noteRecordPreLoader .noteGroupIcon,
.noteRecord.noteRecordPreLoader .NoteRecordDate {
    height: 11px;
    top: 5px;
}

.noteRecord:hover {
    background: #eee;
}

.noteRecord:hover > div .NoteRecordDate {
    display: none;
}

.noteRecord .noteDelete {
    background: url("../_d/icons.png?v=3") no-repeat -5px -1477px;
    position: absolute;
    display: none;
    top: 4px;
    right: 10px;
    width: 20px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}

.noteRecord:hover .noteDelete {
    display: block;
}

.noteRecord .noteEdit {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0px -3650px;
    border-right: 1px solid #BFBFBF;
    position: absolute;
    display: none;
    top: 4px;
    right: 32px;
    width: 20px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}

.noteRecord:hover .noteEdit {
    display: block;
}

.popupNotesLabel .regLabel {
    width: 100px;
}


.notesLabelIcon {
    float: left;
    margin: 0 20px 10px 0;
    padding: 0 16px 0 0;
    display: block;
}

div.folderList li div.noteLabelGroupIcon span {
    background: url("../_d/icons_notes-labels.png") no-repeat
}

div.folderList li div.noteLabelIcon1 span {
    background-position: 10px 3px;
}

div.folderList li div.noteLabelIcon2 span {
    background-position: 10px -17px;
}

div.folderList li div.noteLabelIcon3 span {
    background-position: 10px -37px;
}

div.folderList li div.noteLabelIcon4 span {
    background-position: 10px -57px;
}

div.folderList li div.noteLabelIcon5 span {
    background-position: 10px -77px;
}

div.folderList li div.noteLabelIcon6 span {
    background-position: 10px -97px;
}

div.folderList li div.noteLabelIcon7 span {
    background-position: 10px -117px;
}

div.folderList li div.noteLabelIcon8 span {
    background-position: 10px -137px;
}

div.folderList li div.noteLabelIcon9 span {
    background-position: 10px -157px;
}

div.folderList li div.noteLabelIcon10 span {
    background-position: 10px -177px;
}

div.folderList li div.noteLabelIcon11 span {
    background-position: 10px -197px;
}

div.folderList li div.noteLabelIcon12 span {
    background-position: 10px -217px;
}

div#newNoteLabels li div.notelabelsGroupIcon span {
    background: url("../_d/icons_notes-labels.png") no-repeat
}

div#newNoteLabels li div.notelabelsGroupIcon1 span {
    background-position: 5px 3px;
}

div#newNoteLabels li div.notelabelsGroupIcon2 span {
    background-position: 5px -17px;
}

div#newNoteLabels li div.notelabelsGroupIcon3 span {
    background-position: 5px -37px;
}

div#newNoteLabels li div.notelabelsGroupIcon4 span {
    background-position: 5px -57px;
}

div#newNoteLabels li div.notelabelsGroupIcon5 span {
    background-position: 5px -77px;
}

div#newNoteLabels li div.notelabelsGroupIcon6 span {
    background-position: 5px -97px;
}

div#newNoteLabels li div.notelabelsGroupIcon7 span {
    background-position: 5px -117px;
}

div#newNoteLabels li div.notelabelsGroupIcon8 span {
    background-position: 5px -137px;
}

div#newNoteLabels li div.notelabelsGroupIcon9 span {
    background-position: 5px -157px;
}

div#newNoteLabels li div.notelabelsGroupIcon10 span {
    background-position: 5px -177px;
}

div#newNoteLabels li div.notelabelsGroupIcon11 span {
    background-position: 5px -197px;
}

div#newNoteLabels li div.notelabelsGroupIcon12 span {
    background-position: 5px -217px;
}

.newNote {
    background: #eee;
}

.noteListEmpty {
    padding-top: 100px;
}

.notesLabelsEmpty {
    padding: 10px 0 20px 0;
    font-size: 12px;
    text-align: center;
    color: #cccccc;
}

.newNoteLabels {
    margin-top: 10px;
}

#newNote .popupButtons {
    margin-top: 50px;
}

#newNote .borderedBoxContainerInner {
    padding: 30px 40px;
}

#newNote .textareaDecorator {
    width: 80%;
}

#ncNotelabelListContainer {
    padding: 0 0 10px 0;
    margin: 0;
}

#newNoteLabels li {
    list-style: none;
    overflow: hidden;
    display: block;
}

#newNoteLabels li input {
    float: left;
    margin-top: 5px;
}

#newNoteLabels li div {
    float: left;
}

#newNoteLabels li div span {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}

#newNoteLabels li div i {
    margin: 0 0 0 25px;
}

#newNoteLabels li div i {
    display: block;
    overflow: hidden;
    margin-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 15px;
}

.noteGroupIcon span {
    position: absolute;
    top: 1px;
    overflow: hidden;
}

.noteGroupIcon .noteGroupLabelIcon1 {
    background-position: 0 0;
}

.noteGroupIcon .noteGroupLabelIcon2 {
    background-position: 0 -20px;
}

.noteGroupIcon .noteGroupLabelIcon3 {
    background-position: 0 -40px;
}

.noteGroupIcon .noteGroupLabelIcon4 {
    background-position: 0 -60px;
}

.noteGroupIcon .noteGroupLabelIcon5 {
    background-position: 0 -80px;
}

.noteGroupIcon .noteGroupLabelIcon6 {
    background-position: 0 -100px;
}

.noteGroupIcon .noteGroupLabelIcon7 {
    background-position: 0 -120px;
}

.noteGroupIcon .noteGroupLabelIcon8 {
    background-position: 0 -140px;
}

.noteGroupIcon .noteGroupLabelIcon9 {
    background-position: 0 -160px;
}

.noteGroupIcon .noteGroupLabelIcon10 {
    background-position: 0 -180px;
}

.noteGroupIcon .noteGroupLabelIcon11 {
    background-position: 0 -200px;
}

.noteGroupIcon .noteGroupLabelIcon12 {
    background-position: 0 -220px;
}

.noteGroupIcon .noteGroupLabelIconPossition1 {
    left: 0;
    z-index: 1;
}

.noteGroupIcon .noteGroupLabelIconPossition2 {
    left: 7px;
    z-index: 2;
}

.noteGroupIcon .noteGroupLabelIconPossition3 {
    left: 14px;
    z-index: 3;
}

.noteGroupIcon .noteGroupLabelIconPossition4 {
    left: 21px;
    z-index: 4;
}

.noteGroupIcon .noteGroupLabelIconPossition5 {
    left: 28px;
    z-index: 5;
}

.noteGroupIcon .noteGroupLabelIconPossition6 {
    left: 35px;
    z-index: 6;
}

.noteGroupIcon .noteGroupLabelIconPossition7 {
    left: 42px;
    z-index: 7;
}

.noteGroupIcon .noteGroupLabelIconPossition8 {
    left: 49px;
    z-index: 8;
}

.noteGroupIcon .noteGroupLabelIconPossition9 {
    left: 56px;
    z-index: 9;
}

.noteGroupIcon .noteGroupLabelIconPossition10 {
    left: 63px;
    z-index: 10;
}

.noteGroupIcon .noteGroupLabelIconPossition11 {
    left: 70px;
    z-index: 11;
}

.noteGroupIcon .noteGroupLabelIconPossition12 {
    left: 77px;
    z-index: 12;
}

textarea.noteEditor {
    min-height: 50px;
}

.newNoteAddNoteGroup {
    margin: 10px 0;
    float: left;
}

#wrapper a.noteLink,
#wrapper a.noteEmail {
    color: #6b9215;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08);
    /*
    color: #0000EE;
    #wrapper a
    */
    outline: none;
}

#wrapper a.noteLink:hover,
#wrapper a.noteEmail:hover {
    text-decoration: underline;
}

div#content.sharedFolderContent {
    padding: 15px;
}

#filesSharedFolderName {
    padding: 10px 20px;
}

#filelist > .maillistData.isShared {
    background: none;
}

#filelist > .maillistData.isShared th.moveCheck {
    width: 35px;
}

#filelist > .maillistData.isShared td.moveCheck {
    background: none;
}

#filelist > .maillistData.isShared span.fileCheckContainer {
    left: 9px;
}

#filelist > .maillistData.isShared div.filelistIcon,
#filelist > .maillistData.isShared div.filelistThumb {
    left: 35px;
}

div#content.sharedFolderContent #filelistCheckboxIndicator {
    margin-left: -3px;
}

div#content.sharedFolderContent #filelist {
    display: none;
}

#sharedFilesResourceUnavailable {
    text-align: center;
}

#sharedFilesResourceUnavailable > h3 {
    font-size: 22px;
    font-weight: normal;
    color: #999;
}

#sharedFilesResourceUnavailable > p {
    font-size: 14px;
    font-weight: bold;
}

#sharedFilelistLoader {
    background: #fff;
}

#sharedFilelistLoaderInner {
    margin: 0;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    height: 150px;
    position: relative;
}

#sharedFilelistLoaderInner > h3 {
    font-size: 22px;
    font-weight: normal;
}

#sharedFilesLogin {
    background: #fff;
}

#sharedFilesLoginInner {
    margin: 0;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 20px 50px;
    text-align: center;
}

#sharedFilesLoginInner > h3.sharedFilesRequirePassword {
    font-size: 22px;
    font-weight: normal;
}

#sharedFilesLoginInner > h3.sharedFilesInvalidPassword {
    display: none;
    font-size: 22px;
    font-weight: normal;
    color: #93b;
}

.sharedFilesPasswordLabel {
    margin-right: 6px;
    font-weight: bold;
}

#sharedFilesLoginPassword > input[type="password"] {
    background: url('../_d/background_input.png') no-repeat 0 0;
    border: none;
    padding: 6px 8px 8px 8px;
    width: 194px;
    margin-right: 7px;
    position: relative;
    z-index: 10;
}

#sharedFilesLoginPassword > .sharedFilesPasswordButton {
    z-index: 40;
    padding: 3px 10px;
    margin-top: -1px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #739;
    color: #fff;
    background-color: #739;
    background: -webkit-linear-gradient(#9060b4, #662b7b);
    background: -moz-linear-gradient(#9060b4, #662b7b);
    background: -o-linear-gradient(#9060b4, #662b7b);
    background: linear-gradient(#9060b4, #662b7b);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #39005A;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
}

#sharedFilesLoginPassword > .sharedFilesPasswordButton.inactiveButton {
    background: #aaa;
    border: 1px solid #888;
    text-shadow: 0 -1px 1px #333;
    opacity: .6;
    cursor: default;
}

#sharedFilesLoginPassword > img.sharedFilesPasswordLoading {
    margin-left: 5px;
    width: 25px;
    height: 25px;
}

#sharedFilesLoginPassword > .sharedFilesPasswordLabel,
#sharedFilesLoginPassword > input[type="password"],
#sharedFilesLoginPassword > .sharedFilesPasswordButton,
#sharedFilesLoginPassword > .sharedFilesPasswordLoading {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


#popupFilesLinkShareLoadLabel {}

#popupFilesLinkLink {
    display: none;
}

#popupFilesLinkRemove {
    display: none;
    float: right;
}

#popupFilesLinkShareSend {}

#popupFilesLinkShareCancel {}


#shareLinkSendOk {
    padding: 4px 2px 4px 0;
    height: 8px;
    margin: 0 5px 0 0;
    display: block;
    float: left;
}

.listViewIcon {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 15px;
    cursor: pointer;
    margin-top: 1px;
}

.listViewIconEmpty {
    display: inline-block;
    width: 14px;
    margin-right: 15px;
    margin-top: 1px;
    cursor: default;
}

.listViewIconList {
    background-position: 0 -39px;
}

.listHeaderSpacer {
    border-left: 1px solid #9da8ae;
    border-right: 1px solid #d1d7d9;
    display: inline-block;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 43px;
    top: -3px;
    width: 0;
}

.relContainer {
    position: relative;
}

#accountListCreateLoader {
    display: none;
    padding: 5px;
    text-align: center;
}

#filelist .maillistData tr.filesTrashListItem td.subject span:hover {
    text-decoration: none;
}

#filelist .maillistData tr.filesTrashListItem,
#filelist .maillistData tr.filesTrashListItem:hover {
    cursor: auto;
}

.filesTrashListItem .filelistIcon1,
.filesTrashListItem .filelistIcon3 {
    cursor: auto;
}

.viewItemTitle .changeNameField {
    width: 102px;
}

.signatureTitle {
    width: 435px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addAdditionalFieldContainer {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    position: relative;
    margin-top: 30px;
    margin-right: 20px;
    z-index: 10;
}

#contactAdditionalItems {
    left: -3px;
    bottom: 12px;
}

#contactsPersonalContactForm {
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

#contactsPersonalContactForm .registerRecaptchaBox {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ffffff;
}

#contactsPersonalContactForm .inputWrapp {
    background: #f2f2f2;
}

#module-contacts-newcontact input.fieldText {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    padding: 5px;
    width: 194px;
}

#module-contacts-newcontact textarea.taField {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    color: #333333;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    padding: 5px;
    width: 194px;
}

#module-contacts-newcontact .suggestData {
    top: 26px;
    width: 194px;
}

.footerBanner {
    text-align: center;
}

#adBannerInFooter {
    display: inline-block;
}

.placeHolderActive,
#popupFilesLinkForm.placeHolderActive {
    color: #999 !important;
}

.popupFilesLinkContainer {
    margin-left: 150px;
    position: relative;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fcfcfc;
}

.popupFilesLinkMenu {
    position: absolute;
    left: -150px;
}

.popupFilesLinkMenuItem {
    display: block;
    padding: 11px 16px;
}

.popupFilesLinkMenuItemSelected {
    border-radius: 5px 0 0 5px;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid none solid solid;
    background: #fcfcfc;
    padding: 10px 15px;
    width: 119px;
}

.popupFilesLinkBox {
    overflow: hidden;
    min-height: 200px;
}

.popupFilesLinkBox .classLinkSpin {
    margin: 8px 5px 6px 22px;
    position: absolute;
}

.popupFilesLinkSend {
    background: url("../_d/_icons.png?v=6") no-repeat 0 -114px;
    display: block;
    float: left;
    height: 24px;
    width: 28px;
    display: none;
}

.filesSpecialFoldersBreak {
    margin-top: 10px;
}

.folderList li div.filesSpecialFolder i {
    font-style: italic;
}

#filesUploadProgressContainer {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 15px 4px 15px 0;
    padding: 5px;
    position: relative;
}

#filesUploadProgressContainer .viewport {
    height: 253px;
    overflow: hidden;
    position: relative;
}

#filesUploadProgressContainer .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

#filesUploadProgressContainer .popupFolderMoveScroll {
    right: -11px;
}

#filelist .pagerItem {
    padding: 10px;
}

.folderLoader {
    height: 15px;
    width: 15px;
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
}

li li li .folderLoader {
    left: 24px;
}

li li li li .folderLoader {
    left: 39px;
}

li li li li li .folderLoader {
    left: 54px;
}

#module-readmail .attachments,
#module-maillist .attachments {
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    margin: 15px 5px 5px 5px;
    padding: 20px 20px 0 20px;
}

.mailAttachment {
    width: 140px;
    height: 100px;
    padding: 10px;
    margin: 0 20px 20px 0;
    background: #fff;
    float: left;
    border: 1px solid #d8d8d8;
    position: relative;
    -webkit-border-radius: 0 25px 0 0;
    -khtml-border-radius: 0 25px 0 0;
    -moz-border-radius: 0 25px 0 0;
    border-radius: 0 25px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.mailAttachment:hover {
    background: #f3f2f0;
}

.mailAttachmentIcon {
    height: 33px;
    width: 27px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -110px -4061px;
}

.isVideo .mailAttachmentIcon {
    background-position: -110px -4100px;
}

.isArchive .mailAttachmentIcon {
    background-position: -110px -4300px;
}

.isMusic .mailAttachmentIcon {
    background-position: -110px -4220px;
}

.isSpreadsheet .mailAttachmentIcon {
    background-position: -110px -4180px;
}

.isDocument .mailAttachmentIcon {
    background-position: -110px -4260px;
}

.isPicture .mailAttachmentIcon {
    background-position: -110px -4140px;
}

.isPresentation .mailAttachmentIcon {
    background-position: -110px -4340px;
}

.isEstonian .mailAttachmentIcon {
    background-position: -110px -4380px;
}

.isExecutable .mailAttachmentIcon {
    background-position: -110px -4420px;
}

.isMessage .mailAttachmentIcon {
    background-position: -110px -4460px;
}

.isHtml .mailAttachmentIcon {
    background-position: -110px -4500px;
}

.mailAttachmentSize {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #999;
}

.mailAttachmentName {
    word-wrap: break-word;
    padding-top: 5px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mailAttachment .iconDownload {
    background: url("../_d/_icons.png?v=6") no-repeat 1px -1555px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    display: none;
    cursor: pointer;
}

.mailAttachment .iconDownload:hover {
    background-position: 1px -1524px;
}

.mailAttachment .iconUploadToFiles {
    background: url("../_d/_icons.png?v=6") no-repeat 2px -1464px;
    position: absolute;
    bottom: 10px;
    left: 33px;
    width: 20px;
    height: 20px;
    display: none;
    cursor: pointer;
}

.mailAttachment .iconUploadToFiles:hover {
    background-position: 2px -1494px;
}

.mailAttachment:hover .iconDownload,
.mailAttachment:hover .iconUploadToFiles {
    display: block;
}

.mailAttachmentBulk {
    padding-bottom: 20px;
}

.mailAttachmentBulkDownload {
    padding-right: 30px;
}

.mailAttachmentBulkCloud {
    padding-right: 20px;
}

.mailAttachmentList {
    overflow: hidden;
}

#module-readmail .mailAttachmentBulkDownload,
#module-readmail .mailAttachmentBulkCloud,
#module-maillist .mailAttachmentBulkDownload,
#module-maillist .mailAttachmentBulkCloud {
    background: url("../_d/_icons.png?v=6") no-repeat;
    padding-left: 23px;
}

#module-readmail .mailAttachmentBulkDownload,
#module-maillist .mailAttachmentBulkDownload {
    background-position: 0 -1527px;
    padding-right: 15px;
}

#module-readmail .mailAttachmentBulkCloud,
#module-maillist .mailAttachmentBulkCloud {
    background-position: 0 -1497px;
}

#wrapper a.buttonForInput,
a.buttonForInput,
.buttonForInput {
    display: inline-block;
    float: none;
    margin-top: 2px;
    vertical-align: top;
}

#passwordIsSetInfo {
    padding-left: 10px;
    vertical-align: middle;
}

#passwordIsSetInfo b {
    color: green;
}

#filesLandingPage {
    clear: both;
    position: relative;
    margin-top: -22px;
    z-index: 2;
    background: #f6f6f6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: none;
}

#filesLandingPage2,
#filesLandingPage3 {
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: none;
    margin-top: -10px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    z-index: 2;
}

.isDeleted,
#wrapper .isDeleted a,
.maillistData tr.isDeleted td span {
    text-decoration: line-through;
}

.maillistData tr.isDeleted td span.star {
    text-decoration: none;
}

#filesLandingPage2,
#filesLandingPage3 {
    text-align: center;
}

.filesLanding #filesLandingPage {
    display: block;
}

.filesLanding2 #filesLandingPage2 {
    display: block;
}

.filesLanding3 #filesLandingPage3 {
    display: block;
}

.filesLandingTop {
    background: url("../_d/files_landing/top.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.filesLanding #content,
.filesLanding2 #content,
.filesLanding3 #content {
    min-height: 0;
    height: 0;
}

.filesLanding #sidebar,
.filesLanding #modules,
.filesLanding2 #sidebar,
.filesLanding2 #modules,
.filesLanding3 #sidebar,
.filesLanding3 #modules {
    display: none;
}

.landingIcon {
    height: 150px;
    padding: 30px;
}

.quotaLandingContent {
    width: 700px;
    margin: 0 auto;
    padding: 30px 0;
}

.quotaLandingButton {
    margin: 0 auto;
    text-align: right;
    width: 650px;
}

#filesLandingPage2 .quotaLandingContent {
    text-align: left;
    width: 650px;
}

#filesLandingPage2 .landingIcon {
    background: url("../_d/information.png") no-repeat center center;
}

#filesLandingPage3 .landingIcon {
    background: url("../_d/warning.png") no-repeat center center;
}

#filesLandingPage2 a.buttonSpecial {
    display: inline-block;
    float: none;
}

#filesLandingPage2 h2 {
    font-family: 'OpenSansLight', Sans-serif;
    font-weight: 300;
    font-size: 28px;
    margin: 0 auto;
    padding: 0 20px;
    color: #0083be;
    line-height: 32px;
    text-align: left;
    width: 650px;
}

#filesLandingPage3 h2 {
    font-family: 'OpenSansLight', Sans-serif;
    font-weight: 300;
    font-size: 28px;
    text-align: center;
    margin: 0;
    padding: 0 20px;
    color: #ff6319;
    line-height: 32px;
}

.filesLandingTop h2 {
    font-family: 'OpenSansLight', Sans-serif;
    font-weight: 300;
    font-size: 28px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0 0;
    color: #fff;
    width: 767px;
    line-height: 32px;
}

.filesLandingTop h3 {
    font-family: 'OpenSansLight', Sans-serif;
    font-weight: 300;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    color: #fff;
}

.filesLandingPageLogo {
    width: 767px;
    margin: 0 auto;
    padding: 20px 0;
}

.filesLandingPageArrow {
    text-align: center;
    padding: 10px 0 20px 0;
}

.filesLandingPageButton {
    background: #00b48c;
    border-color: #009974;
    border-radius: 4px;
    border-style: none none solid none;
    border-width: 4px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    padding: 12px 40px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
}

.filesLandingPageButton:hover {
    background: #00cc9b;
    border-bottom: 4px solid #00b48c;
}

.filesLandingPageButton:active {
    background: #009974;
    border-bottom: 4px solid #009974;
    color: #fff;
}

.filesLandingPageButtonContainer {
    text-align: center;
    padding: 10px 0;
    margin: 0;
}

.filesLandingInfo {
    width: 400px;
    margin: 0 auto;
    padding: 20px 0 10px 0;
    text-align: justify;
    line-height: 18px;
    font-size: 13px;
}

.filesLandingInfo img {
    float: right;
    margin: 1px 0 3px 10px;
}

.filesLandingFooter {
    margin: 0 auto;
    width: 767px;
    height: 286px;
    background: url("../_d/files_landing/bottom.jpg") no-repeat;
    position: relative;
}

.filesLandingFooterElements {
    position: absolute;
    top: 140px;
    left: 430px;
    width: 300px;
}

.filesLandingFooter h2 {
    color: #990ae3;
    font-family: "OpenSansLight", sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    margin: 0 auto;
    padding: 0;
}

.filesLandingFooter p {
    margin: 0;
    padding: 10px 0 0 0;
}

#popup5stepRecommendChooser {
    overflow: hidden;
    text-align: center;
    padding: 15px 0;
}

#popup5stepRecommendChooser .buttonSpecial {
    display: inline-block;
    float: none;
}

div#faqCategoriesContent a#category_c_files {
    background-position: -5px -182px;
}

.inputDecorator {
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
    width: 98%;
}

.inputDecorator input {
    border: none;
    padding: 0;
    background: #fff;
    width: 100%;
    margin: 0;
}

.closeMe {
    background: url("../_d/_icons.png?v=6") no-repeat 0 -1790px;
    display: block;
    width: 17px;
    height: 20px;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.calendarIcon {
    background: url("../_d/_icons.png?v=6") no-repeat 0 -1819px;
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -999px;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

#popupFilesUploadInfo {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 14px;
}

a#uploadFilesPopupCancel {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

a#uploadFilesPopupCancel span {
    float: none;
    display: inline-block;
}

#contactsLabelText {
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 0;
    padding: 5px 8px 6px;
    position: relative;
    width: 305px;
    z-index: 10;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#popupMergeContact table {
    width: 100%;
}

.popupMergeContactContent {
    clear: both;
    margin-top: 15px;
}

.mergeContactRow {
    display: block;
    vertical-align: inherit;
    border-color: inherit;
    width: 99%;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}

.mergeContactRow:hover {
    background-color: #f8fbe5;
    cursor: pointer;
}

.mergechecked {
    background-color: #f8fbe5;
}

.mergeContactRow td {
    overflow: hidden;
    min-height: 40px;
    vertical-align: top;
}

.mergeContactRow i {
    font-style: italic;
}

.mergeContactRow .mcCheckBox {
    width: 10px;
}

.mergeContactRow .checkboxHidden {
    height: 20px;
    position: absolute;
    width: 20px;
}

.mergeContactRow .mcAvatar img {
    width: 40px;
    height: 40px;
}

.mergeContactRow .mcAvatar {
    width: 40px;
    height: 40px;
    padding: 5px 0 5px 10px;
}

.mergeContactRow .mcName {
    width: 330px;
    padding-left: 20px;
    color: #000;
    font-size: 14px;
}

.mergeContactRow .mcEmail {
    width: 260px;
    line-height: 20px;
}

.mergeContactRow .mcPhone {
    width: 140px;
    line-height: 20px;
}

.mergeContactRow .mcCheckBox,
.mergeContactRow .mcName,
.mergeContactRow .mcEmail,
.mergeContactRow .mcEmail,
.mergeContactRow .mcPhone {
    padding: 18px 0 5px 10px;
}

.meregeContactSection {
    display: block;
    margin-top: 20px;
    overflow: hidden;
}

.mergeContactSectionHeader {
    display: block;
    overflow: hidden;
}

.mergeContactSectionLabel {
    float: left;
    font-size: 14px;
}

.mergeContactSectionActions {
    float: right;
}

.mergeContactSectionActions i:hover {
    color: #990ae3;
    cursor: pointer;
}

.mergeContactSectionActions i.mcCheckInActive {
    color: #999999;
    cursor: default;
}

#contacts-merger-Content {
    padding: 10px 0;
}

.mergeContactIcon {
    background: url("../_d/icon_contact.png") no-repeat;
    color: #990ae3;
    font-size: 16px;
    padding: 1px 0 5px 22px;
    display: inline;
    width: 20px;
    height: 20px;
    margin: 10px;
    font-weight: bold;
}

.mergeContactSuggestion {
    font-size: 12px;
    padding: 10px 0 5px;
    margin-left: 50px;
    font-weight: bold;
}

.mergeContactButton {
    padding: 10px;
    margin-left: 50px;
    height: 20px;
}

.mergeContactList {
    padding: 0 0 10px 10px;
    margin-left: 30px;
}

.mergeContactLine {
    margin: 10px 0 !important;
}

.mcSuggestContainer,
.mcSearchContainer {
    background: #f2f2f2;
    float: left;
    height: 160px;
    margin-left: 10px;
    position: relative;
    padding: 0 0;
    width: 870px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 15px;
}

.mcSuggestContainer.mcEmptyList,
.mcSearchContainer.mcEmptyList {
    height: 60px;
}

.mcSuggestContainer.mcLoadingList,
.mcSearchContainer.mcLoadingList {
    background: #ffffff;
}

#mcSuggestContainer .viewport,
#mcSearchContainer .viewport {
    overflow: hidden;
    height: inherit;
    position: relative;
}

#mcSuggestContainer .overview,
#mcSearchContainer .overview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0;
}

.popupMCSuggestScroll,
.popupMCSearchScroll {
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 9;
    height: 140px;
    width: 7px;
}

.meregeContactSection .thumb {
    background-position: 0 -23px;
    border-radius: 5px;
}

.mcSubHeader {
    display: block;
    width: 100%;
    overflow: hidden;
}

.mcSubHeader .mcSubHeaderLabel {
    display: block;
    float: left;
}

.mcSubHeader .mcCheckedAmount {
    display: block;
    float: right;
}

.mcSubHeader .mcCheckedAmount i {
    margin-left: 3px;
}

#mergeContactSearchField .searchInputContainer input {
    color: rgb(153, 153, 153);
    display: block;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    width: 300px;
    margin-top: 10px;
}

#mergeContactSearchField .searchInputContainer input.fieldChanged {
    color: rgb(0, 0, 0);
}

.mcNoContactList {
    color: #ccc;
    font-size: 24px;
    padding: 15px 0;
    text-align: center;
}

#mcSearchContainer .thumb,
#mcSuggestContainer .thumb {
    background-position: 0 -24px;
}

#contentTopTabFaq {
    margin-left: 5px;
}

.inputShadow {
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

#filesDownloadNotAllowedTooltip {
    top: 37px;
    left: 61px;
}

#downloadInfoText {
    float: left;
    padding-left: 10px;
    padding-top: 4px;
}

#wrapper a.newPageClickable,
a.newPageClickable {
    display: block;
    padding: 9px 0 5px;
    width: 100%;
    color: #666666;
    outline: none;
}

#wrapper .unread a.newPageClickable,
.unread a.newPageClickable {
    color: #000000;
}

#wrapper .maillistData tr.dummyRow td {
    vertical-align: top;
}

#wrapper .maillistData tr.dummyRow td.moveCheck {
    vertical-align: middle;
}

.fullRowRelPos {
    position: relative;
    height: 33px;
}

#wrapper a.actionButton,
a.actionButton {
    background: #672F87;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 10px 7px 10px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

@keyframes spinIt {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinIt {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.XoverLoaderReloader,
.XoverLoaderReloaderN,
.XoverLoaderReloaderN1,
.XoverLoaderSmall,
.XoverLoaderSmall1 {
    animation-name: spinIt;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: spinIt;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    outline: 1px solid transparent;
}

.showActiveLettersClose {
    background: rgba(0, 0, 0, 0) url("../_d/_icons.png?v=6") no-repeat scroll 0 -324px;
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 12px;
}

.newButtonBox {
    padding: 5px 13px 5px 13px;
}

.newButtonBox a {
    background: rgba(0, 0, 0, 0) url("../_d/buttons_beta.png?v=2") no-repeat scroll right -3730px;
    display: block;
}

.newButtonBox span {
    background: rgba(0, 0, 0, 0) url("../_d/buttons_beta.png?v=2") no-repeat scroll 0 -3680px;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    margin: 0px;
    padding-top: 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #39005a;
    width: 168px;
}


/*********************
 ---------------- elion.css --------------------------
**********************/


.tsr-web3 {
    position: absolute;
    width: 100%;
    font-size: 13px;
    bottom: 0;
    height: 90px;
}

.tsr-web3 p {
    padding: 0;
}

@font-face {
  font-family: 'tsr-icons-all';
  src: url('https://www.online.ee/fonts/tsr-icons-all.eot');
  src: url('https://www.online.ee/fonts/tsr-icons-all.eot?#iefix') format('embedded-opentype'), url('https://www.online.ee/fonts/tsr-icons-all.svg#tsr-icons-all') format('svg'), url('https://www.online.ee/fonts/tsr-icons-all.woff') format('woff'), url('https://www.online.ee/fonts/tsr-icons-all.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

/*.icon,*/ .tsr-web3 .carousel-offers__aside-header .carousel-offers_back:before {
  font-family: 'tsr-icons-all';
  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; }
  /*.icon:empty,*/ .tsr-web3 .carousel-offers__aside-header .carousel-offers_back:empty:before {
    width: 1em; }

.icon-private_services:before {
  content: "\e6dd"; }

.icon-business_services:before {
  content: "\e6f2"; }

.icon-buy_2:before {
  content: "\e6e1"; }

.icon-facebook:before {
  content: "\e016"; }


.tsr-web3 {
  /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
  /*#mobileViewNavbar {
  [id*="collapsibleMainMenu"] {
    display: none;
  }
}*/
  /* level 2 menu position fix, you can remove it safely */
  /* /end */
  /* For Demo */
  /* shopping cart container style fix on mobile screen */
  /* keep at bottom of file */ }
  .tsr-web3 .container {
    width: auto; }


/**/
/**/

  .tsr-web3 .jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 23px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee; }
    .tsr-web3 .jumbotron h1 {
      line-height: 1;
      color: inherit; }
    .tsr-web3 .jumbotron p {
      line-height: 1.4; }
    .container .tsr-web3 .jumbotron {
      border-radius: 6px; }
    @media screen and (min-width: 768px) {
      .tsr-web3 .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px; }
        .container .tsr-web3 .jumbotron {
          padding-left: 60px;
          padding-right: 60px; }
        .tsr-web3 .jumbotron h1 {
          font-size: 67.5px; } }
  .tsr-web3 .label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em; }
    .tsr-web3 .label[href]:hover, .tsr-web3 .label[href]:focus {
      color: #fff;
      text-decoration: none;
      cursor: pointer; }
    .tsr-web3 .label:empty {
      display: none; }
  .tsr-web3 .label-default {
    background-color: #999999; }
    .tsr-web3 .label-default[href]:hover, .tsr-web3 .label-default[href]:focus {
      background-color: #808080; }
  .tsr-web3 .label-primary {
    background-color: #652d86; }
    .tsr-web3 .label-primary[href]:hover, .tsr-web3 .label-primary[href]:focus {
      background-color: #472060; }
  .tsr-web3 .label-success {
    background-color: #00B48C; }
    .tsr-web3 .label-success[href]:hover, .tsr-web3 .label-success[href]:focus {
      background-color: #008163; }
  .tsr-web3 .label-info {
    background-color: #0083BE; }
    .tsr-web3 .label-info[href]:hover, .tsr-web3 .label-info[href]:focus {
      background-color: #00618b; }
  .tsr-web3 .label-warning {
    background-color: #FF6319; }
    .tsr-web3 .label-warning[href]:hover, .tsr-web3 .label-warning[href]:focus {
      background-color: #e54900; }
  .tsr-web3 .label-danger {
    background-color: #FF6319; }
    .tsr-web3 .label-danger[href]:hover, .tsr-web3 .label-danger[href]:focus {
      background-color: #e54900; }
  .tsr-web3 .list-group {
    margin-bottom: 20px;
    padding-left: 0; }
  .tsr-web3 .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd; }
    .tsr-web3 .list-group-item:first-child {
      border-top-right-radius: 4px;
      border-top-left-radius: 4px; }
    .tsr-web3 .list-group-item:last-child {
      margin-bottom: 0;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
    .tsr-web3 .list-group-item > .badge {
      float: right; }
    .tsr-web3 .list-group-item > .badge + .badge {
      margin-right: 5px; }
  .tsr-web3 a.list-group-item {
    color: #555; }
    .tsr-web3 a.list-group-item .list-group-item-heading {
      color: #333; }
    .tsr-web3 a.list-group-item:hover, .tsr-web3 a.list-group-item:focus {
      text-decoration: none;
      background-color: #652d86; }
    .tsr-web3 a.list-group-item.active, .tsr-web3 a.list-group-item.active:hover, .tsr-web3 a.list-group-item.active:focus {
      z-index: 2;
      color: #fff;
      background-color: #652d86;
      border-color: #652d86; }
      .tsr-web3 a.list-group-item.active .list-group-item-heading, .tsr-web3 a.list-group-item.active:hover .list-group-item-heading, .tsr-web3 a.list-group-item.active:focus .list-group-item-heading {
        color: inherit; }
      .tsr-web3 a.list-group-item.active .list-group-item-text, .tsr-web3 a.list-group-item.active:hover .list-group-item-text, .tsr-web3 a.list-group-item.active:focus .list-group-item-text {
        color: #c7a0df; }
  .tsr-web3 .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px; }
  .tsr-web3 .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3; }
  .tsr-web3 .media, .tsr-web3 .media-body {
    overflow: hidden;
    zoom: 1; }
  .tsr-web3 .media, .tsr-web3 .media .media {
    margin-top: 15px; }
  .tsr-web3 .media:first-child {
    margin-top: 0; }
  .tsr-web3 .media-object {
    display: block; }
  .tsr-web3 .media-heading {
    margin: 0 0 5px; }
  .tsr-web3 .media > .pull-left {
    margin-right: 10px; }
  .tsr-web3 .media > .pull-right {
    margin-left: 10px; }
  .tsr-web3 .media-list {
    padding-left: 0;
    list-style: none; }
  .tsr-web3 .modal-open {
    overflow: hidden; }
  .tsr-web3 .modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040; }
    .tsr-web3 .modal.fade .modal-dialog {
      -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
      transform: translate(0, -25%);
      -webkit-transition: -webkit-transform 0.3s ease-out;
      -moz-transition: -moz-transform 0.3s ease-out;
      -o-transition: -o-transform 0.3s ease-out;
      transition: transform 0.3s ease-out; }
    .tsr-web3 .modal.in .modal-dialog {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .tsr-web3 .modal-dialog {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 10px;
    z-index: 1050; }
  .tsr-web3 .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none; }
  .tsr-web3 .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000; }
    .tsr-web3 .modal-backdrop.fade {
      opacity: 0;
      filter: alpha(opacity=0); }
    .tsr-web3 .modal-backdrop.in {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .tsr-web3 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px; }
  .tsr-web3 .modal-header .close {
    margin-top: -2px; }
  .tsr-web3 .modal-title {
    margin: 0;
    line-height: 1.428571429; }
  .tsr-web3 .modal-body {
    position: relative;
    padding: 20px; }
  .tsr-web3 .modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
    .tsr-web3 .modal-footer:before, .tsr-web3 .modal-footer:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .modal-footer:after {
      clear: both; }
    .tsr-web3 .modal-footer .btn + .btn {
      margin-left: 5px;
      margin-bottom: 0; }
    .tsr-web3 .modal-footer .btn-group .btn + .btn {
      margin-left: -1px; }
    .tsr-web3 .modal-footer .btn-block + .btn-block {
      margin-left: 0; }
  @media screen and (min-width: 768px) {
    .tsr-web3 .modal-dialog {
      width: 600px;
      padding-top: 30px;
      padding-bottom: 30px; }
    .tsr-web3 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }
  .tsr-web3 .pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center; }
    .tsr-web3 .pager:before, .tsr-web3 .pager:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .pager:after {
      clear: both; }
    .tsr-web3 .pager li {
      display: inline; }
      .tsr-web3 .pager li > a, .tsr-web3 .pager li > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px; }
      .tsr-web3 .pager li > a:hover, .tsr-web3 .pager li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .tsr-web3 .pager .next > a, .tsr-web3 .pager .next > span {
      float: right; }
    .tsr-web3 .pager .previous > a, .tsr-web3 .pager .previous > span {
      float: left; }
    .tsr-web3 .pager .disabled > a, .tsr-web3 .pager .disabled > a:hover, .tsr-web3 .pager .disabled > a:focus, .tsr-web3 .pager .disabled > span {
      color: #999999;
      background-color: #fff;
      cursor: not-allowed; }
  .tsr-web3 .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 4px; }
    .tsr-web3 .pagination > li {
      display: inline; }
      .tsr-web3 .pagination > li > a, .tsr-web3 .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.428571429;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px; }
      .tsr-web3 .pagination > li:first-child > a, .tsr-web3 .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px; }
      .tsr-web3 .pagination > li:last-child > a, .tsr-web3 .pagination > li:last-child > span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; }
    .tsr-web3 .pagination > li > a:hover, .tsr-web3 .pagination > li > a:focus, .tsr-web3 .pagination > li > span:hover, .tsr-web3 .pagination > li > span:focus {
      background-color: #eeeeee; }
    .tsr-web3 .pagination > .active > a, .tsr-web3 .pagination > .active > a:hover, .tsr-web3 .pagination > .active > a:focus, .tsr-web3 .pagination > .active > span, .tsr-web3 .pagination > .active > span:hover, .tsr-web3 .pagination > .active > span:focus {
      z-index: 2;
      color: #fff;
      background-color: #652d86;
      border-color: #652d86;
      cursor: default; }
    .tsr-web3 .pagination > .disabled > span, .tsr-web3 .pagination > .disabled > span:hover, .tsr-web3 .pagination > .disabled > span:focus, .tsr-web3 .pagination > .disabled > a, .tsr-web3 .pagination > .disabled > a:hover, .tsr-web3 .pagination > .disabled > a:focus {
      color: #999999;
      background-color: #fff;
      border-color: #ddd;
      cursor: not-allowed; }
  .tsr-web3 .pagination-lg > li > a, .tsr-web3 .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 19px; }
  .tsr-web3 .pagination-lg > li:first-child > a, .tsr-web3 .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px; }
  .tsr-web3 .pagination-lg > li:last-child > a, .tsr-web3 .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px; }
  .tsr-web3 .pagination-sm > li > a, .tsr-web3 .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px; }
  .tsr-web3 .pagination-sm > li:first-child > a, .tsr-web3 .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tsr-web3 .pagination-sm > li:last-child > a, .tsr-web3 .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tsr-web3 .panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .tsr-web3 .panel-body {
    padding: 15px; }
    .tsr-web3 .panel-body:before, .tsr-web3 .panel-body:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .panel-body:after {
      clear: both; }
  .tsr-web3 .panel > .list-group {
    margin-bottom: 0; }
    .tsr-web3 .panel > .list-group .list-group-item {
      border-width: 1px 0; }
      .tsr-web3 .panel > .list-group .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0; }
      .tsr-web3 .panel > .list-group .list-group-item:last-child {
        border-bottom: 0; }
  .tsr-web3 .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0; }
  .tsr-web3 .panel > .table, .tsr-web3 .panel > .table-responsive {
    margin-bottom: 0; }
  .tsr-web3 .panel > .panel-body + .table, .tsr-web3 .panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd; }
  .tsr-web3 .panel > .table-bordered, .tsr-web3 .panel > .table-responsive > .table-bordered {
    border: 0; }
    .tsr-web3 .panel > .table-bordered > thead > tr > th:first-child, .tsr-web3 .panel > .table-bordered > thead > tr > td:first-child, .tsr-web3 .panel > .table-bordered > tbody > tr > th:first-child, .tsr-web3 .panel > .table-bordered > tbody > tr > td:first-child, .tsr-web3 .panel > .table-bordered > tfoot > tr > th:first-child, .tsr-web3 .panel > .table-bordered > tfoot > tr > td:first-child, .tsr-web3 .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .tsr-web3 .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
      border-left: 0; }
    .tsr-web3 .panel > .table-bordered > thead > tr > th:last-child, .tsr-web3 .panel > .table-bordered > thead > tr > td:last-child, .tsr-web3 .panel > .table-bordered > tbody > tr > th:last-child, .tsr-web3 .panel > .table-bordered > tbody > tr > td:last-child, .tsr-web3 .panel > .table-bordered > tfoot > tr > th:last-child, .tsr-web3 .panel > .table-bordered > tfoot > tr > td:last-child, .tsr-web3 .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .tsr-web3 .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .tsr-web3 .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0; }
    .tsr-web3 .panel > .table-bordered > thead > tr:last-child > th, .tsr-web3 .panel > .table-bordered > thead > tr:last-child > td, .tsr-web3 .panel > .table-bordered > tbody > tr:last-child > th, .tsr-web3 .panel > .table-bordered > tbody > tr:last-child > td, .tsr-web3 .panel > .table-bordered > tfoot > tr:last-child > th, .tsr-web3 .panel > .table-bordered > tfoot > tr:last-child > td, .tsr-web3 .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .tsr-web3 .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .tsr-web3 .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .tsr-web3 .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .tsr-web3 .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .tsr-web3 .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
      border-bottom: 0; }
  .tsr-web3 .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
    .tsr-web3 .panel-heading > .dropdown .dropdown-toggle {
      color: inherit; }
  .tsr-web3 .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px; }
    .tsr-web3 .panel-title > a {
      color: inherit; }



  .tsr-web3 .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
  .tsr-web3 .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden; }
    .tsr-web3 .panel-group .panel + .panel {
      margin-top: 5px; }
  .tsr-web3 .panel-group .panel-heading {
    border-bottom: 0; }
    .tsr-web3 .panel-group .panel-heading + .panel-collapse .panel-body {
      border-top: 1px solid #ddd; }
  .tsr-web3 .panel-group .panel-footer {
    border-top: 0; }
    .tsr-web3 .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }
  .tsr-web3 .panel-default {
    border-color: #ddd; }
    .tsr-web3 .panel-default > .panel-heading {
      color: #333333;
      background-color: #f5f5f5;
      border-color: #ddd; }
      .tsr-web3 .panel-default > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #ddd; }
      .tsr-web3 .panel-default > .panel-heading > .dropdown .caret {
        border-color: #333333 transparent; }
    .tsr-web3 .panel-default > .panel-footer + .panel-collapse .panel-body {
      border-bottom-color: #ddd; }
  .tsr-web3 .panel-primary {
    border-color: #652d86; }
    .tsr-web3 .panel-primary > .panel-heading {
      color: #fff;
      background-color: #652d86;
      border-color: #652d86; }
      .tsr-web3 .panel-primary > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #652d86; }
      .tsr-web3 .panel-primary > .panel-heading > .dropdown .caret {
        border-color: #fff transparent; }
    .tsr-web3 .panel-primary > .panel-footer + .panel-collapse .panel-body {
      border-bottom-color: #652d86; }
  .tsr-web3 .panel-success {
    border-color: #00814d; }
    .tsr-web3 .panel-success > .panel-heading {
      color: #222;
      background-color: #00B48C;
      border-color: #00814d; }
      .tsr-web3 .panel-success > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #00814d; }
      .tsr-web3 .panel-success > .panel-heading > .dropdown .caret {
        border-color: #222 transparent; }
    .tsr-web3 .panel-success > .panel-footer + .panel-collapse .panel-body {
      border-bottom-color: #00814d; }
  .tsr-web3 .panel-warning {
    border-color: #ff2600; }
    .tsr-web3 .panel-warning > .panel-heading {
      color: #222;
      background-color: #FF6319;
      border-color: #ff2600; }
      .tsr-web3 .panel-warning > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #ff2600; }
      .tsr-web3 .panel-warning > .panel-heading > .dropdown .caret {
        border-color: #222 transparent; }
    .tsr-web3 .panel-warning > .panel-footer + .panel-collapse .panel-body {
      border-bottom-color: #ff2600; }
  .tsr-web3 .panel-danger {
    border-color: #c82b23; }
    .tsr-web3 .panel-danger > .panel-heading {
      color: #222;
      background-color: #DA552A;
      border-color: #c82b23; }
      .tsr-web3 .panel-danger > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #c82b23; }
      .tsr-web3 .panel-danger > .panel-heading > .dropdown .caret {
        border-color: #222 transparent; }
    .tsr-web3 .panel-danger > .panel-footer + .panel-collapse .panel-body {
      border-bottom-color: #c82b23; }
  .tsr-web3 .panel-info {
    border-color: #0083BE; }
    .tsr-web3 .panel-info > .panel-heading {
      color: #222;
      background-color: #fff;
      border-color: #0083BE; }
      .tsr-web3 .panel-info > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #0083BE; }
      .tsr-web3 .panel-info > .panel-heading > .dropdown .caret {
        border-color: #222 transparent; }
    .tsr-web3 .panel-info > .panel-footer + .panel-collapse .panel-body {
      border-bottom-color: #0083BE; }
  .tsr-web3 .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal; }
    .tsr-web3 .popover.top {
      margin-top: -10px; }
    .tsr-web3 .popover.right {
      margin-left: 10px; }
    .tsr-web3 .popover.bottom {
      margin-top: 10px; }
    .tsr-web3 .popover.left {
      margin-left: -10px; }
  .tsr-web3 .popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0; }
  .tsr-web3 .popover-content {
    padding: 9px 14px; }
  .tsr-web3 .popover .arrow, .tsr-web3 .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .tsr-web3 .popover .arrow {
    border-width: 11px; }
  .tsr-web3 .popover .arrow:after {
    border-width: 10px;
    content: ""; }
  .tsr-web3 .popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px; }
    .tsr-web3 .popover.top .arrow:after {
      content: " ";
      bottom: 1px;
      margin-left: -10px;
      border-bottom-width: 0;
      border-top-color: #fff; }
  .tsr-web3 .popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25); }
    .tsr-web3 .popover.right .arrow:after {
      content: " ";
      left: 1px;
      bottom: -10px;
      border-left-width: 0;
      border-right-color: #fff; }
  .tsr-web3 .popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px; }
    .tsr-web3 .popover.bottom .arrow:after {
      content: " ";
      top: 1px;
      margin-left: -10px;
      border-top-width: 0;
      border-bottom-color: #fff; }
  .tsr-web3 .popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25); }
    .tsr-web3 .popover.left .arrow:after {
      content: " ";
      right: 1px;
      border-right-width: 0;
      border-left-color: #fff;
      bottom: -10px; }
  .tsr-web3 table {
    max-width: 100%;
    background-color: transparent; }
  .tsr-web3 th {
    text-align: left; }
  .tsr-web3 .table {
    width: 100%;
    margin-bottom: 21px; }
    .tsr-web3 .table > thead > tr > th, .tsr-web3 .table > thead > tr > td, .tsr-web3 .table > tbody > tr > th, .tsr-web3 .table > tbody > tr > td, .tsr-web3 .table > tfoot > tr > th, .tsr-web3 .table > tfoot > tr > td {
      padding: 8px;
      line-height: 1.428571429;
      vertical-align: top;
      border-top: 1px solid #ddd; }
    .tsr-web3 .table > thead > tr > th {
      vertical-align: bottom;
      border-bottom: 2px solid #ddd; }
    .tsr-web3 .table > caption + thead > tr:first-child > th, .tsr-web3 .table > caption + thead > tr:first-child > td, .tsr-web3 .table > colgroup + thead > tr:first-child > th, .tsr-web3 .table > colgroup + thead > tr:first-child > td, .tsr-web3 .table > thead:first-child > tr:first-child > th, .tsr-web3 .table > thead:first-child > tr:first-child > td {
      border-top: 0; }
    .tsr-web3 .table > tbody + tbody {
      border-top: 2px solid #ddd; }
    .tsr-web3 .table .table {
      background-color: #fff; }
  .tsr-web3 .table-condensed > thead > tr > th, .tsr-web3 .table-condensed > thead > tr > td, .tsr-web3 .table-condensed > tbody > tr > th, .tsr-web3 .table-condensed > tbody > tr > td, .tsr-web3 .table-condensed > tfoot > tr > th, .tsr-web3 .table-condensed > tfoot > tr > td {
    padding: 5px; }
  .tsr-web3 .table-bordered {
    border: 1px solid #ddd; }
    .tsr-web3 .table-bordered > thead > tr > th, .tsr-web3 .table-bordered > thead > tr > td, .tsr-web3 .table-bordered > tbody > tr > th, .tsr-web3 .table-bordered > tbody > tr > td, .tsr-web3 .table-bordered > tfoot > tr > th, .tsr-web3 .table-bordered > tfoot > tr > td {
      border: 1px solid #ddd; }
    .tsr-web3 .table-bordered > thead > tr > th, .tsr-web3 .table-bordered > thead > tr > td {
      border-bottom-width: 2px; }
  .tsr-web3 .table-striped > tbody > tr:nth-child(odd) > td, .tsr-web3 .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9; }
  .tsr-web3 .table-hover > tbody > tr:hover > td, .tsr-web3 .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5; }
  .tsr-web3 table col[class*="col-"] {
    float: none;
    display: table-column; }
  .tsr-web3 table td[class*="col-"], .tsr-web3 table th[class*="col-"] {
    float: none;
    display: table-cell; }
  .tsr-web3 .table > thead > tr > td.active, .tsr-web3 .table > thead > tr > th.active, .tsr-web3 .table > thead > tr.active > td, .tsr-web3 .table > thead > tr.active > th, .tsr-web3 .table > tbody > tr > td.active, .tsr-web3 .table > tbody > tr > th.active, .tsr-web3 .table > tbody > tr.active > td, .tsr-web3 .table > tbody > tr.active > th, .tsr-web3 .table > tfoot > tr > td.active, .tsr-web3 .table > tfoot > tr > th.active, .tsr-web3 .table > tfoot > tr.active > td, .tsr-web3 .table > tfoot > tr.active > th {
    background-color: #f5f5f5; }
  .tsr-web3 .table > thead > tr > td.success, .tsr-web3 .table > thead > tr > th.success, .tsr-web3 .table > thead > tr.success > td, .tsr-web3 .table > thead > tr.success > th, .tsr-web3 .table > tbody > tr > td.success, .tsr-web3 .table > tbody > tr > th.success, .tsr-web3 .table > tbody > tr.success > td, .tsr-web3 .table > tbody > tr.success > th, .tsr-web3 .table > tfoot > tr > td.success, .tsr-web3 .table > tfoot > tr > th.success, .tsr-web3 .table > tfoot > tr.success > td, .tsr-web3 .table > tfoot > tr.success > th {
    background-color: #00B48C;
    border-top: none;
    border-bottom: none; }
  .tsr-web3 .table > thead > tr.success > td:first-child, .tsr-web3 .table > thead > tr.success > td:last-child, .tsr-web3 .table > tbody > tr.success > td:first-child, .tsr-web3 .table > tbody > tr.success > td:last-child, .tsr-web3 .table > tfoot > tr.success > td:first-child, .tsr-web3 .table > tfoot > tr.success > td:last-child {
    position: relative; }
    .tsr-web3 .table > thead > tr.success > td:first-child:before, .tsr-web3 .table > thead > tr.success > td:last-child:before, .tsr-web3 .table > tbody > tr.success > td:first-child:before, .tsr-web3 .table > tbody > tr.success > td:last-child:before, .tsr-web3 .table > tfoot > tr.success > td:first-child:before, .tsr-web3 .table > tfoot > tr.success > td:last-child:before {
      content: '';
      background-color: #00B48C;
      position: absolute;
      width: 8px;
      margin-top: -8px;
      height: 100%; }
  .tsr-web3 .table > thead > tr.success > td:first-child:before, .tsr-web3 .table > tbody > tr.success > td:first-child:before, .tsr-web3 .table > tfoot > tr.success > td:first-child:before {
    left: -8px; }
  .tsr-web3 .table > thead > tr.success > td:last-child:before, .tsr-web3 .table > tbody > tr.success > td:last-child:before, .tsr-web3 .table > tfoot > tr.success > td:last-child:before {
    right: -8px; }
  .tsr-web3 .table > thead > tr.success + tr > td, .tsr-web3 .table > thead > tr.success + tr > th, .tsr-web3 .table > tbody > tr.success + tr > td, .tsr-web3 .table > tbody > tr.success + tr > th, .tsr-web3 .table > tfoot > tr.success + tr > td, .tsr-web3 .table > tfoot > tr.success + tr > th {
    border-top: none; }
  .tsr-web3 .table-hover > tbody > tr > td.success:hover, .tsr-web3 .table-hover > tbody > tr > th.success:hover, .tsr-web3 .table-hover > tbody > tr.success:hover > td, .tsr-web3 .table-hover > tbody > tr.success:hover > th {
    background-color: #009b76; }
  .tsr-web3 .table-hover > tbody > tr.success:hover > td:first-child, .tsr-web3 .table-hover > tbody > tr.success:hover > td:last-child {
    position: relative; }
    .tsr-web3 .table-hover > tbody > tr.success:hover > td:first-child:before, .tsr-web3 .table-hover > tbody > tr.success:hover > td:last-child:before {
      content: '';
      background-color: #009b76;
      position: absolute;
      width: 8px;
      margin-top: -8px;
      height: 100%; }
  .tsr-web3 .table-hover > tbody > tr.success:hover > td:first-child:before {
    left: -8px; }
  .tsr-web3 .table-hover > tbody > tr.success:hover > td:last-child:before {
    right: -8px; }
  .tsr-web3 .table > thead > tr > td.danger, .tsr-web3 .table > thead > tr > th.danger, .tsr-web3 .table > thead > tr.danger > td, .tsr-web3 .table > thead > tr.danger > th, .tsr-web3 .table > tbody > tr > td.danger, .tsr-web3 .table > tbody > tr > th.danger, .tsr-web3 .table > tbody > tr.danger > td, .tsr-web3 .table > tbody > tr.danger > th, .tsr-web3 .table > tfoot > tr > td.danger, .tsr-web3 .table > tfoot > tr > th.danger, .tsr-web3 .table > tfoot > tr.danger > td, .tsr-web3 .table > tfoot > tr.danger > th {
    background-color: #DA552A;
    border-top: none;
    border-bottom: none; }
  .tsr-web3 .table > thead > tr.danger > td:first-child, .tsr-web3 .table > thead > tr.danger > td:last-child, .tsr-web3 .table > tbody > tr.danger > td:first-child, .tsr-web3 .table > tbody > tr.danger > td:last-child, .tsr-web3 .table > tfoot > tr.danger > td:first-child, .tsr-web3 .table > tfoot > tr.danger > td:last-child {
    position: relative; }
    .tsr-web3 .table > thead > tr.danger > td:first-child:before, .tsr-web3 .table > thead > tr.danger > td:last-child:before, .tsr-web3 .table > tbody > tr.danger > td:first-child:before, .tsr-web3 .table > tbody > tr.danger > td:last-child:before, .tsr-web3 .table > tfoot > tr.danger > td:first-child:before, .tsr-web3 .table > tfoot > tr.danger > td:last-child:before {
      content: '';
      background-color: #DA552A;
      position: absolute;
      width: 8px;
      margin-top: -8px;
      height: 100%; }
  .tsr-web3 .table > thead > tr.danger > td:first-child:before, .tsr-web3 .table > tbody > tr.danger > td:first-child:before, .tsr-web3 .table > tfoot > tr.danger > td:first-child:before {
    left: -8px; }
  .tsr-web3 .table > thead > tr.danger > td:last-child:before, .tsr-web3 .table > tbody > tr.danger > td:last-child:before, .tsr-web3 .table > tfoot > tr.danger > td:last-child:before {
    right: -8px; }
  .tsr-web3 .table > thead > tr.danger + tr > td, .tsr-web3 .table > thead > tr.danger + tr > th, .tsr-web3 .table > tbody > tr.danger + tr > td, .tsr-web3 .table > tbody > tr.danger + tr > th, .tsr-web3 .table > tfoot > tr.danger + tr > td, .tsr-web3 .table > tfoot > tr.danger + tr > th {
    border-top: none; }
  .tsr-web3 .table-hover > tbody > tr > td.danger:hover, .tsr-web3 .table-hover > tbody > tr > th.danger:hover, .tsr-web3 .table-hover > tbody > tr.danger:hover > td, .tsr-web3 .table-hover > tbody > tr.danger:hover > th {
    background-color: #c84923; }
  .tsr-web3 .table-hover > tbody > tr.danger:hover > td:first-child, .tsr-web3 .table-hover > tbody > tr.danger:hover > td:last-child {
    position: relative; }
    .tsr-web3 .table-hover > tbody > tr.danger:hover > td:first-child:before, .tsr-web3 .table-hover > tbody > tr.danger:hover > td:last-child:before {
      content: '';
      background-color: #c84923;
      position: absolute;
      width: 8px;
      margin-top: -8px;
      height: 100%; }
  .tsr-web3 .table-hover > tbody > tr.danger:hover > td:first-child:before {
    left: -8px; }
  .tsr-web3 .table-hover > tbody > tr.danger:hover > td:last-child:before {
    right: -8px; }
  .tsr-web3 .table > thead > tr > td.warning, .tsr-web3 .table > thead > tr > th.warning, .tsr-web3 .table > thead > tr.warning > td, .tsr-web3 .table > thead > tr.warning > th, .tsr-web3 .table > tbody > tr > td.warning, .tsr-web3 .table > tbody > tr > th.warning, .tsr-web3 .table > tbody > tr.warning > td, .tsr-web3 .table > tbody > tr.warning > th, .tsr-web3 .table > tfoot > tr > td.warning, .tsr-web3 .table > tfoot > tr > th.warning, .tsr-web3 .table > tfoot > tr.warning > td, .tsr-web3 .table > tfoot > tr.warning > th {
    background-color: #FF6319;
    border-top: none;
    border-bottom: none; }
  .tsr-web3 .table > thead > tr.warning > td:first-child, .tsr-web3 .table > thead > tr.warning > td:last-child, .tsr-web3 .table > tbody > tr.warning > td:first-child, .tsr-web3 .table > tbody > tr.warning > td:last-child, .tsr-web3 .table > tfoot > tr.warning > td:first-child, .tsr-web3 .table > tfoot > tr.warning > td:last-child {
    position: relative; }
    .tsr-web3 .table > thead > tr.warning > td:first-child:before, .tsr-web3 .table > thead > tr.warning > td:last-child:before, .tsr-web3 .table > tbody > tr.warning > td:first-child:before, .tsr-web3 .table > tbody > tr.warning > td:last-child:before, .tsr-web3 .table > tfoot > tr.warning > td:first-child:before, .tsr-web3 .table > tfoot > tr.warning > td:last-child:before {
      content: '';
      background-color: #FF6319;
      position: absolute;
      width: 8px;
      margin-top: -8px;
      height: 100%; }
  .tsr-web3 .table > thead > tr.warning > td:first-child:before, .tsr-web3 .table > tbody > tr.warning > td:first-child:before, .tsr-web3 .table > tfoot > tr.warning > td:first-child:before {
    left: -8px; }
  .tsr-web3 .table > thead > tr.warning > td:last-child:before, .tsr-web3 .table > tbody > tr.warning > td:last-child:before, .tsr-web3 .table > tfoot > tr.warning > td:last-child:before {
    right: -8px; }
  .tsr-web3 .table > thead > tr.warning + tr > td, .tsr-web3 .table > thead > tr.warning + tr > th, .tsr-web3 .table > tbody > tr.warning + tr > td, .tsr-web3 .table > tbody > tr.warning + tr > th, .tsr-web3 .table > tfoot > tr.warning + tr > td, .tsr-web3 .table > tfoot > tr.warning + tr > th {
    border-top: none; }
  .tsr-web3 .table-hover > tbody > tr > td.warning:hover, .tsr-web3 .table-hover > tbody > tr > th.warning:hover, .tsr-web3 .table-hover > tbody > tr.warning:hover > td, .tsr-web3 .table-hover > tbody > tr.warning:hover > th {
    background-color: #ff5100; }
  .tsr-web3 .table-hover > tbody > tr.warning:hover > td:first-child, .tsr-web3 .table-hover > tbody > tr.warning:hover > td:last-child {
    position: relative; }
    .tsr-web3 .table-hover > tbody > tr.warning:hover > td:first-child:before, .tsr-web3 .table-hover > tbody > tr.warning:hover > td:last-child:before {
      content: '';
      background-color: #ff5100;
      position: absolute;
      width: 8px;
      margin-top: -8px;
      height: 100%; }
  .tsr-web3 .table-hover > tbody > tr.warning:hover > td:first-child:before {
    left: -8px; }
  .tsr-web3 .table-hover > tbody > tr.warning:hover > td:last-child:before {
    right: -8px; }
  @media (max-width: 767px) {
    .tsr-web3 .table-responsive {
      width: 100%;
      margin-bottom: 15.75px;
      overflow-y: hidden;
      overflow-x: scroll;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
      -webkit-overflow-scrolling: touch; }
      .tsr-web3 .table-responsive > .table {
        margin-bottom: 0; }
        .tsr-web3 .table-responsive > .table > thead > tr > th, .tsr-web3 .table-responsive > .table > thead > tr > td, .tsr-web3 .table-responsive > .table > tbody > tr > th, .tsr-web3 .table-responsive > .table > tbody > tr > td, .tsr-web3 .table-responsive > .table > tfoot > tr > th, .tsr-web3 .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .tsr-web3 .table-responsive > .table-bordered {
        border: 0; }
        .tsr-web3 .table-responsive > .table-bordered > thead > tr > th:first-child, .tsr-web3 .table-responsive > .table-bordered > thead > tr > td:first-child, .tsr-web3 .table-responsive > .table-bordered > tbody > tr > th:first-child, .tsr-web3 .table-responsive > .table-bordered > tbody > tr > td:first-child, .tsr-web3 .table-responsive > .table-bordered > tfoot > tr > th:first-child, .tsr-web3 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .tsr-web3 .table-responsive > .table-bordered > thead > tr > th:last-child, .tsr-web3 .table-responsive > .table-bordered > thead > tr > td:last-child, .tsr-web3 .table-responsive > .table-bordered > tbody > tr > th:last-child, .tsr-web3 .table-responsive > .table-bordered > tbody > tr > td:last-child, .tsr-web3 .table-responsive > .table-bordered > tfoot > tr > th:last-child, .tsr-web3 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .tsr-web3 .table-responsive > .table-bordered > tbody > tr:last-child > th, .tsr-web3 .table-responsive > .table-bordered > tbody > tr:last-child > td, .tsr-web3 .table-responsive > .table-bordered > tfoot > tr:last-child > th, .tsr-web3 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }
  .tsr-web3 .thumbnail {
    display: block;
    margin-bottom: 21px; }
    .tsr-web3 .thumbnail > img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      margin-left: auto;
      margin-right: auto; }
    .tsr-web3 .thumbnail .caption {
      padding: 9px;
      color: #333333; }
  .tsr-web3 a.thumbnail:hover, .tsr-web3 a.thumbnail:focus, .tsr-web3 a.thumbnail.active {
    border-color: #652d86; }
  .tsr-web3 .tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0); }
    .tsr-web3 .tooltip.in {
      opacity: 0.9;
      filter: alpha(opacity=90); }
    .tsr-web3 .tooltip.top {
      margin-top: -3px;
      padding: 5px 0; }
    .tsr-web3 .tooltip.right {
      margin-left: 3px;
      padding: 0 5px; }
    .tsr-web3 .tooltip.bottom {
      margin-top: 3px;
      padding: 5px 0; }
    .tsr-web3 .tooltip.left {
      margin-left: -3px;
      padding: 0 5px; }
  .tsr-web3 .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px; }
  .tsr-web3 .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .tsr-web3 .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tsr-web3 .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tsr-web3 .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tsr-web3 .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .tsr-web3 .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .tsr-web3 .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tsr-web3 .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tsr-web3 .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tsr-web3 p {
    margin: 0 0 10.5px; }
  .tsr-web3 .lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 200;
    line-height: 1.4; }
    @media (min-width: 768px) {
      .tsr-web3 .lead {
        font-size: 22.5px; } }
  .tsr-web3 small, .tsr-web3 .small {
    font-size: 85%; }
  .tsr-web3 cite {
    font-style: normal; }
  .tsr-web3 .text-muted {
    color: #999999; }
  .tsr-web3 .text-primary {
    color: #652d86; }
    .tsr-web3 .text-primary:hover {
      color: #472060; }
  .tsr-web3 .text-warning {
    color: #222; }
    .tsr-web3 .text-warning:hover {
      color: #090909; }
  .tsr-web3 .text-danger {
    color: #222; }
    .tsr-web3 .text-danger:hover {
      color: #090909; }
  .tsr-web3 .text-success {
    color: #222; }
    .tsr-web3 .text-success:hover {
      color: #090909; }
  .tsr-web3 .text-info {
    color: #222; }
    .tsr-web3 .text-info:hover {
      color: #090909; }
  .tsr-web3 .text-left {
    text-align: left; }
  .tsr-web3 .text-right {
    text-align: right; }
  .tsr-web3 .text-center {
    text-align: center; }
  .tsr-web3 h1, .tsr-web3 h2, .tsr-web3 h3, .tsr-web3 h4, .tsr-web3 h5, .tsr-web3 h6, .tsr-web3 .h1, .tsr-web3 .h2, .tsr-web3 .h3, .tsr-web3 .h4, .tsr-web3 .h5, .tsr-web3 .h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit; }
    .tsr-web3 h1 small, .tsr-web3 h1 .small, .tsr-web3 h2 small, .tsr-web3 h2 .small, .tsr-web3 h3 small, .tsr-web3 h3 .small, .tsr-web3 h4 small, .tsr-web3 h4 .small, .tsr-web3 h5 small, .tsr-web3 h5 .small, .tsr-web3 h6 small, .tsr-web3 h6 .small, .tsr-web3 .h1 small, .tsr-web3 .h1 .small, .tsr-web3 .h2 small, .tsr-web3 .h2 .small, .tsr-web3 .h3 small, .tsr-web3 .h3 .small, .tsr-web3 .h4 small, .tsr-web3 .h4 .small, .tsr-web3 .h5 small, .tsr-web3 .h5 .small, .tsr-web3 .h6 small, .tsr-web3 .h6 .small {
      font-weight: normal;
      line-height: 1;
      color: #999999; }
  .tsr-web3 h1, .tsr-web3 h2, .tsr-web3 h3 {
    margin-top: 21px;
    margin-bottom: 10.5px; }
    .tsr-web3 h1 small, .tsr-web3 h1 .small, .tsr-web3 h2 small, .tsr-web3 h2 .small, .tsr-web3 h3 small, .tsr-web3 h3 .small {
      font-size: 65%; }
  .tsr-web3 h4, .tsr-web3 h5, .tsr-web3 h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px; }
    .tsr-web3 h4 small, .tsr-web3 h4 .small, .tsr-web3 h5 small, .tsr-web3 h5 .small, .tsr-web3 h6 small, .tsr-web3 h6 .small {
      font-size: 75%; }
  .tsr-web3 h1, .tsr-web3 .h1 {
    font-size: 42px; }
  .tsr-web3 h2, .tsr-web3 .h2 {
    font-size: 32px; }
  .tsr-web3 h3, .tsr-web3 .h3 {
    font-size: 22px; }
  .tsr-web3 h4, .tsr-web3 .h4 {
    font-size: 22px; }
  .tsr-web3 h5, .tsr-web3 .h5 {
    font-size: 20px; }
  .tsr-web3 h6, .tsr-web3 .h6 {
    font-size: 18px; }
  .tsr-web3 .page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #eeeeee; }
  .tsr-web3 ul, .tsr-web3 ol {
    margin-top: 0;
    margin-bottom: 10.5px; }
    .tsr-web3 ul ul, .tsr-web3 ul ol, .tsr-web3 ol ul, .tsr-web3 ol ol {
      margin-bottom: 0; }
  .tsr-web3 .list-unstyled, .tsr-web3 .tsr-web3 .list-inline, .tsr-web3 .tsr-web3 .list-inline {
    padding-left: 0;
    list-style: none; }
  .tsr-web3 .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }
    .tsr-web3 .list-inline > li:first-child {
      padding-left: 0; }
  .tsr-web3 dl {
    margin-bottom: 21px; }
  .tsr-web3 dt, .tsr-web3 dd {
    line-height: 1.428571429; }
  .tsr-web3 dt {
    font-weight: bold; }
  .tsr-web3 dd {
    margin-left: 0; }
  @media (min-width: 768px) {
    .tsr-web3 .dl-horizontal dt {
      float: left;
      width: 160px;
      clear: left;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .tsr-web3 .dl-horizontal dd {
      margin-left: 180px; }
      .tsr-web3 .dl-horizontal dd:before, .tsr-web3 .dl-horizontal dd:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */ }
      .tsr-web3 .dl-horizontal dd:after {
        clear: both; } }
  .tsr-web3 abbr[title], .tsr-web3 abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999999; }
  .tsr-web3 abbr.initialism {
    font-size: 90%;
    text-transform: uppercase; }
  .tsr-web3 blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    border-left: 5px solid #eeeeee; }
    .tsr-web3 blockquote p {
      font-size: 18.75px;
      font-weight: 300;
      line-height: 1.25; }
    .tsr-web3 blockquote p:last-child {
      margin-bottom: 0; }
    .tsr-web3 blockquote small {
      display: block;
      line-height: 1.428571429;
      color: #999999; }
      .tsr-web3 blockquote small:before {
        content: '\2014 \00A0'; }
    .tsr-web3 blockquote.pull-right {
      padding-right: 15px;
      padding-left: 0;
      border-right: 5px solid #eeeeee;
      border-left: 0; }
      .tsr-web3 blockquote.pull-right p, .tsr-web3 blockquote.pull-right small, .tsr-web3 blockquote.pull-right .small {
        text-align: right; }
      .tsr-web3 blockquote.pull-right small:before, .tsr-web3 blockquote.pull-right .small:before {
        content: ''; }
      .tsr-web3 blockquote.pull-right small:after, .tsr-web3 blockquote.pull-right .small:after {
        content: '\00A0 \2014'; }
  .tsr-web3 blockquote:before, .tsr-web3 blockquote:after {
    content: ""; }
  .tsr-web3 address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.428571429; }
  .tsr-web3 .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
    .tsr-web3 .well blockquote {
      border-color: #ddd;
      border-color: rgba(0, 0, 0, 0.15); }
  .tsr-web3 .well-lg {
    padding: 24px;
    border-radius: 6px; }
  .tsr-web3 .well-sm {
    padding: 9px;
    border-radius: 3px; }
  .tsr-web3 .clearfix:before, .tsr-web3 .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .tsr-web3 .clearfix:after {
    clear: both; }
  .tsr-web3 .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .tsr-web3 .pull-right {
    float: right !important; }
  .tsr-web3 .pull-left {
    float: left !important; }
  .tsr-web3 .hide {
    display: none !important; }
  .tsr-web3 .show {
    display: block !important; }
  .tsr-web3 .invisible {
    visibility: hidden; }
  .tsr-web3 .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  .tsr-web3 .hidden {
    display: none !important;
    visibility: hidden !important; }
  .tsr-web3 .affix {
    position: fixed; }
  .tsr-web3 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
    .tsr-web3 .container:before, .tsr-web3 .container:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .container:after {
      clear: both; }
  .tsr-web3 .row {
    margin-left: -15px;
    margin-right: -15px; }
    .tsr-web3 .row:before, .tsr-web3 .row:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .row:after {
      clear: both; }
  .tsr-web3 .col-xs-12, .tsr-web3 .col-sm-12, .tsr-web3 .col-md-12, .tsr-web3 .col-lg-12, .tsr-web3 .col-xs-11, .tsr-web3 .col-sm-11, .tsr-web3 .col-md-11, .tsr-web3 .col-lg-11, .tsr-web3 .col-xs-10, .tsr-web3 .col-sm-10, .tsr-web3 .col-md-10, .tsr-web3 .col-lg-10, .tsr-web3 .col-xs-9, .tsr-web3 .col-sm-9, .tsr-web3 .col-md-9, .tsr-web3 .col-lg-9, .tsr-web3 .col-xs-8, .tsr-web3 .col-sm-8, .tsr-web3 .col-md-8, .tsr-web3 .col-lg-8, .tsr-web3 .col-xs-7, .tsr-web3 .col-sm-7, .tsr-web3 .col-md-7, .tsr-web3 .col-lg-7, .tsr-web3 .col-xs-6, .tsr-web3 .col-sm-6, .tsr-web3 .col-md-6, .tsr-web3 .col-lg-6, .tsr-web3 .col-xs-5, .tsr-web3 .col-sm-5, .tsr-web3 .col-md-5, .tsr-web3 .col-lg-5, .tsr-web3 .col-xs-4, .tsr-web3 .col-sm-4, .tsr-web3 .col-md-4, .tsr-web3 .col-lg-4, .tsr-web3 .col-xs-3, .tsr-web3 .col-sm-3, .tsr-web3 .col-md-3, .tsr-web3 .col-lg-3, .tsr-web3 .col-xs-2, .tsr-web3 .col-sm-2, .tsr-web3 .col-md-2, .tsr-web3 .col-lg-2, .tsr-web3 .col-xs-1, .tsr-web3 .col-sm-1, .tsr-web3 .col-md-1, .tsr-web3 .col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .tsr-web3 .col-xs-12, .tsr-web3 .col-xs-11, .tsr-web3 .col-xs-10, .tsr-web3 .col-xs-9, .tsr-web3 .col-xs-8, .tsr-web3 .col-xs-7, .tsr-web3 .col-xs-6, .tsr-web3 .col-xs-5, .tsr-web3 .col-xs-4, .tsr-web3 .col-xs-3, .tsr-web3 .col-xs-2, .tsr-web3 .col-xs-1 {
    float: left; }
  .tsr-web3 .col-xs-1 {
    width: 8.3333333333%; }
  .tsr-web3 .col-xs-2 {
    width: 16.6666666667%; }
  .tsr-web3 .col-xs-3 {
    width: 25%; }
  .tsr-web3 .col-xs-4 {
    width: 33.3333333333%; }
  .tsr-web3 .col-xs-5 {
    width: 41.6666666667%; }
  .tsr-web3 .col-xs-6 {
    width: 50%; }
  .tsr-web3 .col-xs-7 {
    width: 58.3333333333%; }
  .tsr-web3 .col-xs-8 {
    width: 66.6666666667%; }
  .tsr-web3 .col-xs-9 {
    width: 75%; }
  .tsr-web3 .col-xs-10 {
    width: 83.3333333333%; }
  .tsr-web3 .col-xs-11 {
    width: 91.6666666667%; }
  .tsr-web3 .col-xs-12 {
    width: 100%; }
  .tsr-web3 .col-xs-pull-0 {
    right: 0%; }
  .tsr-web3 .col-xs-pull-1 {
    right: 8.3333333333%; }
  .tsr-web3 .col-xs-pull-2 {
    right: 16.6666666667%; }
  .tsr-web3 .col-xs-pull-3 {
    right: 25%; }
  .tsr-web3 .col-xs-pull-4 {
    right: 33.3333333333%; }
  .tsr-web3 .col-xs-pull-5 {
    right: 41.6666666667%; }
  .tsr-web3 .col-xs-pull-6 {
    right: 50%; }
  .tsr-web3 .col-xs-pull-7 {
    right: 58.3333333333%; }
  .tsr-web3 .col-xs-pull-8 {
    right: 66.6666666667%; }
  .tsr-web3 .col-xs-pull-9 {
    right: 75%; }
  .tsr-web3 .col-xs-pull-10 {
    right: 83.3333333333%; }
  .tsr-web3 .col-xs-pull-11 {
    right: 91.6666666667%; }
  .tsr-web3 .col-xs-pull-12 {
    right: 100%; }
  .tsr-web3 .col-xs-push-0 {
    left: 0%; }
  .tsr-web3 .col-xs-push-1 {
    left: 8.3333333333%; }
  .tsr-web3 .col-xs-push-2 {
    left: 16.6666666667%; }
  .tsr-web3 .col-xs-push-3 {
    left: 25%; }
  .tsr-web3 .col-xs-push-4 {
    left: 33.3333333333%; }
  .tsr-web3 .col-xs-push-5 {
    left: 41.6666666667%; }
  .tsr-web3 .col-xs-push-6 {
    left: 50%; }
  .tsr-web3 .col-xs-push-7 {
    left: 58.3333333333%; }
  .tsr-web3 .col-xs-push-8 {
    left: 66.6666666667%; }
  .tsr-web3 .col-xs-push-9 {
    left: 75%; }
  .tsr-web3 .col-xs-push-10 {
    left: 83.3333333333%; }
  .tsr-web3 .col-xs-push-11 {
    left: 91.6666666667%; }
  .tsr-web3 .col-xs-push-12 {
    left: 100%; }
  .tsr-web3 .col-xs-offset-0 {
    margin-left: 0%; }
  .tsr-web3 .col-xs-offset-1 {
    margin-left: 8.3333333333%; }
  .tsr-web3 .col-xs-offset-2 {
    margin-left: 16.6666666667%; }
  .tsr-web3 .col-xs-offset-3 {
    margin-left: 25%; }
  .tsr-web3 .col-xs-offset-4 {
    margin-left: 33.3333333333%; }
  .tsr-web3 .col-xs-offset-5 {
    margin-left: 41.6666666667%; }
  .tsr-web3 .col-xs-offset-6 {
    margin-left: 50%; }
  .tsr-web3 .col-xs-offset-7 {
    margin-left: 58.3333333333%; }
  .tsr-web3 .col-xs-offset-8 {
    margin-left: 66.6666666667%; }
  .tsr-web3 .col-xs-offset-9 {
    margin-left: 75%; }
  .tsr-web3 .col-xs-offset-10 {
    margin-left: 83.3333333333%; }
  .tsr-web3 .col-xs-offset-11 {
    margin-left: 91.6666666667%; }
  .tsr-web3 .col-xs-offset-12 {
    margin-left: 100%; }
  @media (min-width: 768px) {
    .tsr-web3 .container {
      width: 750px; }
    .tsr-web3 .col-sm-12, .tsr-web3 .col-sm-11, .tsr-web3 .col-sm-10, .tsr-web3 .col-sm-9, .tsr-web3 .col-sm-8, .tsr-web3 .col-sm-7, .tsr-web3 .col-sm-6, .tsr-web3 .col-sm-5, .tsr-web3 .col-sm-4, .tsr-web3 .col-sm-3, .tsr-web3 .col-sm-2, .tsr-web3 .col-sm-1 {
      float: left; }
    .tsr-web3 .col-sm-1 {
      width: 8.3333333333%; }
    .tsr-web3 .col-sm-2 {
      width: 16.6666666667%; }
    .tsr-web3 .col-sm-3 {
      width: 25%; }
    .tsr-web3 .col-sm-4 {
      width: 33.3333333333%; }
    .tsr-web3 .col-sm-5 {
      width: 41.6666666667%; }
    .tsr-web3 .col-sm-6 {
      width: 50%; }
    .tsr-web3 .col-sm-7 {
      width: 58.3333333333%; }
    .tsr-web3 .col-sm-8 {
      width: 66.6666666667%; }
    .tsr-web3 .col-sm-9 {
      width: 75%; }
    .tsr-web3 .col-sm-10 {
      width: 83.3333333333%; }
    .tsr-web3 .col-sm-11 {
      width: 91.6666666667%; }
    .tsr-web3 .col-sm-12 {
      width: 100%; }
    .tsr-web3 .col-sm-pull-0 {
      right: 0%; }
    .tsr-web3 .col-sm-pull-1 {
      right: 8.3333333333%; }
    .tsr-web3 .col-sm-pull-2 {
      right: 16.6666666667%; }
    .tsr-web3 .col-sm-pull-3 {
      right: 25%; }
    .tsr-web3 .col-sm-pull-4 {
      right: 33.3333333333%; }
    .tsr-web3 .col-sm-pull-5 {
      right: 41.6666666667%; }
    .tsr-web3 .col-sm-pull-6 {
      right: 50%; }
    .tsr-web3 .col-sm-pull-7 {
      right: 58.3333333333%; }
    .tsr-web3 .col-sm-pull-8 {
      right: 66.6666666667%; }
    .tsr-web3 .col-sm-pull-9 {
      right: 75%; }
    .tsr-web3 .col-sm-pull-10 {
      right: 83.3333333333%; }
    .tsr-web3 .col-sm-pull-11 {
      right: 91.6666666667%; }
    .tsr-web3 .col-sm-pull-12 {
      right: 100%; }
    .tsr-web3 .col-sm-push-0 {
      left: 0%; }
    .tsr-web3 .col-sm-push-1 {
      left: 8.3333333333%; }
    .tsr-web3 .col-sm-push-2 {
      left: 16.6666666667%; }
    .tsr-web3 .col-sm-push-3 {
      left: 25%; }
    .tsr-web3 .col-sm-push-4 {
      left: 33.3333333333%; }
    .tsr-web3 .col-sm-push-5 {
      left: 41.6666666667%; }
    .tsr-web3 .col-sm-push-6 {
      left: 50%; }
    .tsr-web3 .col-sm-push-7 {
      left: 58.3333333333%; }
    .tsr-web3 .col-sm-push-8 {
      left: 66.6666666667%; }
    .tsr-web3 .col-sm-push-9 {
      left: 75%; }
    .tsr-web3 .col-sm-push-10 {
      left: 83.3333333333%; }
    .tsr-web3 .col-sm-push-11 {
      left: 91.6666666667%; }
    .tsr-web3 .col-sm-push-12 {
      left: 100%; }
    .tsr-web3 .col-sm-offset-0 {
      margin-left: 0%; }
    .tsr-web3 .col-sm-offset-1 {
      margin-left: 8.3333333333%; }
    .tsr-web3 .col-sm-offset-2 {
      margin-left: 16.6666666667%; }
    .tsr-web3 .col-sm-offset-3 {
      margin-left: 25%; }
    .tsr-web3 .col-sm-offset-4 {
      margin-left: 33.3333333333%; }
    .tsr-web3 .col-sm-offset-5 {
      margin-left: 41.6666666667%; }
    .tsr-web3 .col-sm-offset-6 {
      margin-left: 50%; }
    .tsr-web3 .col-sm-offset-7 {
      margin-left: 58.3333333333%; }
    .tsr-web3 .col-sm-offset-8 {
      margin-left: 66.6666666667%; }
    .tsr-web3 .col-sm-offset-9 {
      margin-left: 75%; }
    .tsr-web3 .col-sm-offset-10 {
      margin-left: 83.3333333333%; }
    .tsr-web3 .col-sm-offset-11 {
      margin-left: 91.6666666667%; }
    .tsr-web3 .col-sm-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 992px) {
    .tsr-web3 .container {
      width: 970px; }
    .tsr-web3 .col-md-12, .tsr-web3 .col-md-11, .tsr-web3 .col-md-10, .tsr-web3 .col-md-9, .tsr-web3 .col-md-8, .tsr-web3 .col-md-7, .tsr-web3 .col-md-6, .tsr-web3 .col-md-5, .tsr-web3 .col-md-4, .tsr-web3 .col-md-3, .tsr-web3 .col-md-2, .tsr-web3 .col-md-1 {
      float: left; }
    .tsr-web3 .col-md-1 {
      width: 8.3333333333%; }
    .tsr-web3 .col-md-2 {
      width: 16.6666666667%; }
    .tsr-web3 .col-md-3 {
      width: 25%; }
    .tsr-web3 .col-md-4 {
      width: 33.3333333333%; }
    .tsr-web3 .col-md-5 {
      width: 41.6666666667%; }
    .tsr-web3 .col-md-6 {
      width: 50%; }
    .tsr-web3 .col-md-7 {
      width: 58.3333333333%; }
    .tsr-web3 .col-md-8 {
      width: 66.6666666667%; }
    .tsr-web3 .col-md-9 {
      width: 75%; }
    .tsr-web3 .col-md-10 {
      width: 83.3333333333%; }
    .tsr-web3 .col-md-11 {
      width: 91.6666666667%; }
    .tsr-web3 .col-md-12 {
      width: 100%; }
    .tsr-web3 .col-md-pull-0 {
      right: 0%; }
    .tsr-web3 .col-md-pull-1 {
      right: 8.3333333333%; }
    .tsr-web3 .col-md-pull-2 {
      right: 16.6666666667%; }
    .tsr-web3 .col-md-pull-3 {
      right: 25%; }
    .tsr-web3 .col-md-pull-4 {
      right: 33.3333333333%; }
    .tsr-web3 .col-md-pull-5 {
      right: 41.6666666667%; }
    .tsr-web3 .col-md-pull-6 {
      right: 50%; }
    .tsr-web3 .col-md-pull-7 {
      right: 58.3333333333%; }
    .tsr-web3 .col-md-pull-8 {
      right: 66.6666666667%; }
    .tsr-web3 .col-md-pull-9 {
      right: 75%; }
    .tsr-web3 .col-md-pull-10 {
      right: 83.3333333333%; }
    .tsr-web3 .col-md-pull-11 {
      right: 91.6666666667%; }
    .tsr-web3 .col-md-pull-12 {
      right: 100%; }
    .tsr-web3 .col-md-push-0 {
      left: 0%; }
    .tsr-web3 .col-md-push-1 {
      left: 8.3333333333%; }
    .tsr-web3 .col-md-push-2 {
      left: 16.6666666667%; }
    .tsr-web3 .col-md-push-3 {
      left: 25%; }
    .tsr-web3 .col-md-push-4 {
      left: 33.3333333333%; }
    .tsr-web3 .col-md-push-5 {
      left: 41.6666666667%; }
    .tsr-web3 .col-md-push-6 {
      left: 50%; }
    .tsr-web3 .col-md-push-7 {
      left: 58.3333333333%; }
    .tsr-web3 .col-md-push-8 {
      left: 66.6666666667%; }
    .tsr-web3 .col-md-push-9 {
      left: 75%; }
    .tsr-web3 .col-md-push-10 {
      left: 83.3333333333%; }
    .tsr-web3 .col-md-push-11 {
      left: 91.6666666667%; }
    .tsr-web3 .col-md-push-12 {
      left: 100%; }
    .tsr-web3 .col-md-offset-0 {
      margin-left: 0%; }
    .tsr-web3 .col-md-offset-1 {
      margin-left: 8.3333333333%; }
    .tsr-web3 .col-md-offset-2 {
      margin-left: 16.6666666667%; }
    .tsr-web3 .col-md-offset-3 {
      margin-left: 25%; }
    .tsr-web3 .col-md-offset-4 {
      margin-left: 33.3333333333%; }
    .tsr-web3 .col-md-offset-5 {
      margin-left: 41.6666666667%; }
    .tsr-web3 .col-md-offset-6 {
      margin-left: 50%; }
    .tsr-web3 .col-md-offset-7 {
      margin-left: 58.3333333333%; }
    .tsr-web3 .col-md-offset-8 {
      margin-left: 66.6666666667%; }
    .tsr-web3 .col-md-offset-9 {
      margin-left: 75%; }
    .tsr-web3 .col-md-offset-10 {
      margin-left: 83.3333333333%; }
    .tsr-web3 .col-md-offset-11 {
      margin-left: 91.6666666667%; }
    .tsr-web3 .col-md-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 1200px) {
    .tsr-web3 .container {
      width: 1170px; }
    .tsr-web3 .col-lg-12, .tsr-web3 .col-lg-11, .tsr-web3 .col-lg-10, .tsr-web3 .col-lg-9, .tsr-web3 .col-lg-8, .tsr-web3 .col-lg-7, .tsr-web3 .col-lg-6, .tsr-web3 .col-lg-5, .tsr-web3 .col-lg-4, .tsr-web3 .col-lg-3, .tsr-web3 .col-lg-2, .tsr-web3 .col-lg-1 {
      float: left; }
    .tsr-web3 .col-lg-1 {
      width: 8.3333333333%; }
    .tsr-web3 .col-lg-2 {
      width: 16.6666666667%; }
    .tsr-web3 .col-lg-3 {
      width: 25%; }
    .tsr-web3 .col-lg-4 {
      width: 33.3333333333%; }
    .tsr-web3 .col-lg-5 {
      width: 41.6666666667%; }
    .tsr-web3 .col-lg-6 {
      width: 50%; }
    .tsr-web3 .col-lg-7 {
      width: 58.3333333333%; }
    .tsr-web3 .col-lg-8 {
      width: 66.6666666667%; }
    .tsr-web3 .col-lg-9 {
      width: 75%; }
    .tsr-web3 .col-lg-10 {
      width: 83.3333333333%; }
    .tsr-web3 .col-lg-11 {
      width: 91.6666666667%; }
    .tsr-web3 .col-lg-12 {
      width: 100%; }
    .tsr-web3 .col-lg-pull-0 {
      right: 0%; }
    .tsr-web3 .col-lg-pull-1 {
      right: 8.3333333333%; }
    .tsr-web3 .col-lg-pull-2 {
      right: 16.6666666667%; }
    .tsr-web3 .col-lg-pull-3 {
      right: 25%; }
    .tsr-web3 .col-lg-pull-4 {
      right: 33.3333333333%; }
    .tsr-web3 .col-lg-pull-5 {
      right: 41.6666666667%; }
    .tsr-web3 .col-lg-pull-6 {
      right: 50%; }
    .tsr-web3 .col-lg-pull-7 {
      right: 58.3333333333%; }
    .tsr-web3 .col-lg-pull-8 {
      right: 66.6666666667%; }
    .tsr-web3 .col-lg-pull-9 {
      right: 75%; }
    .tsr-web3 .col-lg-pull-10 {
      right: 83.3333333333%; }
    .tsr-web3 .col-lg-pull-11 {
      right: 91.6666666667%; }
    .tsr-web3 .col-lg-pull-12 {
      right: 100%; }
    .tsr-web3 .col-lg-push-0 {
      left: 0%; }
    .tsr-web3 .col-lg-push-1 {
      left: 8.3333333333%; }
    .tsr-web3 .col-lg-push-2 {
      left: 16.6666666667%; }
    .tsr-web3 .col-lg-push-3 {
      left: 25%; }
    .tsr-web3 .col-lg-push-4 {
      left: 33.3333333333%; }
    .tsr-web3 .col-lg-push-5 {
      left: 41.6666666667%; }
    .tsr-web3 .col-lg-push-6 {
      left: 50%; }
    .tsr-web3 .col-lg-push-7 {
      left: 58.3333333333%; }
    .tsr-web3 .col-lg-push-8 {
      left: 66.6666666667%; }
    .tsr-web3 .col-lg-push-9 {
      left: 75%; }
    .tsr-web3 .col-lg-push-10 {
      left: 83.3333333333%; }
    .tsr-web3 .col-lg-push-11 {
      left: 91.6666666667%; }
    .tsr-web3 .col-lg-push-12 {
      left: 100%; }
    .tsr-web3 .col-lg-offset-0 {
      margin-left: 0%; }
    .tsr-web3 .col-lg-offset-1 {
      margin-left: 8.3333333333%; }
    .tsr-web3 .col-lg-offset-2 {
      margin-left: 16.6666666667%; }
    .tsr-web3 .col-lg-offset-3 {
      margin-left: 25%; }
    .tsr-web3 .col-lg-offset-4 {
      margin-left: 33.3333333333%; }
    .tsr-web3 .col-lg-offset-5 {
      margin-left: 41.6666666667%; }
    .tsr-web3 .col-lg-offset-6 {
      margin-left: 50%; }
    .tsr-web3 .col-lg-offset-7 {
      margin-left: 58.3333333333%; }
    .tsr-web3 .col-lg-offset-8 {
      margin-left: 66.6666666667%; }
    .tsr-web3 .col-lg-offset-9 {
      margin-left: 75%; }
    .tsr-web3 .col-lg-offset-10 {
      margin-left: 83.3333333333%; }
    .tsr-web3 .col-lg-offset-11 {
      margin-left: 91.6666666667%; }
    .tsr-web3 .col-lg-offset-12 {
      margin-left: 100%; } }
  .tsr-web3 .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted; }
  .tsr-web3 .dropdown {
    position: relative; }
  .tsr-web3 .dropdown-toggle:focus {
    outline: 0; }
  .tsr-web3 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box; }
    .tsr-web3 .dropdown-menu.pull-right {
      right: 0;
      left: auto; }
    .tsr-web3 .dropdown-menu .divider {
      height: 1px;
      margin: 9.5px 0;
      overflow: hidden;
      background-color: #e5e5e5; }
    .tsr-web3 .dropdown-menu > li > a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.428571429;
      color: #333333;
      white-space: nowrap; }
  .tsr-web3 .dropdown-menu > li > a:hover, .tsr-web3 .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5; }
  .tsr-web3 .dropdown-menu > .active > a, .tsr-web3 .dropdown-menu > .active > a:hover, .tsr-web3 .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #652d86; }
  .tsr-web3 .dropdown-menu > .disabled > a, .tsr-web3 .dropdown-menu > .disabled > a:hover, .tsr-web3 .dropdown-menu > .disabled > a:focus {
    color: #999999; }
  .tsr-web3 .dropdown-menu > .disabled > a:hover, .tsr-web3 .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed; }
  .tsr-web3 .open > .dropdown-menu {
    display: block; }
  .tsr-web3 .open > a {
    outline: 0; }
  .tsr-web3 .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999; }
  .tsr-web3 .dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990; }
  .tsr-web3 .pull-right > .dropdown-menu {
    right: 0;
    left: auto; }
  .tsr-web3 .dropup .caret, .tsr-web3 .navbar-fixed-bottom .dropdown .caret {
    border-top: 0 dotted;
    border-bottom: 4px solid #000;
    content: ""; }
  .tsr-web3 .dropup .dropdown-menu, .tsr-web3 .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px; }
  @media (min-width: 768px) {
    .tsr-web3 .navbar-right .dropdown-menu {
      right: 0;
      left: auto; } }
  .tsr-web3 *, .tsr-web3 *:before, .tsr-web3 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .tsr-web3 html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .tsr-web3 body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #fff; }
  .tsr-web3 input, .tsr-web3 button, .tsr-web3 select, .tsr-web3 textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .tsr-web3 a {
    color: #652d86;
    text-decoration: none; }
    .tsr-web3 a:hover, .tsr-web3 a:focus {
      color: #4e2369;
      text-decoration: underline; }
    .tsr-web3 a:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
  .tsr-web3 img {
    vertical-align: middle; }
  .tsr-web3 .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .tsr-web3 .img-rounded {
    border-radius: 6px; }
  .tsr-web3 .img-thumbnail, .tsr-web3 .tsr-web3 .thumbnail, .tsr-web3 .tsr-web3 .thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .tsr-web3 .img-circle {
    border-radius: 50%; }
  .tsr-web3 hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #eeeeee; }
  .tsr-web3 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .tsr-web3 .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent; }
    .tsr-web3 .navbar:before, .tsr-web3 .navbar:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .navbar:after {
      clear: both; }
    @media (min-width: 768px) {
      .tsr-web3 .navbar {
        border-radius: 4px; } }
  .tsr-web3 .navbar-header:before, .tsr-web3 .navbar-header:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .tsr-web3 .navbar-header:after {
    clear: both; }
  @media (min-width: 768px) {
    .tsr-web3 .navbar-header {
      float: left; } }
  .tsr-web3 .navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch; }
    .tsr-web3 .navbar-collapse:before, .tsr-web3 .navbar-collapse:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .navbar-collapse:after {
      clear: both; }
    .tsr-web3 .navbar-collapse.in {
      overflow-y: auto; }
    @media (min-width: 768px) {
      .tsr-web3 .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none; }
        .tsr-web3 .navbar-collapse.collapse {
          display: block !important;
          height: auto !important;
          padding-bottom: 0;
          overflow: visible !important; }
        .tsr-web3 .navbar-collapse.in {
          overflow-y: auto; }
        .tsr-web3 .navbar-collapse .navbar-nav.navbar-left:first-child {
          margin-left: -15px; }
        .tsr-web3 .navbar-collapse .navbar-nav.navbar-right:last-child {
          margin-right: -15px; }
        .tsr-web3 .navbar-collapse .navbar-text:last-child {
          margin-right: 0; } }
  .tsr-web3 .container > .navbar-header, .tsr-web3 .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px; }
    @media (min-width: 768px) {
      .tsr-web3 .container > .navbar-header, .tsr-web3 .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0; } }
  .tsr-web3 .navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px; }
    @media (min-width: 768px) {
      .tsr-web3 .navbar-static-top {
        border-radius: 0; } }
  .tsr-web3 .navbar-fixed-top, .tsr-web3 .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030; }
    @media (min-width: 768px) {
      .tsr-web3 .navbar-fixed-top, .tsr-web3 .navbar-fixed-bottom {
        border-radius: 0; } }
  .tsr-web3 .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .tsr-web3 .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0; }
  .tsr-web3 .navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 19px;
    line-height: 21px; }
    .tsr-web3 .navbar-brand:hover, .tsr-web3 .navbar-brand:focus {
      text-decoration: none; }
    @media (min-width: 768px) {
      .navbar > .container .tsr-web3 .navbar-brand {
        margin-left: -15px; } }
  .tsr-web3 .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px; }
    .tsr-web3 .navbar-toggle .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px; }
    .tsr-web3 .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 4px; }
    @media (min-width: 768px) {
      .tsr-web3 .navbar-toggle {
        display: none; } }
  .tsr-web3 .navbar-nav {
    margin: 7.25px -15px; }
    .tsr-web3 .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 21px; }
    @media (max-width: 767px) {
      .tsr-web3 .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none; }
        .tsr-web3 .navbar-nav .open .dropdown-menu > li > a, .tsr-web3 .navbar-nav .open .dropdown-menu .dropdown-header {
          padding: 5px 15px 5px 25px; }
        .tsr-web3 .navbar-nav .open .dropdown-menu > li > a {
          line-height: 21px; }
          .tsr-web3 .navbar-nav .open .dropdown-menu > li > a:hover, .tsr-web3 .navbar-nav .open .dropdown-menu > li > a:focus {
            background-image: none; } }
    @media (min-width: 768px) {
      .tsr-web3 .navbar-nav {
        float: left;
        margin: 0; }
        .tsr-web3 .navbar-nav > li {
          float: left; }
          .tsr-web3 .navbar-nav > li > a {
            padding-top: 14.5px;
            padding-bottom: 14.5px; } }
  @media (min-width: 768px) {
    .tsr-web3 .navbar-left {
      float: left !important; }
    .tsr-web3 .navbar-right {
      float: right !important; } }
  .tsr-web3 .navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 7.5px;
    margin-bottom: 7.5px; }
    @media (max-width: 767px) {
      .tsr-web3 .navbar-form .form-group {
        margin-bottom: 5px; } }
    @media (min-width: 768px) {
      .tsr-web3 .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none; } }
  .tsr-web3 .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  .tsr-web3 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .tsr-web3 .navbar-nav.pull-right > li > .dropdown-menu, .tsr-web3 .navbar-nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: 0; }
  .tsr-web3 .navbar-btn {
    margin-top: 7.5px;
    margin-bottom: 7.5px; }
  .tsr-web3 .navbar-text {
    float: left;
    margin-top: 14.5px;
    margin-bottom: 14.5px; }
    @media (min-width: 768px) {
      .tsr-web3 .navbar-text {
        margin-left: 15px;
        margin-right: 15px; } }
  .tsr-web3 .navbar-default {
    background-color: #fff;
    border-color: #eeeeee; }
    .tsr-web3 .navbar-default .navbar-brand {
      color: #652d86; }
      .tsr-web3 .navbar-default .navbar-brand:hover, .tsr-web3 .navbar-default .navbar-brand:focus {
        color: #472060;
        background-color: transparent; }
    .tsr-web3 .navbar-default .navbar-text {
      color: #fff; }
    .tsr-web3 .navbar-default .navbar-nav > li > a {
      color: #652d86; }
      .tsr-web3 .navbar-default .navbar-nav > li > a:hover, .tsr-web3 .navbar-default .navbar-nav > li > a:focus {
        color: #652d86;
        background-color: transparent; }
    .tsr-web3 .navbar-default .navbar-nav > .active > a, .tsr-web3 .navbar-default .navbar-nav > .active > a:hover, .tsr-web3 .navbar-default .navbar-nav > .active > a:focus {
      color: #fff;
      background-color: #652d86; }
    .tsr-web3 .navbar-default .navbar-nav > .disabled > a, .tsr-web3 .navbar-default .navbar-nav > .disabled > a:hover, .tsr-web3 .navbar-default .navbar-nav > .disabled > a:focus {
      color: #4f2369;
      background-color: transparent; }
    .tsr-web3 .navbar-default .navbar-toggle {
      border-color: #ddd; }
      .tsr-web3 .navbar-default .navbar-toggle:hover, .tsr-web3 .navbar-default .navbar-toggle:focus {
        background-color: #ddd; }
      .tsr-web3 .navbar-default .navbar-toggle .icon-bar {
        background-color: #ccc; }
    .tsr-web3 .navbar-default .navbar-collapse, .tsr-web3 .navbar-default .navbar-form {
      border-color: #eeeeee; }
    .tsr-web3 .navbar-default .navbar-nav > .dropdown > a:hover .caret, .tsr-web3 .navbar-default .navbar-nav > .dropdown > a:focus .caret {
      border-top-color: #652d86;
      border-bottom-color: #652d86; }
    .tsr-web3 .navbar-default .navbar-nav > .open > a, .tsr-web3 .navbar-default .navbar-nav > .open > a:hover, .tsr-web3 .navbar-default .navbar-nav > .open > a:focus {
      background-color: #652d86;
      color: #fff; }
      .tsr-web3 .navbar-default .navbar-nav > .open > a .caret, .tsr-web3 .navbar-default .navbar-nav > .open > a:hover .caret, .tsr-web3 .navbar-default .navbar-nav > .open > a:focus .caret {
        border-top-color: #fff;
        border-bottom-color: #fff; }
    .tsr-web3 .navbar-default .navbar-nav > .dropdown > a .caret {
      border-top-color: #652d86;
      border-bottom-color: #652d86; }
    @media (max-width: 767px) {
      .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #652d86; }
        .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #652d86;
          background-color: transparent; }
      .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #652d86; }
      .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .tsr-web3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #4f2369;
        background-color: transparent; } }
    .tsr-web3 .navbar-default .navbar-link {
      color: #652d86; }
      .tsr-web3 .navbar-default .navbar-link:hover {
        color: #652d86; }
  .tsr-web3 .navbar-inverse {
    background-color: #652d86;
    border-color: #472060; }
    .tsr-web3 .navbar-inverse .navbar-brand {
      color: #652d86; }
      .tsr-web3 .navbar-inverse .navbar-brand:hover, .tsr-web3 .navbar-inverse .navbar-brand:focus {
        color: #fff;
        background-color: transparent; }
    .tsr-web3 .navbar-inverse .navbar-text {
      color: #652d86; }
    .tsr-web3 .navbar-inverse .navbar-nav > li > a {
      color: #652d86; }
      .tsr-web3 .navbar-inverse .navbar-nav > li > a:hover, .tsr-web3 .navbar-inverse .navbar-nav > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .tsr-web3 .navbar-inverse .navbar-nav > .active > a, .tsr-web3 .navbar-inverse .navbar-nav > .active > a:hover, .tsr-web3 .navbar-inverse .navbar-nav > .active > a:focus {
      color: #fff;
      background-color: #472060; }
    .tsr-web3 .navbar-inverse .navbar-nav > .disabled > a, .tsr-web3 .navbar-inverse .navbar-nav > .disabled > a:hover, .tsr-web3 .navbar-inverse .navbar-nav > .disabled > a:focus {
      color: #444;
      background-color: transparent; }
    .tsr-web3 .navbar-inverse .navbar-toggle {
      border-color: #333; }
      .tsr-web3 .navbar-inverse .navbar-toggle:hover, .tsr-web3 .navbar-inverse .navbar-toggle:focus {
        background-color: #333; }
      .tsr-web3 .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff; }
    .tsr-web3 .navbar-inverse .navbar-collapse, .tsr-web3 .navbar-inverse .navbar-form {
      border-color: #50246b; }
    .tsr-web3 .navbar-inverse .navbar-nav > .open > a, .tsr-web3 .navbar-inverse .navbar-nav > .open > a:hover, .tsr-web3 .navbar-inverse .navbar-nav > .open > a:focus {
      background-color: #472060;
      color: #fff; }
    .tsr-web3 .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
      border-top-color: #fff;
      border-bottom-color: #fff; }
    .tsr-web3 .navbar-inverse .navbar-nav > .dropdown > a .caret {
      border-top-color: #652d86;
      border-bottom-color: #652d86; }
    .tsr-web3 .navbar-inverse .navbar-nav > .open > a .caret, .tsr-web3 .navbar-inverse .navbar-nav > .open > a:hover .caret, .tsr-web3 .navbar-inverse .navbar-nav > .open > a:focus .caret {
      border-top-color: #fff;
      border-bottom-color: #fff; }
    @media (max-width: 767px) {
      .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #472060; }
      .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #652d86; }
        .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #fff;
          background-color: transparent; }
      .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #472060; }
      .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .tsr-web3 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent; } }
    .tsr-web3 .navbar-inverse .navbar-link {
      color: #652d86; }
      .tsr-web3 .navbar-inverse .navbar-link:hover {
        color: #fff; }
  .tsr-web3 .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
    .tsr-web3 .nav:before, .tsr-web3 .nav:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .nav:after {
      clear: both; }
    .tsr-web3 .nav > li {
      position: relative;
      display: block; }
      .tsr-web3 .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px; }
        .tsr-web3 .nav > li > a:hover, .tsr-web3 .nav > li > a:focus {
          text-decoration: none;
          background-color: #eeeeee; }
      .tsr-web3 .nav > li.disabled > a {
        color: #999999; }
        .tsr-web3 .nav > li.disabled > a:hover, .tsr-web3 .nav > li.disabled > a:focus {
          color: #999999;
          text-decoration: none;
          background-color: transparent;
          cursor: not-allowed; }
    .tsr-web3 .nav .open > a, .tsr-web3 .nav .open > a:hover, .tsr-web3 .nav .open > a:focus {
      background-color: #eeeeee;
      border-color: #652d86; }
      .tsr-web3 .nav .open > a .caret, .tsr-web3 .nav .open > a:hover .caret, .tsr-web3 .nav .open > a:focus .caret {
        border-top-color: #4e2369;
        border-bottom-color: #4e2369; }
    .tsr-web3 .nav .nav-divider {
      height: 1px;
      margin: 9.5px 0;
      overflow: hidden;
      background-color: #e5e5e5; }
    .tsr-web3 .nav > li > a > img {
      max-width: none; }
  .tsr-web3 .nav-tabs {
    border-bottom: 1px solid #ddd; }
    .tsr-web3 .nav-tabs > li {
      float: left;
      margin-bottom: -1px; }
      .tsr-web3 .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.428571429;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0; }
        .tsr-web3 .nav-tabs > li > a:hover {
          border-color: #eeeeee #eeeeee #ddd; }
      .tsr-web3 .nav-tabs > li.active > a, .tsr-web3 .nav-tabs > li.active > a:hover, .tsr-web3 .nav-tabs > li.active > a:focus {
        color: #6c6c6c;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        cursor: default; }
  .tsr-web3 .nav-pills > li {
    float: left; }
    .tsr-web3 .nav-pills > li > a {
      border-radius: 4px; }
    .tsr-web3 .nav-pills > li + li {
      margin-left: 2px; }
    .tsr-web3 .nav-pills > li.active > a, .tsr-web3 .nav-pills > li.active > a:hover, .tsr-web3 .nav-pills > li.active > a:focus {
      color: #fff;
      background-color: #652d86; }
      .tsr-web3 .nav-pills > li.active > a .caret, .tsr-web3 .nav-pills > li.active > a:hover .caret, .tsr-web3 .nav-pills > li.active > a:focus .caret {
        border-top-color: #fff;
        border-bottom-color: #fff; }
  .tsr-web3 .nav-stacked > li {
    float: none; }
    .tsr-web3 .nav-stacked > li + li {
      margin-top: 2px;
      margin-left: 0; }
  .tsr-web3 .nav-justified, .tsr-web3 .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs.nav-justified {
    width: 100%; }
    .tsr-web3 .nav-justified > li, .tsr-web3 .nav-justified > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-justified > .nav-tabs.nav-justified {
      float: none; }
      .tsr-web3 .nav-justified > li > a, .tsr-web3 .nav-justified > li > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-justified > li > .nav-tabs.nav-justified {
        text-align: center;
        margin-bottom: 5px; }
    .tsr-web3 .nav-justified > .dropdown .dropdown-menu, .tsr-web3 .nav-justified > .dropdown .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-justified > .dropdown .nav-tabs.nav-justified {
      top: auto;
      left: auto; }
    @media (min-width: 768px) {
      .tsr-web3 .nav-justified > li, .tsr-web3 .nav-justified > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-justified > .nav-tabs.nav-justified {
        display: table-cell;
        width: 1%; }
        .tsr-web3 .nav-justified > li > a, .tsr-web3 .nav-justified > li > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-justified > li > .nav-tabs.nav-justified {
          margin-bottom: 0; } }
  .tsr-web3 .nav-tabs-justified, .tsr-web3 .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs.nav-justified {
    border-bottom: 0; }
    .tsr-web3 .nav-tabs-justified > li > a, .tsr-web3 .nav-tabs-justified > li > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > li > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > li > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > li > .nav-tabs.nav-justified {
      margin-right: 0;
      border-radius: 4px; }
    .tsr-web3 .nav-tabs-justified > .active > a, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > a:hover, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > a:focus, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified {
      border: 1px solid #ddd; }
    @media (min-width: 768px) {
      .tsr-web3 .nav-tabs-justified > li > a, .tsr-web3 .nav-tabs-justified > li > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > li > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > li > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > li > .nav-tabs.nav-justified {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0; }
      .tsr-web3 .nav-tabs-justified > .active > a, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > a:hover, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > a:focus, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified, .tsr-web3 .nav-tabs-justified > .active > .tsr-web3 .nav-tabs.nav-justified, .tsr-web3 .tsr-web3 .nav-tabs-justified > .active > .nav-tabs.nav-justified {
        border-bottom-color: #fff; } }
  .tsr-web3 .tab-content > .tab-pane {
    display: none; }
  .tsr-web3 .tab-content > .active {
    display: block; }
  .tsr-web3 .nav .caret {
    border-top-color: #652d86;
    border-bottom-color: #652d86; }
  .tsr-web3 .nav a:hover .caret {
    border-top-color: #4e2369;
    border-bottom-color: #4e2369; }
  .tsr-web3 .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  .tsr-web3 article, .tsr-web3 aside, .tsr-web3 details, .tsr-web3 figcaption, .tsr-web3 figure, .tsr-web3 footer, .tsr-web3 header, .tsr-web3 hgroup, .tsr-web3 main, .tsr-web3 nav, .tsr-web3 section, .tsr-web3 summary {
    display: block; }
  .tsr-web3 audio, .tsr-web3 canvas, .tsr-web3 video {
    display: inline-block; }
  .tsr-web3 audio:not([controls]) {
    display: none;
    height: 0; }
  .tsr-web3 [hidden], .tsr-web3 template {
    display: none; }
  .tsr-web3 html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
  .tsr-web3 body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .tsr-web3 a {
    background: transparent; }
  .tsr-web3 a:focus {
    outline: thin dotted; }
  .tsr-web3 a:active, .tsr-web3 a:hover {
    outline: 0; }
  .tsr-web3 h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .tsr-web3 abbr[title] {
    border-bottom: 1px dotted; }
  .tsr-web3 b, .tsr-web3 strong {
    font-weight: bold; }
  .tsr-web3 dfn {
    font-style: italic; }
  .tsr-web3 hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }
  .tsr-web3 mark {
    background: #ff0;
    color: #000; }
  .tsr-web3 code, .tsr-web3 kbd, .tsr-web3 pre, .tsr-web3 samp {
    font-family: monospace, serif;
    font-size: 1em; }
  .tsr-web3 pre {
    white-space: pre-wrap; }
  .tsr-web3 q {
    quotes: "\201C" "\201D" "\2018" "\2019"; }
  .tsr-web3 small {
    font-size: 80%; }
  .tsr-web3 sub, .tsr-web3 sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .tsr-web3 sup {
    top: -0.5em; }
  .tsr-web3 sub {
    bottom: -0.25em; }
  .tsr-web3 img {
    border: 0; }
  .tsr-web3 svg:not(:root) {
    overflow: hidden; }
  .tsr-web3 figure {
    margin: 0; }
  .tsr-web3 fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  .tsr-web3 legend {
    border: 0;
    padding: 0; }
  .tsr-web3 button, .tsr-web3 input, .tsr-web3 select, .tsr-web3 textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0; }
  .tsr-web3 button, .tsr-web3 input {
    line-height: normal; }
  .tsr-web3 button, .tsr-web3 select {
    text-transform: none; }
  .tsr-web3 button, .tsr-web3 html input[type="button"], .tsr-web3 input[type="reset"], .tsr-web3 input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }
  .tsr-web3 button[disabled], .tsr-web3 html input[disabled] {
    cursor: default; }
  .tsr-web3 input[type="checkbox"], .tsr-web3 input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }
  .tsr-web3 input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  .tsr-web3 input[type="search"]::-webkit-search-cancel-button, .tsr-web3 input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .tsr-web3 button::-moz-focus-inner, .tsr-web3 input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .tsr-web3 textarea {
    overflow: auto;
    vertical-align: top; }
  .tsr-web3 table {
    border-collapse: collapse;
    border-spacing: 0; }
  .tsr-web3 body {
    min-width: 320px;
    letter-spacing: 0px;
    line-height: 1.428571429; }
  .tsr-web3 header {
    display: block;
    margin-bottom: -1px; }
  .tsr-web3 section.content {
    padding: 0; }
    .tsr-web3 section.content .container {
      margin-top: 20px; }
  .tsr-web3 #browserAlert {
    display: none; }
  .tsr-web3 .lt-ie8 #browserAlert {
    display: block; }
  .tsr-web3 .btn-close {
    background-color: #642887;
    text-align: center;
    cursor: pointer;
    border-top: 1px solid #4E256B; }
  .tsr-web3 .close-up-btn-bar {
    display: block;
    background-color: #652d86;
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding: 13px;
    border-top: 1px solid #50246b;
    margin: 0; }
    .tsr-web3 .close-up-btn-bar:hover {
      background-color: #50246b; }
  .tsr-web3 .justified {
    width: 100%;
    display: table;
    border-collapse: separate;
    table-layout: fixed;
    margin: 0;
    padding: 0; }
    .tsr-web3 .justified > li {
      display: table-cell;
      width: 1%;
      float: none; }
      @media (max-width: 480) {
        .tsr-web3 .justified > li {
          width: 100%;
          display: table-row; } }
  .tsr-web3 .reset-margin {
    margin: 0 !important; }
  .tsr-web3 .reset-padding {
    padding: 0 !important; }
  .tsr-web3 .alert-primary {
    background-color: #0083BE;
    color: #fff;
    border: 0;
    border-top: 4px solid #006c9a;
    border-bottom: 4px solid #006c9a;
    /*@media (max-width: $screen-xs-max) {
    .close-btn {
      border-radius: 30px;
      background-color: #fff;
      color: $background;
      font-size: 22px;
    }
  }*/ }
    .tsr-web3 .alert-primary:hover {
      background-color: #0097d8;
      border-top: 4px solid #0083BE;
      border-bottom: 4px solid #0083BE; }
    .tsr-web3 .alert-primary hr {
      border-top-color: #0073a5; }
    .tsr-web3 .alert-primary .alert-link {
      color: #e6e6e6; }
    .tsr-web3 .alert-primary .close-btn:hover {
      color: #006c9a; }
  .tsr-web3 .border {
    border: 1px solid #eeeeee; }
  .tsr-web3 .border-right-0 {
    border: 0 !important; }
  .tsr-web3 footer {
    background-color: #4e2369;
    color: #fff;
    min-width: 320px;
    width: 100%;
    /* test */ }
    .tsr-web3 footer .container-no-gutter {
      padding-left: 0; }
    .tsr-web3 footer h2 {
      border-bottom: 1px solid #391a4d;
      font-size: 18px;
      font-weight: normal;
      margin: 38px 30px 10px 0;
      padding-bottom: 6px;
      padding-top: 6px;
      padding-left: 15px;
      /*&:hover, &:active, &:focus  {
        background-color: lighten($brand-primary, 7.6%);
    }*/ }
      .tsr-web3 footer h2 > a, .tsr-web3 footer h2 > a:hover, .tsr-web3 footer h2 > a:focus, .tsr-web3 footer h2 a:active {
        color: #fff;
        text-decoration: none;
        cursor: text; }
        @media (max-width: 767px) {
          .tsr-web3 footer h2 > a, .tsr-web3 footer h2 > a:hover, .tsr-web3 footer h2 > a:focus, .tsr-web3 footer h2 a:active {
            cursor: pointer; } }
      @media (max-width: 767px) {
        .tsr-web3 footer h2 {
          margin: 0;
          padding: 8px 10px;
          background-color: #652d86; }
          .tsr-web3 footer h2.active {
            cursor: pointer; }
            .tsr-web3 footer h2.active a:after {
              font-family: 'tsr-icons-all';
              display: inline-block;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: relative;
              top: 6px;
              float: right;
              content: "\e66b"; }
          .tsr-web3 footer h2:hover, .tsr-web3 footer h2:active, .tsr-web3 footer h2:focus {
            background-color: #7a37a3; }
          .tsr-web3 footer h2 > a {
            display: block; }
          .tsr-web3 footer h2 > a:after {
            font-family: 'tsr-icons-all';
            display: inline-block;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            top: 6px;
            float: right;
            content: "\e669"; } }
    .tsr-web3 footer .list-group .list-group-item {
      background: none;
      border: 0;
      display: block;
      margin: 0;
      margin-right: 20px;
      padding-right: 0;
      padding-bottom: 6px;
      padding-top: 6px;
      border-radius: 0;
      position: relative;
      padding-left: 15px; }
      .tsr-web3 footer .list-group .list-group-item > a, .tsr-web3 footer .list-group .list-group-item > a:hover {
        color: #fff;
        text-decoration: none; }
      .tsr-web3 footer .list-group .list-group-item:hover, .tsr-web3 footer .list-group .list-group-item:active, .tsr-web3 footer .list-group .list-group-item:focus {
        background-color: #7a37a3;
        cursor: pointer; }
      @media (max-width: 767px) {
        .tsr-web3 footer .list-group .list-group-item {
          border-bottom: 1px solid #391a4d;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 8px;
          margin: 0; }
          .tsr-web3 footer .list-group .list-group-item > a:after {
            font-family: 'tsr-icons-all';
            display: inline-block;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            top: 6px;
            float: right;
            content: "\e668"; } }
    @media (max-width: 767px) {
      .tsr-web3 footer .list-group {
        margin: 0; }
        .tsr-web3 footer .list-group .list-group-item {
          display: none;
          cursor: pointer; }
        .tsr-web3 footer .list-group.active .list-group-item {
          display: block; }
          .tsr-web3 footer .list-group.active .list-group-item:hover, .tsr-web3 footer .list-group.active .list-group-item:active, .tsr-web3 footer .list-group.active .list-group-item:focus {
            background-color: #7a37a3; } }
    .tsr-web3 footer .social-block {
      padding: 0;
      background-color: #652d86; }
      .tsr-web3 footer .social-block .media {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-right: 15px;
        padding-left: 15px; }
        .tsr-web3 footer .social-block .media:hover {
          background-color: #4e2369;
          cursor: pointer; }
          .tsr-web3 footer .social-block .media:hover:before {
            background-color: #4e2369;
            content: "";
            display: block;
            position: absolute;
            height: 100%;
            width: 20px;
            top: 0;
            left: -15px; }
        .tsr-web3 footer .social-block .media [class*="facebook"] {
          background-color: #3B5998;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 15px; }
        .tsr-web3 footer .social-block .media [class*="youtube"] {
          background-color: #E31B2C;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 15px; }
        .tsr-web3 footer .social-block .media [class*="twitter"] {
          background-color: #2CAAE1;
          background-color: #2CAAE1;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 15px; }
        .tsr-web3 footer .social-block .media [class*="google-plus"] {
          background-color: #E74B32;
          background-color: #E74B32;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 15px; }
        .tsr-web3 footer .social-block .media [class*="icon-private_services"] {
          background-color: transparent;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 24px; }
        .tsr-web3 footer .social-block .media [class*="icon-business_services"] {
          background-color: transparent;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 24px; }
        .tsr-web3 footer .social-block .media [class*="icon-buy_2"] {
          background-color: transparent;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 24px; }
        .tsr-web3 footer .social-block .media [class*="icon-facebook"] {
          background-color: transparent;
          color: #ffffff;
          display: table-cell;
          height: 30px;
          line-height: 2px;
          width: 30px;
          border-radius: 4px;
          text-align: center;
          vertical-align: middle;
          font-size: 24px; }
      @media (max-width: 767px) {
        .tsr-web3 footer .social-block {
          padding-top: 10px; }
          .tsr-web3 footer .social-block .media {
            padding: 10px 0 10px 8px;
            margin: 0px; } }
    .tsr-web3 footer .copyright {
      background-color: #fff;
      color: #333333;
      padding: 15px; }
  .tsr-web3 .container-no-gutter {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden; }
    .tsr-web3 .container-no-gutter:before, .tsr-web3 .container-no-gutter:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .container-no-gutter:after {
      clear: both; }
    .tsr-web3 .container-no-gutter .row {
      margin-left: 0;
      margin-right: 0; }
      @media (max-width: 768px) {
        .tsr-web3 .container-no-gutter .row {
          margin-left: -15px;
          margin-right: -15px; } }
      .tsr-web3 .container-no-gutter .row:before, .tsr-web3 .container-no-gutter .row:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */ }
      .tsr-web3 .container-no-gutter .row:after {
        clear: both; }
    .tsr-web3 .container-no-gutter .col-xs-12, .tsr-web3 .container-no-gutter .col-sm-12, .tsr-web3 .container-no-gutter .col-md-12, .tsr-web3 .container-no-gutter .col-lg-12, .tsr-web3 .container-no-gutter .col-xs-11, .tsr-web3 .container-no-gutter .col-sm-11, .tsr-web3 .container-no-gutter .col-md-11, .tsr-web3 .container-no-gutter .col-lg-11, .tsr-web3 .container-no-gutter .col-xs-10, .tsr-web3 .container-no-gutter .col-sm-10, .tsr-web3 .container-no-gutter .col-md-10, .tsr-web3 .container-no-gutter .col-lg-10, .tsr-web3 .container-no-gutter .col-xs-9, .tsr-web3 .container-no-gutter .col-sm-9, .tsr-web3 .container-no-gutter .col-md-9, .tsr-web3 .container-no-gutter .col-lg-9, .tsr-web3 .container-no-gutter .col-xs-8, .tsr-web3 .container-no-gutter .col-sm-8, .tsr-web3 .container-no-gutter .col-md-8, .tsr-web3 .container-no-gutter .col-lg-8, .tsr-web3 .container-no-gutter .col-xs-7, .tsr-web3 .container-no-gutter .col-sm-7, .tsr-web3 .container-no-gutter .col-md-7, .tsr-web3 .container-no-gutter .col-lg-7, .tsr-web3 .container-no-gutter .col-xs-6, .tsr-web3 .container-no-gutter .col-sm-6, .tsr-web3 .container-no-gutter .col-md-6, .tsr-web3 .container-no-gutter .col-lg-6, .tsr-web3 .container-no-gutter .col-xs-5, .tsr-web3 .container-no-gutter .col-sm-5, .tsr-web3 .container-no-gutter .col-md-5, .tsr-web3 .container-no-gutter .col-lg-5, .tsr-web3 .container-no-gutter .col-xs-4, .tsr-web3 .container-no-gutter .col-sm-4, .tsr-web3 .container-no-gutter .col-md-4, .tsr-web3 .container-no-gutter .col-lg-4, .tsr-web3 .container-no-gutter .col-xs-3, .tsr-web3 .container-no-gutter .col-sm-3, .tsr-web3 .container-no-gutter .col-md-3, .tsr-web3 .container-no-gutter .col-lg-3, .tsr-web3 .container-no-gutter .col-xs-2, .tsr-web3 .container-no-gutter .col-sm-2, .tsr-web3 .container-no-gutter .col-md-2, .tsr-web3 .container-no-gutter .col-lg-2, .tsr-web3 .container-no-gutter .col-xs-1, .tsr-web3 .container-no-gutter .col-sm-1, .tsr-web3 .container-no-gutter .col-md-1, .tsr-web3 .container-no-gutter .col-lg-1 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    @media (max-width: 480px) {
      .tsr-web3 .container-no-gutter .col-xs-12, .tsr-web3 .container-no-gutter .col-xs-11, .tsr-web3 .container-no-gutter .col-xs-10, .tsr-web3 .container-no-gutter .col-xs-9, .tsr-web3 .container-no-gutter .col-xs-8, .tsr-web3 .container-no-gutter .col-xs-7, .tsr-web3 .container-no-gutter .col-xs-6, .tsr-web3 .container-no-gutter .col-xs-5, .tsr-web3 .container-no-gutter .col-xs-4, .tsr-web3 .container-no-gutter .col-xs-3, .tsr-web3 .container-no-gutter .col-xs-2, .tsr-web3 .container-no-gutter .col-xs-1 {
        float: left; }
      .tsr-web3 .container-no-gutter .col-xs-1 {
        width: 8.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-2 {
        width: 16.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-3 {
        width: 25%; }
      .tsr-web3 .container-no-gutter .col-xs-4 {
        width: 33.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-5 {
        width: 41.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-6 {
        width: 50%; }
      .tsr-web3 .container-no-gutter .col-xs-7 {
        width: 58.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-8 {
        width: 66.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-9 {
        width: 75%; }
      .tsr-web3 .container-no-gutter .col-xs-10 {
        width: 83.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-11 {
        width: 91.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-12 {
        width: 100%; }
      .tsr-web3 .container-no-gutter .col-xs-0 {
        padding-left: 0;
        padding-right: 0;
        width: 0%; }
      .tsr-web3 .container-no-gutter .col-xs-1 {
        padding-left: 0;
        padding-right: 0;
        width: 8.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-2 {
        padding-left: 0;
        padding-right: 0;
        width: 16.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-3 {
        padding-left: 0;
        padding-right: 0;
        width: 25%; }
      .tsr-web3 .container-no-gutter .col-xs-4 {
        padding-left: 0;
        padding-right: 0;
        width: 33.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-5 {
        padding-left: 0;
        padding-right: 0;
        width: 41.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-6 {
        padding-left: 0;
        padding-right: 0;
        width: 50%; }
      .tsr-web3 .container-no-gutter .col-xs-7 {
        padding-left: 0;
        padding-right: 0;
        width: 58.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-8 {
        padding-left: 0;
        padding-right: 0;
        width: 66.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-9 {
        padding-left: 0;
        padding-right: 0;
        width: 75%; }
      .tsr-web3 .container-no-gutter .col-xs-10 {
        padding-left: 0;
        padding-right: 0;
        width: 83.3333333333%; }
      .tsr-web3 .container-no-gutter .col-xs-11 {
        padding-left: 0;
        padding-right: 0;
        width: 91.6666666667%; }
      .tsr-web3 .container-no-gutter .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
        width: 100%; } }
    @media (min-width: 768px) {
      .tsr-web3 .container-no-gutter {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%; }
        .tsr-web3 .container-no-gutter .col-sm-12, .tsr-web3 .container-no-gutter .col-sm-11, .tsr-web3 .container-no-gutter .col-sm-10, .tsr-web3 .container-no-gutter .col-sm-9, .tsr-web3 .container-no-gutter .col-sm-8, .tsr-web3 .container-no-gutter .col-sm-7, .tsr-web3 .container-no-gutter .col-sm-6, .tsr-web3 .container-no-gutter .col-sm-5, .tsr-web3 .container-no-gutter .col-sm-4, .tsr-web3 .container-no-gutter .col-sm-3, .tsr-web3 .container-no-gutter .col-sm-2, .tsr-web3 .container-no-gutter .col-sm-1 {
          float: left; }
        .tsr-web3 .container-no-gutter .col-sm-1 {
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-2 {
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-3 {
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-sm-4 {
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-5 {
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-6 {
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-sm-7 {
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-8 {
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-9 {
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-sm-10 {
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-11 {
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-12 {
          width: 100%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-0 {
          right: 0%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-1 {
          right: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-2 {
          right: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-3 {
          right: 25%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-4 {
          right: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-5 {
          right: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-6 {
          right: 50%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-7 {
          right: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-8 {
          right: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-9 {
          right: 75%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-10 {
          right: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-11 {
          right: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-pull-12 {
          right: 100%; }
        .tsr-web3 .container-no-gutter .col-sm-push-0 {
          left: 0%; }
        .tsr-web3 .container-no-gutter .col-sm-push-1 {
          left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-push-2 {
          left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-push-3 {
          left: 25%; }
        .tsr-web3 .container-no-gutter .col-sm-push-4 {
          left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-push-5 {
          left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-push-6 {
          left: 50%; }
        .tsr-web3 .container-no-gutter .col-sm-push-7 {
          left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-push-8 {
          left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-push-9 {
          left: 75%; }
        .tsr-web3 .container-no-gutter .col-sm-push-10 {
          left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-push-11 {
          left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-push-12 {
          left: 100%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-0 {
          margin-left: 0%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-1 {
          margin-left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-2 {
          margin-left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-3 {
          margin-left: 25%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-4 {
          margin-left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-5 {
          margin-left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-6 {
          margin-left: 50%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-7 {
          margin-left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-8 {
          margin-left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-9 {
          margin-left: 75%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-10 {
          margin-left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-11 {
          margin-left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-offset-12 {
          margin-left: 100%; }
        .tsr-web3 .container-no-gutter .col-sm-0 {
          padding-left: 0;
          padding-right: 0;
          width: 0%; }
        .tsr-web3 .container-no-gutter .col-sm-1 {
          padding-left: 0;
          padding-right: 0;
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-2 {
          padding-left: 0;
          padding-right: 0;
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-3 {
          padding-left: 0;
          padding-right: 0;
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-sm-4 {
          padding-left: 0;
          padding-right: 0;
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-5 {
          padding-left: 0;
          padding-right: 0;
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-6 {
          padding-left: 0;
          padding-right: 0;
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-sm-7 {
          padding-left: 0;
          padding-right: 0;
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-8 {
          padding-left: 0;
          padding-right: 0;
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-9 {
          padding-left: 0;
          padding-right: 0;
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-sm-10 {
          padding-left: 0;
          padding-right: 0;
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-sm-11 {
          padding-left: 0;
          padding-right: 0;
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-sm-12 {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    @media (min-width: 992px) {
      .tsr-web3 .container-no-gutter {
        padding-left: 15px;
        padding-right: 15px;
        width: 970px; }
        .tsr-web3 .container-no-gutter .col-md-12, .tsr-web3 .container-no-gutter .col-md-11, .tsr-web3 .container-no-gutter .col-md-10, .tsr-web3 .container-no-gutter .col-md-9, .tsr-web3 .container-no-gutter .col-md-8, .tsr-web3 .container-no-gutter .col-md-7, .tsr-web3 .container-no-gutter .col-md-6, .tsr-web3 .container-no-gutter .col-md-5, .tsr-web3 .container-no-gutter .col-md-4, .tsr-web3 .container-no-gutter .col-md-3, .tsr-web3 .container-no-gutter .col-md-2, .tsr-web3 .container-no-gutter .col-md-1 {
          float: left; }
        .tsr-web3 .container-no-gutter .col-md-1 {
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-2 {
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-3 {
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-md-4 {
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-5 {
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-6 {
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-md-7 {
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-8 {
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-9 {
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-md-10 {
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-11 {
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-12 {
          width: 100%; }
        .tsr-web3 .container-no-gutter .col-md-pull-0 {
          right: 0%; }
        .tsr-web3 .container-no-gutter .col-md-pull-1 {
          right: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-pull-2 {
          right: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-pull-3 {
          right: 25%; }
        .tsr-web3 .container-no-gutter .col-md-pull-4 {
          right: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-pull-5 {
          right: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-pull-6 {
          right: 50%; }
        .tsr-web3 .container-no-gutter .col-md-pull-7 {
          right: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-pull-8 {
          right: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-pull-9 {
          right: 75%; }
        .tsr-web3 .container-no-gutter .col-md-pull-10 {
          right: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-pull-11 {
          right: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-pull-12 {
          right: 100%; }
        .tsr-web3 .container-no-gutter .col-md-push-0 {
          left: 0%; }
        .tsr-web3 .container-no-gutter .col-md-push-1 {
          left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-push-2 {
          left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-push-3 {
          left: 25%; }
        .tsr-web3 .container-no-gutter .col-md-push-4 {
          left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-push-5 {
          left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-push-6 {
          left: 50%; }
        .tsr-web3 .container-no-gutter .col-md-push-7 {
          left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-push-8 {
          left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-push-9 {
          left: 75%; }
        .tsr-web3 .container-no-gutter .col-md-push-10 {
          left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-push-11 {
          left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-push-12 {
          left: 100%; }
        .tsr-web3 .container-no-gutter .col-md-offset-0 {
          margin-left: 0%; }
        .tsr-web3 .container-no-gutter .col-md-offset-1 {
          margin-left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-offset-2 {
          margin-left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-offset-3 {
          margin-left: 25%; }
        .tsr-web3 .container-no-gutter .col-md-offset-4 {
          margin-left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-offset-5 {
          margin-left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-offset-6 {
          margin-left: 50%; }
        .tsr-web3 .container-no-gutter .col-md-offset-7 {
          margin-left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-offset-8 {
          margin-left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-offset-9 {
          margin-left: 75%; }
        .tsr-web3 .container-no-gutter .col-md-offset-10 {
          margin-left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-offset-11 {
          margin-left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-offset-12 {
          margin-left: 100%; }
        .tsr-web3 .container-no-gutter .col-md-0 {
          padding-left: 0;
          padding-right: 0;
          width: 0%; }
        .tsr-web3 .container-no-gutter .col-md-1 {
          padding-left: 0;
          padding-right: 0;
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-2 {
          padding-left: 0;
          padding-right: 0;
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-3 {
          padding-left: 0;
          padding-right: 0;
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-md-4 {
          padding-left: 0;
          padding-right: 0;
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-5 {
          padding-left: 0;
          padding-right: 0;
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-6 {
          padding-left: 0;
          padding-right: 0;
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-md-7 {
          padding-left: 0;
          padding-right: 0;
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-8 {
          padding-left: 0;
          padding-right: 0;
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-9 {
          padding-left: 0;
          padding-right: 0;
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-md-10 {
          padding-left: 0;
          padding-right: 0;
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-md-11 {
          padding-left: 0;
          padding-right: 0;
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-md-12 {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    @media (min-width: 1200px) {
      .tsr-web3 .container-no-gutter {
        padding-left: 15px;
        padding-right: 15px;
        width: 1170px; }
        .tsr-web3 .container-no-gutter .col-lg-12, .tsr-web3 .container-no-gutter .col-lg-11, .tsr-web3 .container-no-gutter .col-lg-10, .tsr-web3 .container-no-gutter .col-lg-9, .tsr-web3 .container-no-gutter .col-lg-8, .tsr-web3 .container-no-gutter .col-lg-7, .tsr-web3 .container-no-gutter .col-lg-6, .tsr-web3 .container-no-gutter .col-lg-5, .tsr-web3 .container-no-gutter .col-lg-4, .tsr-web3 .container-no-gutter .col-lg-3, .tsr-web3 .container-no-gutter .col-lg-2, .tsr-web3 .container-no-gutter .col-lg-1 {
          float: left; }
        .tsr-web3 .container-no-gutter .col-lg-1 {
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-2 {
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-3 {
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-4 {
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-5 {
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-6 {
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-7 {
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-8 {
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-9 {
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-10 {
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-11 {
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-12 {
          width: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-0 {
          right: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-1 {
          right: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-2 {
          right: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-3 {
          right: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-4 {
          right: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-5 {
          right: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-6 {
          right: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-7 {
          right: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-8 {
          right: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-9 {
          right: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-10 {
          right: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-11 {
          right: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-12 {
          right: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-push-0 {
          left: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-push-1 {
          left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-2 {
          left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-3 {
          left: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-push-4 {
          left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-5 {
          left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-6 {
          left: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-push-7 {
          left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-8 {
          left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-9 {
          left: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-push-10 {
          left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-11 {
          left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-12 {
          left: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-0 {
          margin-left: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-1 {
          margin-left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-2 {
          margin-left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-3 {
          margin-left: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-4 {
          margin-left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-5 {
          margin-left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-6 {
          margin-left: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-7 {
          margin-left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-8 {
          margin-left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-9 {
          margin-left: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-10 {
          margin-left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-11 {
          margin-left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-12 {
          margin-left: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-0 {
          padding-left: 0;
          padding-right: 0;
          width: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-1 {
          padding-left: 0;
          padding-right: 0;
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-2 {
          padding-left: 0;
          padding-right: 0;
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-3 {
          padding-left: 0;
          padding-right: 0;
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-4 {
          padding-left: 0;
          padding-right: 0;
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-5 {
          padding-left: 0;
          padding-right: 0;
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-6 {
          padding-left: 0;
          padding-right: 0;
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-7 {
          padding-left: 0;
          padding-right: 0;
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-8 {
          padding-left: 0;
          padding-right: 0;
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-9 {
          padding-left: 0;
          padding-right: 0;
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-10 {
          padding-left: 0;
          padding-right: 0;
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-11 {
          padding-left: 0;
          padding-right: 0;
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-12 {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
    @media (min-width: 1420px) {
      .tsr-web3 .container-no-gutter {
        padding-left: 15px;
        padding-right: 15px;
        width: 1393px; }
        .tsr-web3 .container-no-gutter .col-lg-12, .tsr-web3 .container-no-gutter .col-lg-11, .tsr-web3 .container-no-gutter .col-lg-10, .tsr-web3 .container-no-gutter .col-lg-9, .tsr-web3 .container-no-gutter .col-lg-8, .tsr-web3 .container-no-gutter .col-lg-7, .tsr-web3 .container-no-gutter .col-lg-6, .tsr-web3 .container-no-gutter .col-lg-5, .tsr-web3 .container-no-gutter .col-lg-4, .tsr-web3 .container-no-gutter .col-lg-3, .tsr-web3 .container-no-gutter .col-lg-2, .tsr-web3 .container-no-gutter .col-lg-1 {
          float: left; }
        .tsr-web3 .container-no-gutter .col-lg-1 {
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-2 {
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-3 {
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-4 {
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-5 {
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-6 {
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-7 {
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-8 {
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-9 {
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-10 {
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-11 {
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-12 {
          width: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-0 {
          right: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-1 {
          right: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-2 {
          right: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-3 {
          right: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-4 {
          right: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-5 {
          right: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-6 {
          right: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-7 {
          right: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-8 {
          right: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-9 {
          right: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-10 {
          right: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-11 {
          right: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-pull-12 {
          right: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-push-0 {
          left: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-push-1 {
          left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-2 {
          left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-3 {
          left: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-push-4 {
          left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-5 {
          left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-6 {
          left: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-push-7 {
          left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-8 {
          left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-9 {
          left: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-push-10 {
          left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-push-11 {
          left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-push-12 {
          left: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-0 {
          margin-left: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-1 {
          margin-left: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-2 {
          margin-left: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-3 {
          margin-left: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-4 {
          margin-left: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-5 {
          margin-left: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-6 {
          margin-left: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-7 {
          margin-left: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-8 {
          margin-left: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-9 {
          margin-left: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-10 {
          margin-left: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-11 {
          margin-left: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-offset-12 {
          margin-left: 100%; }
        .tsr-web3 .container-no-gutter .col-lg-0 {
          padding-left: 0;
          padding-right: 0;
          width: 0%; }
        .tsr-web3 .container-no-gutter .col-lg-1 {
          padding-left: 0;
          padding-right: 0;
          width: 8.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-2 {
          padding-left: 0;
          padding-right: 0;
          width: 16.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-3 {
          padding-left: 0;
          padding-right: 0;
          width: 25%; }
        .tsr-web3 .container-no-gutter .col-lg-4 {
          padding-left: 0;
          padding-right: 0;
          width: 33.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-5 {
          padding-left: 0;
          padding-right: 0;
          width: 41.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-6 {
          padding-left: 0;
          padding-right: 0;
          width: 50%; }
        .tsr-web3 .container-no-gutter .col-lg-7 {
          padding-left: 0;
          padding-right: 0;
          width: 58.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-8 {
          padding-left: 0;
          padding-right: 0;
          width: 66.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-9 {
          padding-left: 0;
          padding-right: 0;
          width: 75%; }
        .tsr-web3 .container-no-gutter .col-lg-10 {
          padding-left: 0;
          padding-right: 0;
          width: 83.3333333333%; }
        .tsr-web3 .container-no-gutter .col-lg-11 {
          padding-left: 0;
          padding-right: 0;
          width: 91.6666666667%; }
        .tsr-web3 .container-no-gutter .col-lg-12 {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }
  .tsr-web3 header .navbar-default .navbar-toggle.active {
    background-color: #652d86;
    color: #fff;
    border-radius: 0; }
  .tsr-web3 header .navbar-default .navbar-toggle:hover, .tsr-web3 header .navbar-default .navbar-toggle:focus, .tsr-web3 header .navbar-default .navbar-toggle:active {
    text-decoration: none; }
  .tsr-web3 header .dropdown-menu, .tsr-web3 header .collapsibleMainMenu {
    background-color: #50246b; }
    .tsr-web3 header .dropdown-menu .container, .tsr-web3 header .collapsibleMainMenu .container {
      background-color: #652d86; }
      .tsr-web3 header .dropdown-menu .container.collapsibleMainMenu-Search > .form-horizontal, .tsr-web3 header .collapsibleMainMenu .container.collapsibleMainMenu-Search > .form-horizontal {
        padding: 25px 15px 50px 15px; }
      @media (max-width: 992px) {
        .tsr-web3 header .dropdown-menu .container.collapsibleMainMenu-Search > .form-horizontal, .tsr-web3 header .collapsibleMainMenu .container.collapsibleMainMenu-Search > .form-horizontal {
          padding: 20px 15px 20px 15px; } }
      @media (max-width: 767px) {
        .tsr-web3 header .dropdown-menu .container, .tsr-web3 header .collapsibleMainMenu .container {
          padding-left: 0;
          padding-right: 0; } }
    @media (max-width: 767px) {
      .tsr-web3 header .dropdown-menu .btn, .tsr-web3 header .collapsibleMainMenu .btn {
        margin-top: 10px; } }
  .tsr-web3 header .options .navbar-nav {
    margin: 10px 70px 10px 10px; }
    .tsr-web3 header .options .navbar-nav .dropdown .dropdown-toggle {
      font-size: 22px;
      color: #fff;
      background-color: #7836a1; }
      .tsr-web3 header .options .navbar-nav .dropdown .dropdown-toggle, .tsr-web3 header .options .navbar-nav .dropdown .dropdown-toggle:hover, .tsr-web3 header .options .navbar-nav .dropdown .dropdown-toggle:active, .tsr-web3 header .options .navbar-nav .dropdown .dropdown-toggle:focus {
        background-color: #723399;
        border-bottom: 1px solid #50246b; }
      .tsr-web3 header .options .navbar-nav .dropdown .dropdown-toggle > [class*="icon"]:after {
        background: none repeat scroll 0 0 #50246b;
        content: "";
        display: block;
        height: 47px;
        margin-top: -19px;
        position: absolute;
        left: -13px;
        top: 50%;
        width: 1px;
        z-index: 1; }
    .tsr-web3 header .options .navbar-nav .dropdown.open .dropdown-menu > li > a {
      padding-left: 15px;
      padding-top: 10px;
      padding-bottom: 10px; }
    .tsr-web3 header .options .navbar-nav .dropdown .dropdown-menu {
      background-color: #7836a1; }
      .tsr-web3 header .options .navbar-nav .dropdown .dropdown-menu > li {
        border-bottom: 1px solid #50246b; }
        .tsr-web3 header .options .navbar-nav .dropdown .dropdown-menu > li:last-child {
          border-bottom: 0; }
        .tsr-web3 header .options .navbar-nav .dropdown .dropdown-menu > li > a {
          color: #fff;
          font-size: 18px; }
          .tsr-web3 header .options .navbar-nav .dropdown .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: #50246b; }
  .tsr-web3 #collapsibleMainMenu-Pages > a {
    font-size: 22px; }
  @media (max-width: 767px) {
    .tsr-web3 #collapsibleMainMenu-Pages .dropdown .dropdown-toggle {
      padding-right: 30px; }
      .tsr-web3 #collapsibleMainMenu-Pages .dropdown .dropdown-toggle:after {
        font-size: 15px;
        font-family: 'tsr-icons-all';
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        margin-right: 10px;
        content: "\e669";
        float: right;
        right: 15px;
        left: auto; }
    .tsr-web3 #collapsibleMainMenu-Pages .dropdown.open .dropdown-toggle:after {
      font-size: 15px;
      font-family: 'tsr-icons-all';
      display: inline-block;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 50%;
      margin-right: 10px;
      content: "\e66b";
      float: right;
      right: 15px; }
    .tsr-web3 #collapsibleMainMenu-Pages .menu-large > a {
      font-size: 22px; }
    .tsr-web3 #collapsibleMainMenu-Pages .menu-large > a:after {
      font-size: 15px;
      font-family: 'tsr-icons-all';
      display: inline-block;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      top: 15px;
      margin-right: 10px;
      content: "\e668";
      float: right;
      right: 0px; } }
  .tsr-web3 .menu-large {
    position: static !important; }
  .tsr-web3 .dropdown-light .container {
    background-color: #eeeeee !important; }
  .tsr-web3 .dropdown-light.full-width {
    width: 100%; }
    .tsr-web3 .dropdown-light.full-width .container {
      width: 100%; }
      .tsr-web3 .dropdown-light.full-width .container .megamenu {
        margin: 0;
        padding: 0; }
        .tsr-web3 .dropdown-light.full-width .container .megamenu [class*="col-"] {
          padding: 0; }
      .tsr-web3 .dropdown-light.full-width .container .close-up-btn-bar {
        background-color: #eeeeee;
        border-top: 2px solid #d9d9d9;
        border-bottom: 1px solid #472060; }
        .tsr-web3 .dropdown-light.full-width .container .close-up-btn-bar:hover {
          background-color: #ffffff; }
          .tsr-web3 .dropdown-light.full-width .container .close-up-btn-bar:hover > [class*="icon"] {
            color: #d9d9d9; }
  .tsr-web3 .megamenu {
    list-style: none;
    padding: 10px 0px 10px 0px;
    width: 100%; }
    @media (max-width: 991px) {
      .tsr-web3 .megamenu {
        margin-left: 0;
        margin-right: 0;
        padding: 0; }
        .tsr-web3 .megamenu > [class*="col-"] {
          padding: 0;
          margin: 0; } }
    @media (max-width: 991px) {
      .tsr-web3 .megamenu .list-group {
        margin-bottom: 0; } }
    .tsr-web3 .megamenu .list-group .dropdown-header {
      float: left;
      font-size: 17px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-left: 10px;
      position: relative;
      width: 24%; }
      @media (max-width: 767px) {
        .tsr-web3 .megamenu .list-group .dropdown-header {
          width: 100%;
          padding-left: 0px;
          padding-right: 0px;
          margin-left: 0;
          padding-left: 15px;
          border-bottom: 1px solid #472060; }
          .tsr-web3 .megamenu .list-group .dropdown-header:hover {
            background-color: #4e2369; } }
      .tsr-web3 .megamenu .list-group .dropdown-header:hover {
        background-color: #4e2369; }
      .tsr-web3 .megamenu .list-group .dropdown-header > h6 {
        margin-top: 0px;
        margin-bottom: 0px; }
        @media (max-width: 767px) {
          .tsr-web3 .megamenu .list-group .dropdown-header > h6 {
            position: relative; } }
        .tsr-web3 .megamenu .list-group .dropdown-header > h6 > a {
          color: #fff;
          text-decoration: none; }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group .dropdown-header > h6 > a {
              display: block;
              padding-right: 35px; }
              .tsr-web3 .megamenu .list-group .dropdown-header > h6 > a:after {
                font-family: 'tsr-icons-all';
                display: inline-block;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                top: 33%;
                margin-right: 0px;
                font-size: 15px;
                content: "\e668";
                float: right;
                right: -5px; } }
      .tsr-web3 .megamenu .list-group .dropdown-header.has-child {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
        .tsr-web3 .megamenu .list-group .dropdown-header.has-child > h6 {
          margin-bottom: 5px; }
          .tsr-web3 .megamenu .list-group .dropdown-header.has-child > h6 > a {
            padding-left: 10px;
            padding-right: 10px;
            position: relative; }
            @media (max-width: 767px) {
              .tsr-web3 .megamenu .list-group .dropdown-header.has-child > h6 > a {
                padding-left: 25px;
                padding-right: 35px; } }
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > h6 > a:after {
              font-family: 'tsr-icons-all';
              display: inline-block;
              font-style: normal;
              font-weight: normal;
              line-height: 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: relative;
              top: 0px;
              margin-left: 10px;
              font-size: 15px;
              content: "\e668"; }
              @media (max-width: 767px) {
                .tsr-web3 .megamenu .list-group .dropdown-header.has-child > h6 > a:after {
                  content: "\e669";
                  float: right;
                  top: 33%;
                  right: -15px;
                  left: auto;
                  position: absolute; } }
            @media (max-width: 767px) {
              .tsr-web3 .megamenu .list-group .dropdown-header.has-child > h6 > a {
                padding-left: 0;
                padding-right: 0; } }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > h6 {
              padding-left: 25px;
              padding-right: 25px;
              position: relative; } }
        .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul {
          list-style: none;
          padding-left: 0px;
          background-color: #652d86; }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul {
              display: none; } }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li:first-child {
              border-top: 1px solid #472060; } }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li:last-child {
              border-bottom: 0px; } }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li {
              border-bottom: 1px solid #472060;
              position: relative; } }
          .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li:hover {
            background-color: #401d56; }
          .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li > a {
            font-size: 15px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: none;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block; }
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li > a:after {
              content: ""; }
              @media (max-width: 767px) {
                .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li > a:after {
                  font-family: 'tsr-icons-all';
                  display: inline-block;
                  font-style: normal;
                  font-weight: normal;
                  line-height: 1;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  position: absolute;
                  float: right;
                  top: 33%;
                  right: 10px;
                  margin-left: 10px;
                  font-size: 15px;
                  content: "\e668";
                  left: auto; } }
            @media (max-width: 767px) {
              .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li > a {
                padding-left: 35px;
                padding-right: 0; } }
          .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li > p {
            padding-left: 10px;
            padding-right: 10px;
            color: #ffffff;
            font-size: 15px; }
            .tsr-web3 .megamenu .list-group .dropdown-header.has-child > ul > li > p > a {
              text-decoration: none; }
        @media (max-width: 767px) {
          .tsr-web3 .megamenu .list-group .dropdown-header.has-child.open > ul {
            display: block; } }
    .tsr-web3 .megamenu .list-group.promotion {
      min-height: 200px;
      border-right: 1px solid #50246b;
      width: 100%; }
      .tsr-web3 .megamenu .list-group.promotion > .dropdown-header {
        margin: 0;
        padding-left: 0px;
        width: 100%; }
        .tsr-web3 .megamenu .list-group.promotion > .dropdown-header:hover {
          background-color: transparent; }
        .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > h6 {
          margin-bottom: 5px; }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > h6 {
              padding: 10px 15px;
              position: relative; } }
          @media (max-width: 767px) {
            .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > h6 > a {
              display: block;
              padding-right: 20px; }
              .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > h6 > a:after {
                content: "";
                position: absolute;
                top: 33%; } }
        .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > ul {
          list-style: none;
          padding: 0; }
          .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > ul li {
            color: #ffffff; }
            .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > ul li > p {
              padding-top: 5px;
              padding-bottom: 5px; }
              @media (max-width: 767px) {
                .tsr-web3 .megamenu .list-group.promotion > .dropdown-header > ul li > p {
                  padding: 10px 15px 10px 35px;
                  margin-bottom: 0; } }
    .tsr-web3 .megamenu.user-droplayer .list-group .has-child:hover {
      background-color: transparent; }
      @media (max-width: 767px) {
        .tsr-web3 .megamenu.user-droplayer .list-group .has-child:hover {
          background-color: #4e2369; } }
    .tsr-web3 .megamenu.user-droplayer .list-group .has-child h6 a:after {
      content: ""; }
      @media (max-width: 767px) {
        .tsr-web3 .megamenu.user-droplayer .list-group .has-child h6 a:after {
          content: "\e669"; } }
    .tsr-web3 .megamenu.user-droplayer .list-group .has-child > ul > li:hover {
      background-color: transparent; }
      @media (max-width: 767px) {
        .tsr-web3 .megamenu.user-droplayer .list-group .has-child > ul > li:hover {
          background-color: #401d56; } }
    .tsr-web3 .megamenu.user-droplayer .list-group .has-child > ul > li > p {
      color: #ffffff; }
      @media (max-width: 767px) {
        .tsr-web3 .megamenu.user-droplayer .list-group .has-child > ul > li > p {
          padding-bottom: 5px;
          padding-left: 35px;
          padding-top: 5px; } }
      .tsr-web3 .megamenu.user-droplayer .list-group .has-child > ul > li > p > a {
        color: #ffffff; }
    .tsr-web3 .megamenu.user-droplayer .list-group .has-child.open h6 a:after {
      content: ""; }
      @media (max-width: 767px) {
        .tsr-web3 .megamenu.user-droplayer .list-group .has-child.open h6 a:after {
          content: "\e66b"; } }
  @media (min-width: 768px) {
    .tsr-web3 #collapsibleMainMenu-Pages .navbar-nav:first-child {
      clear: left; } }
  @media (min-width: 1200px) {
    .tsr-web3 #collapsibleMainMenu-Pages .navbar-nav:first-child {
      clear: none; } }
  .tsr-web3 .navbar {
    margin-bottom: 1px;
    min-height: 40px; }
    .tsr-web3 .navbar:first-child .dropdown-menu {
      margin-top: 1px; }
      .tsr-web3 .navbar:first-child .dropdown-menu a {
        color: #fff; }
  .tsr-web3 .navbar-nav {
    margin-top: 0;
    margin-bottom: 0; }
    .tsr-web3 .navbar-nav .menu-large .dropdown-menu {
      width: 100%;
      color: #fff; }
  .tsr-web3 .navbar-default {
    background-color: #fff;
    border-radius: #eeeeee; }
    .tsr-web3 .navbar-default .navbar-brand {
      padding: 19px 15px;
      color: #652d86; }
      .tsr-web3 .navbar-default .navbar-brand:hover {
        color: #472060; }
      @media (max-width: 767px) {
        .tsr-web3 .navbar-default .navbar-brand {
          padding: 11px 15px 0 20px; } }
    .tsr-web3 .navbar-default .navbar-nav {
      margin-top: 0;
      margin-bottom: 0; }
      .tsr-web3 .navbar-default .navbar-nav .active > a, .tsr-web3 .navbar-default .navbar-nav .active > a:hover, .tsr-web3 .navbar-default .navbar-nav .active > a:focus, .tsr-web3 .navbar-default .navbar-nav .active > a:active {
        color: #652d86;
        background-color: transparent; }
        .tsr-web3 .navbar-default .navbar-nav .active > a:before, .tsr-web3 .navbar-default .navbar-nav .active > a:hover:before, .tsr-web3 .navbar-default .navbar-nav .active > a:focus:before, .tsr-web3 .navbar-default .navbar-nav .active > a:active:before {
          background-color: #4e2369;
          bottom: 0;
          content: "";
          display: block;
          height: 4px;
          left: 0;
          position: absolute;
          top: auto;
          width: 100%; }
        @media (max-width: 767px) {
          .tsr-web3 .navbar-default .navbar-nav .active > a, .tsr-web3 .navbar-default .navbar-nav .active > a:hover, .tsr-web3 .navbar-default .navbar-nav .active > a:focus, .tsr-web3 .navbar-default .navbar-nav .active > a:active {
            color: #fff;
            /*&:after {
            @include setIconFonts();
            position: relative;
            top: 15px;
            margin-right:10px;
            font-size: $font-size-base;
            content: "\e668";
            float: right;
            right: 0px;
          }*/ }
            .tsr-web3 .navbar-default .navbar-nav .active > a:before, .tsr-web3 .navbar-default .navbar-nav .active > a:hover:before, .tsr-web3 .navbar-default .navbar-nav .active > a:focus:before, .tsr-web3 .navbar-default .navbar-nav .active > a:active:before {
              background-color: transparent; } }
      .tsr-web3 .navbar-default .navbar-nav .menu-large .dropdown-menu {
        padding: 0;
        border-radius: 0;
        border: 0;
        box-shadow: none; }
        @media (max-width: 767px) {
          .tsr-web3 .navbar-default .navbar-nav .menu-large .dropdown-menu {
            background-color: #562773;
            padding: 0; }
            .tsr-web3 .navbar-default .navbar-nav .menu-large .dropdown-menu a > span[class*="-chevron-right"] {
              float: right; } }
      .tsr-web3 .navbar-default .navbar-nav:not(.navbar-right) > li:first-child > a:after {
        background: transparent; }
      .tsr-web3 .navbar-default .navbar-nav > li {
        /*&:last-child{
          > a {
            &:after {
              background-color: transparent;
            }
          }
        }*/ }
        .tsr-web3 .navbar-default .navbar-nav > li > a {
          color: #652d86;
          font-size: 22px;
          font-weight: normal;
          letter-spacing: -1px;
          line-height: 27px; }
          .tsr-web3 .navbar-default .navbar-nav > li > a:hover, .tsr-web3 .navbar-default .navbar-nav > li > a:focus, .tsr-web3 .navbar-default .navbar-nav > li > a:active {
            color: #652d86; }
          .tsr-web3 .navbar-default .navbar-nav > li > a:hover:before {
            background-color: #4e2369;
            bottom: 0;
            content: "";
            display: block;
            height: 4px;
            left: 0;
            position: absolute;
            top: auto;
            width: 100%; }
          .tsr-web3 .navbar-default .navbar-nav > li > a:after {
            background-color: #ececec;
            content: "";
            display: block;
            height: 28px;
            margin-top: -9px;
            position: absolute;
            left: 0;
            top: 50%;
            width: 1px;
            z-index: 1; }
          @media (min-width: 768px) {
            .tsr-web3 .navbar-default .navbar-nav > li > a {
              padding: 33px 8px 28px 7px; } }
          @media (min-width: 992px) {
            .tsr-web3 .navbar-default .navbar-nav > li > a {
              padding: 33px 8px 28px 7px; } }
          @media (min-width: 1200px) {
            .tsr-web3 .navbar-default .navbar-nav > li > a {
              padding: 33px 20px 28px 19px; } }
          @media (max-width: 767px) {
            .tsr-web3 .navbar-default .navbar-nav > li > a:hover, .tsr-web3 .navbar-default .navbar-nav > li > a:focus, .tsr-web3 .navbar-default .navbar-nav > li > a:active {
              color: #652d86; } }
        .tsr-web3 .navbar-default .navbar-nav > li.open > a {
          color: #652d86; }
          .tsr-web3 .navbar-default .navbar-nav > li.open > a, .tsr-web3 .navbar-default .navbar-nav > li.open > a:hover, .tsr-web3 .navbar-default .navbar-nav > li.open > a:focus, .tsr-web3 .navbar-default .navbar-nav > li.open > a:active {
            background-color: #652d86;
            color: #fff; }
            .tsr-web3 .navbar-default .navbar-nav > li.open > a .caret, .tsr-web3 .navbar-default .navbar-nav > li.open > a:hover .caret, .tsr-web3 .navbar-default .navbar-nav > li.open > a:focus .caret, .tsr-web3 .navbar-default .navbar-nav > li.open > a:active .caret {
              border-top-color: #fff;
              border-bottom-color: #fff; }
            @media (max-width: 767px) {
              .tsr-web3 .navbar-default .navbar-nav > li.open > a, .tsr-web3 .navbar-default .navbar-nav > li.open > a:hover, .tsr-web3 .navbar-default .navbar-nav > li.open > a:focus, .tsr-web3 .navbar-default .navbar-nav > li.open > a:active {
                border-bottom: 1px solid #472060; } }
          .tsr-web3 .navbar-default .navbar-nav > li.open > a:hover:before {
            background: none; }
          .tsr-web3 .navbar-default .navbar-nav > li.open > a:after {
            background: none; }
      @media (max-width: 767px) {
        .tsr-web3 .navbar-default .navbar-nav {
          background-color: #652d86; } }
    .tsr-web3 .navbar-default .navbar-toggle {
      font-size: 32px;
      border: 0;
      margin-top: 10px;
      margin-right: 10px;
      margin-bottom: 0px; }
      .tsr-web3 .navbar-default .navbar-toggle:hover {
        background-color: transparent; }
      .tsr-web3 .navbar-default .navbar-toggle:focus, .tsr-web3 .navbar-default .navbar-toggle:active {
        background-color: #652d86;
        border: 0 none;
        border-radius: 0;
        color: #652d86; }
      @media (max-width: 767px) {
        .tsr-web3 .navbar-default .navbar-toggle:focus, .tsr-web3 .navbar-default .navbar-toggle:active {
          background-color: transparent; }
        .tsr-web3 .navbar-default .navbar-toggle .active {
          background-color: #652d86; } }
    .tsr-web3 .navbar-default .navbar-collapse {
      max-height: none;
      border: 0; }
      @media (max-width: 767px) {
        .tsr-web3 .navbar-default .navbar-collapse {
          background-color: #652d86; }
          .tsr-web3 .navbar-default .navbar-collapse .menu-large > a {
            color: #ffffff;
            border-bottom: 1px solid #4e2369; }
            .tsr-web3 .navbar-default .navbar-collapse .menu-large > a > span[class*="icon-arrow-"] {
              float: right;
              font-size: 13px; }
            .tsr-web3 .navbar-default .navbar-collapse .menu-large > a:after {
              background-color: transparent; }
            .tsr-web3 .navbar-default .navbar-collapse .menu-large > a:hover {
              background-color: #7a37a3;
              color: #ffffff; }
              .tsr-web3 .navbar-default .navbar-collapse .menu-large > a:hover:after, .tsr-web3 .navbar-default .navbar-collapse .menu-large > a:hover:before {
                background-color: transparent; }
          .tsr-web3 .navbar-default .navbar-collapse .dropdown-toggle {
            padding: 0;
            color: #fff;
            font-size: 15px;
            padding: 10px 15px;
            border-bottom: 1px solid #4e2369; }
            .tsr-web3 .navbar-default .navbar-collapse .dropdown-toggle:hover:before, .tsr-web3 .navbar-default .navbar-collapse .dropdown-toggle:after {
              background-color: transparent; }
            .tsr-web3 .navbar-default .navbar-collapse .dropdown-toggle:hover {
              color: #fff;
              background-color: #7a37a3; }
            .tsr-web3 .navbar-default .navbar-collapse .dropdown-toggle > span[class*="icon-arrow-"] {
              float: right;
              font-size: 13px; }
          .tsr-web3 .navbar-default .navbar-collapse.in {
            overflow-y: visible;
            display: block;
            height: auto; } }
  .tsr-web3 .navbar-inverse {
    border-radius: 0;
    background-color: #652d86;
    border: 0; }
    .tsr-web3 .navbar-inverse .navbar-nav > li > a {
      color: #fff;
      font-weight: bold;
      font-size: 13px;
      padding-top: 10px;
      padding-bottom: 10px; }
      .tsr-web3 .navbar-inverse .navbar-nav > li > a:focus, .tsr-web3 .navbar-inverse .navbar-nav > li > a:active {
        background-color: #4e2369; }
      .tsr-web3 .navbar-inverse .navbar-nav > li > a:hover:before {
        background-color: transparent; }
      .tsr-web3 .navbar-inverse .navbar-nav > li > a:after {
        background: none repeat scroll 0 0 #4e2369;
        content: "";
        display: block;
        height: 28px;
        margin-top: -15px;
        position: absolute;
        right: -1px;
        top: 50%;
        width: 1px;
        z-index: 1; }
      .tsr-web3 .navbar-inverse .navbar-nav > li > a:focus:after {
        background: transparent; }
    .tsr-web3 .navbar-inverse .navbar-nav > li.active > a {
      background-color: #4e2369; }
      .tsr-web3 .navbar-inverse .navbar-nav > li.active > a:after {
        background-color: transparent; }
      .tsr-web3 .navbar-inverse .navbar-nav > li.active > a .icon .badge, .tsr-web3 .navbar-inverse .navbar-nav > li.active > a .icon .tsr-web3 .carousel-offers__aside-header .carousel-offers_back:before, .tsr-web3 .carousel-offers__aside-header .tsr-web3 .navbar-inverse .navbar-nav > li.active > a .icon .carousel-offers_back:before {
        border: 3px solid #4e2369; }
    .tsr-web3 .navbar-inverse .navbar-nav > li:last-child > a:after {
      background: transparent; }
    .tsr-web3 .navbar-inverse .navbar-nav .open > a {
      background-color: #652d86; }
      .tsr-web3 .navbar-inverse .navbar-nav .open > a, .tsr-web3 .navbar-inverse .navbar-nav .open > a:hover, .tsr-web3 .navbar-inverse .navbar-nav .open > a:active, .tsr-web3 .navbar-inverse .navbar-nav .open > a:focus {
        background-color: #4e2369; }
    .tsr-web3 .navbar-inverse .navbar-nav .active > a:after {
      background-color: none; }
    .tsr-web3 .navbar-inverse .navbar-nav .active > a:active, .tsr-web3 .navbar-inverse .navbar-nav .active > a:focus, .tsr-web3 .navbar-inverse .navbar-nav .active > a:hover {
      background-color: #4e2369; }
    .tsr-web3 .navbar-inverse .navbar-nav .dropdown-menu {
      background-color: #4e2369;
      padding: 0;
      border-radius: 0;
      box-shadow: none;
      border: 0; }
      .tsr-web3 .navbar-inverse .navbar-nav .dropdown-menu > li > a {
        color: #fff; }
      .tsr-web3 .navbar-inverse .navbar-nav .dropdown-menu > li > a:hover, .tsr-web3 .navbar-inverse .navbar-nav .dropdown-menu > li > a:focus {
        background-color: #4e2369;
        color: #fff; }
    .tsr-web3 .navbar-inverse .navbar-nav.navbar-right > li > a {
      font-weight: normal; }
      .tsr-web3 .navbar-inverse .navbar-nav.navbar-right > li > a .icon-buy_2 {
        font-size: 17px;
        vertical-align: middle; }
    .tsr-web3 .navbar-inverse .navbar-nav.navbar-right > li.with-icon > a {
      padding-top: 3px;
      padding-bottom: 5px; }
      .tsr-web3 .navbar-inverse .navbar-nav.navbar-right > li.with-icon > a > span:last-child {
        vertical-align: middle; }
      .tsr-web3 .navbar-inverse .navbar-nav.navbar-right > li.with-icon > a .icon-myaccount {
        font-size: 32px;
        vertical-align: middle; }
  @media (max-width: 992px) {
    .tsr-web3 .navbar-inverse {
      min-height: 4px; } }
  .tsr-web3 *, .tsr-web3 *:before, .tsr-web3 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .tsr-web3 html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .tsr-web3 body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #fff; }
    .tsr-web3 body > header {
      background-color: #fff; }
  .tsr-web3 input, .tsr-web3 button, .tsr-web3 select, .tsr-web3 textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .tsr-web3 a {
    color: #652d86;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 1.7142857148; }
    .tsr-web3 a:hover, .tsr-web3 a:focus {
      color: #4e2369;
      text-decoration: underline; }
    .tsr-web3 a:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .tsr-web3 a small {
      letter-spacing: inherit;
      line-height: 15px; }
  .tsr-web3 img {
    vertical-align: middle; }
  .tsr-web3 .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .tsr-web3 .img-rounded {
    border-radius: 6px; }
  .tsr-web3 .img-thumbnail, .tsr-web3 .tsr-web3 .thumbnail, .tsr-web3 .tsr-web3 .thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .tsr-web3 .img-circle {
    border-radius: 50%; }
  .tsr-web3 hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #eeeeee; }
  .tsr-web3 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .tsr-web3 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
    .tsr-web3 .container:before, .tsr-web3 .container:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .container:after {
      clear: both; }
  .tsr-web3 .row {
    margin-left: -15px;
    margin-right: -15px; }
    .tsr-web3 .row:before, .tsr-web3 .row:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .tsr-web3 .row:after {
      clear: both; }
  .tsr-web3 .col-xs-12, .tsr-web3 .col-sm-12, .tsr-web3 .col-md-12, .tsr-web3 .col-lg-12, .tsr-web3 .col-xs-11, .tsr-web3 .col-sm-11, .tsr-web3 .col-md-11, .tsr-web3 .col-lg-11, .tsr-web3 .col-xs-10, .tsr-web3 .col-sm-10, .tsr-web3 .col-md-10, .tsr-web3 .col-lg-10, .tsr-web3 .col-xs-9, .tsr-web3 .col-sm-9, .tsr-web3 .col-md-9, .tsr-web3 .col-lg-9, .tsr-web3 .col-xs-8, .tsr-web3 .col-sm-8, .tsr-web3 .col-md-8, .tsr-web3 .col-lg-8, .tsr-web3 .col-xs-7, .tsr-web3 .col-sm-7, .tsr-web3 .col-md-7, .tsr-web3 .col-lg-7, .tsr-web3 .col-xs-6, .tsr-web3 .col-sm-6, .tsr-web3 .col-md-6, .tsr-web3 .col-lg-6, .tsr-web3 .col-xs-5, .tsr-web3 .col-sm-5, .tsr-web3 .col-md-5, .tsr-web3 .col-lg-5, .tsr-web3 .col-xs-4, .tsr-web3 .col-sm-4, .tsr-web3 .col-md-4, .tsr-web3 .col-lg-4, .tsr-web3 .col-xs-3, .tsr-web3 .col-sm-3, .tsr-web3 .col-md-3, .tsr-web3 .col-lg-3, .tsr-web3 .col-xs-2, .tsr-web3 .col-sm-2, .tsr-web3 .col-md-2, .tsr-web3 .col-lg-2, .tsr-web3 .col-xs-1, .tsr-web3 .col-sm-1, .tsr-web3 .col-md-1, .tsr-web3 .col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .tsr-web3 .col-xs-12, .tsr-web3 .col-xs-11, .tsr-web3 .col-xs-10, .tsr-web3 .col-xs-9, .tsr-web3 .col-xs-8, .tsr-web3 .col-xs-7, .tsr-web3 .col-xs-6, .tsr-web3 .col-xs-5, .tsr-web3 .col-xs-4, .tsr-web3 .col-xs-3, .tsr-web3 .col-xs-2, .tsr-web3 .col-xs-1 {
    float: left; }
  .tsr-web3 .col-xs-1 {
    width: 8.3333333333%; }
  .tsr-web3 .col-xs-2 {
    width: 16.6666666667%; }
  .tsr-web3 .col-xs-3 {
    width: 25%; }
  .tsr-web3 .col-xs-4 {
    width: 33.3333333333%; }
  .tsr-web3 .col-xs-5 {
    width: 41.6666666667%; }
  .tsr-web3 .col-xs-6 {
    width: 50%; }
  .tsr-web3 .col-xs-7 {
    width: 58.3333333333%; }
  .tsr-web3 .col-xs-8 {
    width: 66.6666666667%; }
  .tsr-web3 .col-xs-9 {
    width: 75%; }
  .tsr-web3 .col-xs-10 {
    width: 83.3333333333%; }
  .tsr-web3 .col-xs-11 {
    width: 91.6666666667%; }
  .tsr-web3 .col-xs-12 {
    width: 100%; }
  .tsr-web3 .col-xs-pull-0 {
    right: 0%; }
  .tsr-web3 .col-xs-pull-1 {
    right: 8.3333333333%; }
  .tsr-web3 .col-xs-pull-2 {
    right: 16.6666666667%; }
  .tsr-web3 .col-xs-pull-3 {
    right: 25%; }
  .tsr-web3 .col-xs-pull-4 {
    right: 33.3333333333%; }
  .tsr-web3 .col-xs-pull-5 {
    right: 41.6666666667%; }
  .tsr-web3 .col-xs-pull-6 {
    right: 50%; }
  .tsr-web3 .col-xs-pull-7 {
    right: 58.3333333333%; }
  .tsr-web3 .col-xs-pull-8 {
    right: 66.6666666667%; }
  .tsr-web3 .col-xs-pull-9 {
    right: 75%; }
  .tsr-web3 .col-xs-pull-10 {
    right: 83.3333333333%; }
  .tsr-web3 .col-xs-pull-11 {
    right: 91.6666666667%; }
  .tsr-web3 .col-xs-pull-12 {
    right: 100%; }
  .tsr-web3 .col-xs-push-0 {
    left: 0%; }
  .tsr-web3 .col-xs-push-1 {
    left: 8.3333333333%; }
  .tsr-web3 .col-xs-push-2 {
    left: 16.6666666667%; }
  .tsr-web3 .col-xs-push-3 {
    left: 25%; }
  .tsr-web3 .col-xs-push-4 {
    left: 33.3333333333%; }
  .tsr-web3 .col-xs-push-5 {
    left: 41.6666666667%; }
  .tsr-web3 .col-xs-push-6 {
    left: 50%; }
  .tsr-web3 .col-xs-push-7 {
    left: 58.3333333333%; }
  .tsr-web3 .col-xs-push-8 {
    left: 66.6666666667%; }
  .tsr-web3 .col-xs-push-9 {
    left: 75%; }
  .tsr-web3 .col-xs-push-10 {
    left: 83.3333333333%; }
  .tsr-web3 .col-xs-push-11 {
    left: 91.6666666667%; }
  .tsr-web3 .col-xs-push-12 {
    left: 100%; }
  .tsr-web3 .col-xs-offset-0 {
    margin-left: 0%; }
  .tsr-web3 .col-xs-offset-1 {
    margin-left: 8.3333333333%; }
  .tsr-web3 .col-xs-offset-2 {
    margin-left: 16.6666666667%; }
  .tsr-web3 .col-xs-offset-3 {
    margin-left: 25%; }
  .tsr-web3 .col-xs-offset-4 {
    margin-left: 33.3333333333%; }
  .tsr-web3 .col-xs-offset-5 {
    margin-left: 41.6666666667%; }
  .tsr-web3 .col-xs-offset-6 {
    margin-left: 50%; }
  .tsr-web3 .col-xs-offset-7 {
    margin-left: 58.3333333333%; }
  .tsr-web3 .col-xs-offset-8 {
    margin-left: 66.6666666667%; }
  .tsr-web3 .col-xs-offset-9 {
    margin-left: 75%; }
  .tsr-web3 .col-xs-offset-10 {
    margin-left: 83.3333333333%; }
  .tsr-web3 .col-xs-offset-11 {
    margin-left: 91.6666666667%; }
  .tsr-web3 .col-xs-offset-12 {
    margin-left: 100%; }
  @media (min-width: 768px) {
    .tsr-web3 .container {
      width: 100%; }
    .tsr-web3 .col-sm-12, .tsr-web3 .col-sm-11, .tsr-web3 .col-sm-10, .tsr-web3 .col-sm-9, .tsr-web3 .col-sm-8, .tsr-web3 .col-sm-7, .tsr-web3 .col-sm-6, .tsr-web3 .col-sm-5, .tsr-web3 .col-sm-4, .tsr-web3 .col-sm-3, .tsr-web3 .col-sm-2, .tsr-web3 .col-sm-1 {
      float: left; }
    .tsr-web3 .col-sm-1 {
      width: 8.3333333333%; }
    .tsr-web3 .col-sm-2 {
      width: 16.6666666667%; }
    .tsr-web3 .col-sm-3 {
      width: 25%; }
    .tsr-web3 .col-sm-4 {
      width: 33.3333333333%; }
    .tsr-web3 .col-sm-5 {
      width: 41.6666666667%; }
    .tsr-web3 .col-sm-6 {
      width: 50%; }
    .tsr-web3 .col-sm-7 {
      width: 58.3333333333%; }
    .tsr-web3 .col-sm-8 {
      width: 66.6666666667%; }
    .tsr-web3 .col-sm-9 {
      width: 75%; }
    .tsr-web3 .col-sm-10 {
      width: 83.3333333333%; }
    .tsr-web3 .col-sm-11 {
      width: 91.6666666667%; }
    .tsr-web3 .col-sm-12 {
      width: 100%; }
    .tsr-web3 .col-sm-pull-0 {
      right: 0%; }
    .tsr-web3 .col-sm-pull-1 {
      right: 8.3333333333%; }
    .tsr-web3 .col-sm-pull-2 {
      right: 16.6666666667%; }
    .tsr-web3 .col-sm-pull-3 {
      right: 25%; }
    .tsr-web3 .col-sm-pull-4 {
      right: 33.3333333333%; }
    .tsr-web3 .col-sm-pull-5 {
      right: 41.6666666667%; }
    .tsr-web3 .col-sm-pull-6 {
      right: 50%; }
    .tsr-web3 .col-sm-pull-7 {
      right: 58.3333333333%; }
    .tsr-web3 .col-sm-pull-8 {
      right: 66.6666666667%; }
    .tsr-web3 .col-sm-pull-9 {
      right: 75%; }
    .tsr-web3 .col-sm-pull-10 {
      right: 83.3333333333%; }
    .tsr-web3 .col-sm-pull-11 {
      right: 91.6666666667%; }
    .tsr-web3 .col-sm-pull-12 {
      right: 100%; }
    .tsr-web3 .col-sm-push-0 {
      left: 0%; }
    .tsr-web3 .col-sm-push-1 {
      left: 8.3333333333%; }
    .tsr-web3 .col-sm-push-2 {
      left: 16.6666666667%; }
    .tsr-web3 .col-sm-push-3 {
      left: 25%; }
    .tsr-web3 .col-sm-push-4 {
      left: 33.3333333333%; }
    .tsr-web3 .col-sm-push-5 {
      left: 41.6666666667%; }
    .tsr-web3 .col-sm-push-6 {
      left: 50%; }
    .tsr-web3 .col-sm-push-7 {
      left: 58.3333333333%; }
    .tsr-web3 .col-sm-push-8 {
      left: 66.6666666667%; }
    .tsr-web3 .col-sm-push-9 {
      left: 75%; }
    .tsr-web3 .col-sm-push-10 {
      left: 83.3333333333%; }
    .tsr-web3 .col-sm-push-11 {
      left: 91.6666666667%; }
    .tsr-web3 .col-sm-push-12 {
      left: 100%; }
    .tsr-web3 .col-sm-offset-0 {
      margin-left: 0%; }
    .tsr-web3 .col-sm-offset-1 {
      margin-left: 8.3333333333%; }
    .tsr-web3 .col-sm-offset-2 {
      margin-left: 16.6666666667%; }
    .tsr-web3 .col-sm-offset-3 {
      margin-left: 25%; }
    .tsr-web3 .col-sm-offset-4 {
      margin-left: 33.3333333333%; }
    .tsr-web3 .col-sm-offset-5 {
      margin-left: 41.6666666667%; }
    .tsr-web3 .col-sm-offset-6 {
      margin-left: 50%; }
    .tsr-web3 .col-sm-offset-7 {
      margin-left: 58.3333333333%; }
    .tsr-web3 .col-sm-offset-8 {
      margin-left: 66.6666666667%; }
    .tsr-web3 .col-sm-offset-9 {
      margin-left: 75%; }
    .tsr-web3 .col-sm-offset-10 {
      margin-left: 83.3333333333%; }
    .tsr-web3 .col-sm-offset-11 {
      margin-left: 91.6666666667%; }
    .tsr-web3 .col-sm-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 992px) {
    .tsr-web3 .container {
      width: 970px; }
    .tsr-web3 .col-md-12, .tsr-web3 .col-md-11, .tsr-web3 .col-md-10, .tsr-web3 .col-md-9, .tsr-web3 .col-md-8, .tsr-web3 .col-md-7, .tsr-web3 .col-md-6, .tsr-web3 .col-md-5, .tsr-web3 .col-md-4, .tsr-web3 .col-md-3, .tsr-web3 .col-md-2, .tsr-web3 .col-md-1 {
      float: left; }
    .tsr-web3 .col-md-1 {
      width: 8.3333333333%; }
    .tsr-web3 .col-md-2 {
      width: 16.6666666667%; }
    .tsr-web3 .col-md-3 {
      width: 25%; }
    .tsr-web3 .col-md-4 {
      width: 33.3333333333%; }
    .tsr-web3 .col-md-5 {
      width: 41.6666666667%; }
    .tsr-web3 .col-md-6 {
      width: 50%; }
    .tsr-web3 .col-md-7 {
      width: 58.3333333333%; }
    .tsr-web3 .col-md-8 {
      width: 66.6666666667%; }
    .tsr-web3 .col-md-9 {
      width: 75%; }
    .tsr-web3 .col-md-10 {
      width: 83.3333333333%; }
    .tsr-web3 .col-md-11 {
      width: 91.6666666667%; }
    .tsr-web3 .col-md-12 {
      width: 100%; }
    .tsr-web3 .col-md-pull-0 {
      right: 0%; }
    .tsr-web3 .col-md-pull-1 {
      right: 8.3333333333%; }
    .tsr-web3 .col-md-pull-2 {
      right: 16.6666666667%; }
    .tsr-web3 .col-md-pull-3 {
      right: 25%; }
    .tsr-web3 .col-md-pull-4 {
      right: 33.3333333333%; }
    .tsr-web3 .col-md-pull-5 {
      right: 41.6666666667%; }
    .tsr-web3 .col-md-pull-6 {
      right: 50%; }
    .tsr-web3 .col-md-pull-7 {
      right: 58.3333333333%; }
    .tsr-web3 .col-md-pull-8 {
      right: 66.6666666667%; }
    .tsr-web3 .col-md-pull-9 {
      right: 75%; }
    .tsr-web3 .col-md-pull-10 {
      right: 83.3333333333%; }
    .tsr-web3 .col-md-pull-11 {
      right: 91.6666666667%; }
    .tsr-web3 .col-md-pull-12 {
      right: 100%; }
    .tsr-web3 .col-md-push-0 {
      left: 0%; }
    .tsr-web3 .col-md-push-1 {
      left: 8.3333333333%; }
    .tsr-web3 .col-md-push-2 {
      left: 16.6666666667%; }
    .tsr-web3 .col-md-push-3 {
      left: 25%; }
    .tsr-web3 .col-md-push-4 {
      left: 33.3333333333%; }
    .tsr-web3 .col-md-push-5 {
      left: 41.6666666667%; }
    .tsr-web3 .col-md-push-6 {
      left: 50%; }
    .tsr-web3 .col-md-push-7 {
      left: 58.3333333333%; }
    .tsr-web3 .col-md-push-8 {
      left: 66.6666666667%; }
    .tsr-web3 .col-md-push-9 {
      left: 75%; }
    .tsr-web3 .col-md-push-10 {
      left: 83.3333333333%; }
    .tsr-web3 .col-md-push-11 {
      left: 91.6666666667%; }
    .tsr-web3 .col-md-push-12 {
      left: 100%; }
    .tsr-web3 .col-md-offset-0 {
      margin-left: 0%; }
    .tsr-web3 .col-md-offset-1 {
      margin-left: 8.3333333333%; }
    .tsr-web3 .col-md-offset-2 {
      margin-left: 16.6666666667%; }
    .tsr-web3 .col-md-offset-3 {
      margin-left: 25%; }
    .tsr-web3 .col-md-offset-4 {
      margin-left: 33.3333333333%; }
    .tsr-web3 .col-md-offset-5 {
      margin-left: 41.6666666667%; }
    .tsr-web3 .col-md-offset-6 {
      margin-left: 50%; }
    .tsr-web3 .col-md-offset-7 {
      margin-left: 58.3333333333%; }
    .tsr-web3 .col-md-offset-8 {
      margin-left: 66.6666666667%; }
    .tsr-web3 .col-md-offset-9 {
      margin-left: 75%; }
    .tsr-web3 .col-md-offset-10 {
      margin-left: 83.3333333333%; }
    .tsr-web3 .col-md-offset-11 {
      margin-left: 91.6666666667%; }
    .tsr-web3 .col-md-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 1200px) {
    .tsr-web3 .container {
      width: 1170px; }
    .tsr-web3 .col-lg-12, .tsr-web3 .col-lg-11, .tsr-web3 .col-lg-10, .tsr-web3 .col-lg-9, .tsr-web3 .col-lg-8, .tsr-web3 .col-lg-7, .tsr-web3 .col-lg-6, .tsr-web3 .col-lg-5, .tsr-web3 .col-lg-4, .tsr-web3 .col-lg-3, .tsr-web3 .col-lg-2, .tsr-web3 .col-lg-1 {
      float: left; }
    .tsr-web3 .col-lg-1 {
      width: 8.3333333333%; }
    .tsr-web3 .col-lg-2 {
      width: 16.6666666667%; }
    .tsr-web3 .col-lg-3 {
      width: 25%; }
    .tsr-web3 .col-lg-4 {
      width: 33.3333333333%; }
    .tsr-web3 .col-lg-5 {
      width: 41.6666666667%; }
    .tsr-web3 .col-lg-6 {
      width: 50%; }
    .tsr-web3 .col-lg-7 {
      width: 58.3333333333%; }
    .tsr-web3 .col-lg-8 {
      width: 66.6666666667%; }
    .tsr-web3 .col-lg-9 {
      width: 75%; }
    .tsr-web3 .col-lg-10 {
      width: 83.3333333333%; }
    .tsr-web3 .col-lg-11 {
      width: 91.6666666667%; }
    .tsr-web3 .col-lg-12 {
      width: 100%; }
    .tsr-web3 .col-lg-pull-0 {
      right: 0%; }
    .tsr-web3 .col-lg-pull-1 {
      right: 8.3333333333%; }
    .tsr-web3 .col-lg-pull-2 {
      right: 16.6666666667%; }
    .tsr-web3 .col-lg-pull-3 {
      right: 25%; }
    .tsr-web3 .col-lg-pull-4 {
      right: 33.3333333333%; }
    .tsr-web3 .col-lg-pull-5 {
      right: 41.6666666667%; }
    .tsr-web3 .col-lg-pull-6 {
      right: 50%; }
    .tsr-web3 .col-lg-pull-7 {
      right: 58.3333333333%; }
    .tsr-web3 .col-lg-pull-8 {
      right: 66.6666666667%; }
    .tsr-web3 .col-lg-pull-9 {
      right: 75%; }
    .tsr-web3 .col-lg-pull-10 {
      right: 83.3333333333%; }
    .tsr-web3 .col-lg-pull-11 {
      right: 91.6666666667%; }
    .tsr-web3 .col-lg-pull-12 {
      right: 100%; }
    .tsr-web3 .col-lg-push-0 {
      left: 0%; }
    .tsr-web3 .col-lg-push-1 {
      left: 8.3333333333%; }
    .tsr-web3 .col-lg-push-2 {
      left: 16.6666666667%; }
    .tsr-web3 .col-lg-push-3 {
      left: 25%; }
    .tsr-web3 .col-lg-push-4 {
      left: 33.3333333333%; }
    .tsr-web3 .col-lg-push-5 {
      left: 41.6666666667%; }
    .tsr-web3 .col-lg-push-6 {
      left: 50%; }
    .tsr-web3 .col-lg-push-7 {
      left: 58.3333333333%; }
    .tsr-web3 .col-lg-push-8 {
      left: 66.6666666667%; }
    .tsr-web3 .col-lg-push-9 {
      left: 75%; }
    .tsr-web3 .col-lg-push-10 {
      left: 83.3333333333%; }
    .tsr-web3 .col-lg-push-11 {
      left: 91.6666666667%; }
    .tsr-web3 .col-lg-push-12 {
      left: 100%; }
    .tsr-web3 .col-lg-offset-0 {
      margin-left: 0%; }
    .tsr-web3 .col-lg-offset-1 {
      margin-left: 8.3333333333%; }
    .tsr-web3 .col-lg-offset-2 {
      margin-left: 16.6666666667%; }
    .tsr-web3 .col-lg-offset-3 {
      margin-left: 25%; }
    .tsr-web3 .col-lg-offset-4 {
      margin-left: 33.3333333333%; }
    .tsr-web3 .col-lg-offset-5 {
      margin-left: 41.6666666667%; }
    .tsr-web3 .col-lg-offset-6 {
      margin-left: 50%; }
    .tsr-web3 .col-lg-offset-7 {
      margin-left: 58.3333333333%; }
    .tsr-web3 .col-lg-offset-8 {
      margin-left: 66.6666666667%; }
    .tsr-web3 .col-lg-offset-9 {
      margin-left: 75%; }
    .tsr-web3 .col-lg-offset-10 {
      margin-left: 83.3333333333%; }
    .tsr-web3 .col-lg-offset-11 {
      margin-left: 91.6666666667%; }
    .tsr-web3 .col-lg-offset-12 {
      margin-left: 100%; } }
  @media (min-width: 1420px) {
    .tsr-web3 .container {
      width: 1393px; }
    .tsr-web3 .col-lg-12, .tsr-web3 .col-lg-11, .tsr-web3 .col-lg-10, .tsr-web3 .col-lg-9, .tsr-web3 .col-lg-8, .tsr-web3 .col-lg-7, .tsr-web3 .col-lg-6, .tsr-web3 .col-lg-5, .tsr-web3 .col-lg-4, .tsr-web3 .col-lg-3, .tsr-web3 .col-lg-2, .tsr-web3 .col-lg-1 {
      float: left; }
    .tsr-web3 .col-lg-1 {
      width: 8.3333333333%; }
    .tsr-web3 .col-lg-2 {
      width: 16.6666666667%; }
    .tsr-web3 .col-lg-3 {
      width: 25%; }
    .tsr-web3 .col-lg-4 {
      width: 33.3333333333%; }
    .tsr-web3 .col-lg-5 {
      width: 41.6666666667%; }
    .tsr-web3 .col-lg-6 {
      width: 50%; }
    .tsr-web3 .col-lg-7 {
      width: 58.3333333333%; }
    .tsr-web3 .col-lg-8 {
      width: 66.6666666667%; }
    .tsr-web3 .col-lg-9 {
      width: 75%; }
    .tsr-web3 .col-lg-10 {
      width: 83.3333333333%; }
    .tsr-web3 .col-lg-11 {
      width: 91.6666666667%; }
    .tsr-web3 .col-lg-12 {
      width: 100%; }
    .tsr-web3 .col-lg-pull-0 {
      right: 0%; }
    .tsr-web3 .col-lg-pull-1 {
      right: 8.3333333333%; }
    .tsr-web3 .col-lg-pull-2 {
      right: 16.6666666667%; }
    .tsr-web3 .col-lg-pull-3 {
      right: 25%; }
    .tsr-web3 .col-lg-pull-4 {
      right: 33.3333333333%; }
    .tsr-web3 .col-lg-pull-5 {
      right: 41.6666666667%; }
    .tsr-web3 .col-lg-pull-6 {
      right: 50%; }
    .tsr-web3 .col-lg-pull-7 {
      right: 58.3333333333%; }
    .tsr-web3 .col-lg-pull-8 {
      right: 66.6666666667%; }
    .tsr-web3 .col-lg-pull-9 {
      right: 75%; }
    .tsr-web3 .col-lg-pull-10 {
      right: 83.3333333333%; }
    .tsr-web3 .col-lg-pull-11 {
      right: 91.6666666667%; }
    .tsr-web3 .col-lg-pull-12 {
      right: 100%; }
    .tsr-web3 .col-lg-push-0 {
      left: 0%; }
    .tsr-web3 .col-lg-push-1 {
      left: 8.3333333333%; }
    .tsr-web3 .col-lg-push-2 {
      left: 16.6666666667%; }
    .tsr-web3 .col-lg-push-3 {
      left: 25%; }
    .tsr-web3 .col-lg-push-4 {
      left: 33.3333333333%; }
    .tsr-web3 .col-lg-push-5 {
      left: 41.6666666667%; }
    .tsr-web3 .col-lg-push-6 {
      left: 50%; }
    .tsr-web3 .col-lg-push-7 {
      left: 58.3333333333%; }
    .tsr-web3 .col-lg-push-8 {
      left: 66.6666666667%; }
    .tsr-web3 .col-lg-push-9 {
      left: 75%; }
    .tsr-web3 .col-lg-push-10 {
      left: 83.3333333333%; }
    .tsr-web3 .col-lg-push-11 {
      left: 91.6666666667%; }
    .tsr-web3 .col-lg-push-12 {
      left: 100%; }
    .tsr-web3 .col-lg-offset-0 {
      margin-left: 0%; }
    .tsr-web3 .col-lg-offset-1 {
      margin-left: 8.3333333333%; }
    .tsr-web3 .col-lg-offset-2 {
      margin-left: 16.6666666667%; }
    .tsr-web3 .col-lg-offset-3 {
      margin-left: 25%; }
    .tsr-web3 .col-lg-offset-4 {
      margin-left: 33.3333333333%; }
    .tsr-web3 .col-lg-offset-5 {
      margin-left: 41.6666666667%; }
    .tsr-web3 .col-lg-offset-6 {
      margin-left: 50%; }
    .tsr-web3 .col-lg-offset-7 {
      margin-left: 58.3333333333%; }
    .tsr-web3 .col-lg-offset-8 {
      margin-left: 66.6666666667%; }
    .tsr-web3 .col-lg-offset-9 {
      margin-left: 75%; }
    .tsr-web3 .col-lg-offset-10 {
      margin-left: 83.3333333333%; }
    .tsr-web3 .col-lg-offset-11 {
      margin-left: 91.6666666667%; }
    .tsr-web3 .col-lg-offset-12 {
      margin-left: 100%; } }
  .tsr-web3 .sub-menu {
    border-bottom: 1px solid #ececec; }
    .tsr-web3 .sub-menu ul {
      margin: 0; }
      .tsr-web3 .sub-menu ul li {
        margin: 0;
        position: relative; }
        .tsr-web3 .sub-menu ul li > a {
          line-height: 20px;
          padding: 20px;
          display: inline-block; }
          .tsr-web3 .sub-menu ul li > a:hover {
            text-decoration: none; }
            .tsr-web3 .sub-menu ul li > a:hover:before {
              background-color: #4e2369;
              bottom: 0;
              content: "";
              display: block;
              height: 4px;
              left: 0;
              position: absolute;
              top: auto;
              width: 100%; }
        .tsr-web3 .sub-menu ul li.active > a:before {
          background-color: #4e2369;
          bottom: 0;
          content: "";
          display: block;
          height: 4px;
          left: 0;
          position: absolute;
          top: auto;
          width: 100%; }
      .tsr-web3 .sub-menu ul li:not(:last-child) > a:after {
        background-color: #ececec;
        content: "";
        display: block;
        height: 20px;
        margin-top: -10px;
        position: absolute;
        right: -3px;
        top: 50%;
        width: 1px;
        z-index: 1; }
  .tsr-web3 .alert {
    padding: 15px;
    margin-bottom: 0;
    border: 0px;
    border-radius: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .tsr-web3 .alert[data-toggle="collapse-alert"] > .container > div > span {
      display: none; }
    .tsr-web3 .alert[data-toggle="collapse-alert"].in > .container > div {
      padding-right: 40px; }
      .tsr-web3 .alert[data-toggle="collapse-alert"].in > .container > div > span {
        display: block; }
    .tsr-web3 .alert h4 {
      margin-top: 0;
      color: inherit; }
    .tsr-web3 .alert .alert-link {
      font-weight: bold; }
    .tsr-web3 .alert > p, .tsr-web3 .alert > ul {
      margin-bottom: 0; }
    .tsr-web3 .alert > p + p {
      margin-top: 5px; }
    .tsr-web3 .alert:not(.full-size) > .container {
      width: 100%; }
    .tsr-web3 .alert .container {
      position: relative; }
      .tsr-web3 .alert .container > span[class*="icon-"] {
        position: absolute;
        top: 0px;
        left: 15px;
        margin-top: 0px; }
      .tsr-web3 .alert .container > div {
        padding: 0px 180px 0 55px;
        display: block;
        position: relative; }
        @media (max-width: 767px) {
          .tsr-web3 .alert .container > div {
            padding-right: 30px; } }
        .tsr-web3 .alert .container > div h4 {
          font-size: 15px;
          font-weight: bold;
          margin: 0; }
        .tsr-web3 .alert .container > div .read-more {
          border-right: 1px solid #FFFFFF;
          color: #fff;
          font-weight: bold;
          line-height: 1;
          margin-top: -7px;
          padding: 0 14px 3px 40px;
          position: absolute;
          right: 30px;
          top: 10px;
          display: inline-block; }
          .tsr-web3 .alert .container > div .read-more > span[class*="icon-"] {
            font-size: 15px; }
          .tsr-web3 .alert .container > div .read-more:hover {
            text-decoration: underline; }
          @media (max-width: 767px) {
            .tsr-web3 .alert .container > div .read-more {
              border-right: 0;
              display: block;
              position: relative;
              padding: 0;
              top: 0px;
              left: 0;
              margin: 15px 0 0 0; } }
        .tsr-web3 .alert .container > div:hover {
          text-decoration: none; }
      .tsr-web3 .alert .container > a.close-btn {
        position: absolute;
        display: block;
        right: 0;
        top: 0px;
        font-size: 24px;
        padding: 0;
        margin-top: 0px;
        margin-right: 10px; }
        .tsr-web3 .alert .container > a.close-btn:hover {
          text-decoration: none; }
    .tsr-web3 .alert span[class*="icon-"] {
      font-size: 24px;
      padding-right: 25px; }
    .tsr-web3 .alert a {
      color: #fff; }
      .tsr-web3 .alert a.close-btn {
        margin-left: 10px;
        margin-right: 0px;
        padding-left: 0px; }
  .tsr-web3 .alert-dismissable {
    padding-right: 35px; }
    .tsr-web3 .alert-dismissable .close {
      position: relative;
      top: -2px;
      right: -21px;
      color: inherit; }
  .tsr-web3 .alert-success {
    background-color: #00B48C;
    color: #fff;
    border: 0;
    border-top: 4px solid #00906f;
    border-bottom: 4px solid #00906f;
    /*@media (max-width: $screen-xs-max) {
    .close-btn {
      border-radius: 30px;
      background-color: #fff;
      color: $background;
      font-size: 22px;
    }
  }*/ }
    .tsr-web3 .alert-success:hover {
      background-color: #00ce9e;
      border-top: 4px solid #00b48a;
      border-bottom: 4px solid #00b48a; }
    .tsr-web3 .alert-success hr {
      border-top-color: #009b76; }
    .tsr-web3 .alert-success .alert-link {
      color: #e6e6e6; }
    .tsr-web3 .alert-success .close-btn:hover {
      color: #00906f; }
  .tsr-web3 .alert-info {
    background-color: #0083BE;
    color: #fff;
    border: 0;
    border-top: 4px solid #006c9a;
    border-bottom: 4px solid #006c9a;
    /*@media (max-width: $screen-xs-max) {
    .close-btn {
      border-radius: 30px;
      background-color: #fff;
      color: $background;
      font-size: 22px;
    }
  }*/ }
    .tsr-web3 .alert-info:hover {
      background-color: #0097d8;
      border-top: 4px solid #0085be;
      border-bottom: 4px solid #0085be; }
    .tsr-web3 .alert-info hr {
      border-top-color: #0073a5; }
    .tsr-web3 .alert-info .alert-link {
      color: #e6e6e6; }
    .tsr-web3 .alert-info .close-btn:hover {
      color: #006c9a; }
  .tsr-web3 .alert-warning {
    background-color: #FF6319;
    color: #fff;
    border: 0;
    border-top: 4px solid #f44d00;
    border-bottom: 4px solid #f44d00;
    /*@media (max-width: $screen-xs-max) {
    .close-btn {
      border-radius: 30px;
      background-color: #fff;
      color: $background;
      font-size: 22px;
    }
  }*/ }
    .tsr-web3 .alert-warning:hover {
      background-color: #ff7333;
      border-top: 4px solid #ff6219;
      border-bottom: 4px solid #ff6219; }
    .tsr-web3 .alert-warning hr {
      border-top-color: #ff5100; }
    .tsr-web3 .alert-warning .alert-link {
      color: #e6e6e6; }
    .tsr-web3 .alert-warning .close-btn:hover {
      color: #f44d00; }
  .tsr-web3 .alert-danger {
    background-color: #FF6319;
    color: #fff;
    border: 0;
    border-top: 4px solid #f44d00;
    border-bottom: 4px solid #f44d00;
    /*@media (max-width: $screen-xs-max) {
    .close-btn {
      border-radius: 30px;
      background-color: #fff;
      color: $background;
      font-size: 22px;
    }
  }*/ }
    .tsr-web3 .alert-danger:hover {
      background-color: #ff7333;
      border-top: 4px solid #ff6219;
      border-bottom: 4px solid #ff6219; }
    .tsr-web3 .alert-danger hr {
      border-top-color: #ff5100; }
    .tsr-web3 .alert-danger .alert-link {
      color: #e6e6e6; }
    .tsr-web3 .alert-danger .close-btn:hover {
      color: #f44d00; }
  .tsr-web3 .ddl-data {
    display: none; }
  .tsr-web3 .ddl-container {
    clear: left;
    display: none; }
    .tsr-web3 .ddl-container .ddl-data {
      display: block; }
  .tsr-web3 .nav-thumb {
    display: block;
    position: relative;
    padding: 25px;
    border: 1px solid #dbdbdb;
    border-top: none;
    color: #444444; }
    .tsr-web3 .nav-thumb .nav-thumb_image > a, .tsr-web3 .nav-thumb .nav-thumb_title > a {
      color: #642887;
      line-height: 1.24; }
    .tsr-web3 .nav-thumb.alt {
      padding-top: 23px;
      padding-bottom: 23px;
      min-height: 0; }
    .tsr-web3 .nav-thumb .nav-thumb_desc {
      line-height: 1.47; }
    .tsr-web3 .nav-thumb .nav-thumb_icon {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 25px; }
      .tsr-web3 .nav-thumb .nav-thumb_icon .icon:before, .tsr-web3 .nav-thumb .nav-thumb_icon .tsr-web3 .carousel-offers__aside-header .carousel-offers_back:before, .tsr-web3 .carousel-offers__aside-header .tsr-web3 .nav-thumb .nav-thumb_icon .carousel-offers_back:before {
        font-size: 54px;
        color: #642887; }
      .tsr-web3 .nav-thumb .nav-thumb_icon .badge {
        top: -10px;
        right: -20px;
        width: 38px;
        border: 3px solid #fff; }
      .tsr-web3 .nav-thumb .nav-thumb_icon + .nav-thumb_title {
        top: 5px; }
    .tsr-web3 .nav-thumb .badge {
      position: absolute;
      width: 34px;
      padding: 7px 0;
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      background-color: #0083be;
      border-radius: 50%;
      text-align: center;
      text-indent: -2px;
      z-index: 1;
      overflow: hidden; }
  .tsr-web3 .businesss-front-nav.alt {
    background-color: #fff; }
  .tsr-web3 .businesss-front-nav .has-icons .nav-thumb_title {
    margin-left: 93px; }
  .tsr-web3 .businesss-front-nav .has-icons .nav-thumb_icon + .nav-thumb_title {
    margin-left: 0; }
  .tsr-web3 a.nav-thumb:hover {
    text-decoration: none;
    background-color: #fff; }
    .tsr-web3 a.nav-thumb:hover .badge {
      border-color: #fff; }
  @media (min-width: 768px) {
    .tsr-web3 .businesss-front-nav {
      padding-left: 1px; }
      .tsr-web3 .businesss-front-nav .has-icons .nav-thumb_title {
        margin-left: 0;
        margin-top: 68px; }
      .tsr-web3 .businesss-front-nav .has-icons .nav-thumb_icon + .nav-thumb_title {
        margin-top: 0; }
    .tsr-web3 .nav-thumb {
      margin-left: -1px;
      min-height: 140px;
      text-align: center; }
      .tsr-web3 .nav-thumb.alt {
        padding-top: 40px;
        padding-bottom: 40px; }
      .tsr-web3 .nav-thumb .nav-thumb_icon {
        margin-bottom: 5px;
        margin-right: 0; }
        .tsr-web3 .nav-thumb .nav-thumb_icon + .nav-thumb_title {
          display: block; } }
  .tsr-web3 .nav-thumb_image {
    position: relative;
    margin: -25px -25px 15px;
    padding: 20px;
    background-color: #f8f7f4; }
    .tsr-web3 .nav-thumb_image img {
      width: 100%;
      max-width: 240px;
      height: auto;
      margin: auto;
      display: block; }
  .tsr-web3 .nav-thumb_title {
    position: relative;
    margin: 0;
    margin-bottom: 0.6em;
    color: #642887;
    font-size: 28px;
    font-weight: normal; }
    .tsr-web3 .nav-thumb_title:only-child {
      margin-bottom: 0; }
    .tsr-web3 .nav-thumb_title .badge {
      top: -18px;
      right: -35px; }
  .tsr-web3 .nav-thumb .nav-thumb_title {
    display: inline-block; }
  @media (min-width: 768px) {
    .tsr-web3 .nav-thumb_title {
      position: relative;
      margin: 0;
      margin-bottom: 0.6em;
      color: #642887;
      font-size: 28px;
      font-weight: normal; }
      .tsr-web3 .nav-thumb_title:only-child {
        margin-bottom: 0; }
      .tsr-web3 .nav-thumb_title .badge {
        top: -26px;
        right: -40px; } }
  .tsr-web3 .nav-thumb_subnav {
    display: block;
    margin-bottom: 0; }
    .tsr-web3 .nav-thumb_subnav .nav-thumb_item {
      overflow: hidden;
      padding-top: 0.6em; }
    .tsr-web3 .nav-thumb_subnav .nav-thumb_url {
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .tsr-web3 .nav-thumb_subnav .nav-thumb_meta {
      position: relative;
      top: 1px;
      color: #ccc;
      text-align: right; }
  .tsr-web3 .businesss-front-nav .row, .tsr-web3 .business-divider-section .row {
    margin-top: 0;
    margin-bottom: 0; }
  .tsr-web3 .business-divider-section {
    margin-top: -1px;
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background-color: none; }
    .tsr-web3 .business-divider-section .container {
      margin-top: 0 !important; }
    .tsr-web3 .business-divider-section p {
      margin: 0; }
    .tsr-web3 .business-divider-section.alt {
      background: #fff; }
    .alt + .tsr-web3 .business-divider-section {
      margin-top: -1px; }
    .tsr-web3 .business-divider-section.footer {
      padding: 13px 0; }
    .tsr-web3 .business-divider-section.jumbotron {
      padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 0;
      font-size: 18px;
      border-top: none; }
      .tsr-web3 .business-divider-section.jumbotron .btn-lg, .tsr-web3 .business-divider-section.jumbotron .tsr-web3 .btn-group-lg > .btn, .tsr-web3 .btn-group-lg > .tsr-web3 .business-divider-section.jumbotron .btn {
        width: 100%; }
    .tsr-web3 .business-divider-section.has-slides {
      padding: 0; }
      .tsr-web3 .business-divider-section.has-slides .carousel-offers__article, .tsr-web3 .business-divider-section.has-slides .carousel-offers__aside-article {
        padding-top: 20px;
        padding-bottom: 20px; }
    .tsr-web3 .business-divider-section .jumbotron-call {
      font-weight: bold;
      margin-bottom: 0.8em;
      line-height: 1.2;
      font-size: 22px; }
    .tsr-web3 .business-divider-section .jumbotron-call_alt {
      color: #999;
      font-size: 14px;
      margin-top: 0.8em; }
    .tsr-web3 .business-divider-section .price {
      white-space: nowrap; }
    .tsr-web3 .business-divider-section .links-list {
      display: block;
      margin: 0;
      list-style-type: none;
      padding: 0;
      text-align: center; }
    .tsr-web3 .business-divider-section .link-item {
      display: block;
      padding: 5px;
      text-align: center; }
    .tsr-web3 .business-divider-section .link-url {
      display: inline-block;
      text-align: center;
      line-height: 1.4;
      padding: 1% 15px 1% 15px; }
    .tsr-web3 .business-divider-section .cm-section {
      display: block;
      margin: auto;
      width: auto;
      margin: 0 -16px; }
      .tsr-web3 .business-divider-section .cm-section .cm-item {
        display: block;
        vertical-align: middle;
        text-align: left; }
      .tsr-web3 .business-divider-section .cm-section .cm-image {
        display: block;
        margin: auto;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        overflow: hidden; }
        .tsr-web3 .business-divider-section .cm-section .cm-image img {
          display: block;
          width: 100%;
          height: auto; }
      .tsr-web3 .business-divider-section .cm-section .cm-image-wrap, .tsr-web3 .business-divider-section .cm-section .cm-name-wrap {
        width: auto;
        text-align: center; }
      .tsr-web3 .business-divider-section .cm-section .cm-name-wrap {
        margin: 20px 0 10px; }
      .tsr-web3 .business-divider-section .cm-section .cm-call-wrap {
        float: left;
        width: 50%;
        margin-top: 15px; }
        .tsr-web3 .business-divider-section .cm-section .cm-call-wrap + .cm-call-wrap {
          position: relative;
          float: right;
          left: -1px; }
      .tsr-web3 .business-divider-section .cm-section .cm-label {
        display: block;
        font-size: 14px;
        color: #999; }
      .tsr-web3 .business-divider-section .cm-section .cm-value {
        display: block;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: bold; }
      .tsr-web3 .business-divider-section .cm-section a.cm-call-url {
        display: block;
        padding: 15px 20px;
        border: 1px solid #dbdbdb;
        background-color: #f8f7f4;
        line-height: 1.47;
        text-align: center; }
        .tsr-web3 .business-divider-section .cm-section a.cm-call-url:hover {
          text-decoration: none;
          background-color: #fff; }
        .tsr-web3 .business-divider-section .cm-section a.cm-call-url .cm-label {
          color: #642887; }
    .tsr-web3 .business-divider-section .pull-text-right {
      text-align: left; }
    .tsr-web3 .business-divider-section .form-group .row label {
      position: relative;
      font-weight: normal; }
  .tsr-web3 .carousel-offers__article {
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.5s ease 0s, left 0s ease 0s;
    transition: transform 0.5s ease 0s, left 0s ease 0s; }
    .tsr-web3 .carousel-offers__article + .carousel-offers__aside {
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -webkit-transition: -webkit-transform 0.5s, left 0s ease 0.5s;
      transition: transform 0.5s, left 0s ease 0.5s; }
  .tsr-web3 .carousel-offers__article.open {
    position: absolute;
    top: 0;
    left: -100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s ease 0s, left 0s ease 0.5s;
    transition: transform 0.5s ease 0s, left 0s ease 0.5s; }
    .tsr-web3 .carousel-offers__article.open + .carousel-offers__aside {
      position: relative;
      left: 0;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.5s ease 0s, left 0s ease 0s;
      transition: transform 0.5s ease 0s, left 0s ease 0s; }
  .tsr-web3 .carousel-offers__aside-header {
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb; }
    .tsr-web3 .carousel-offers__aside-header .carousel-offers_back {
      display: block;
      padding: 0;
      margin: 0;
      position: relative;
      border: none;
      background: none;
      width: 60px;
      height: 24px;
      overflow: hidden; }
      .tsr-web3 .carousel-offers__aside-header .carousel-offers_back span {
        visibility: hidden; }
      .tsr-web3 .carousel-offers__aside-header .carousel-offers_back:before {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -12px;
        content: "\e66e";
        font-size: 24px;
        color: #642887;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg); }
  @media (min-width: 768px) {
    .tsr-web3 .business-divider-section.jumbotron {
      padding-top: 60px;
      padding-bottom: 60px;
      border-top: 1px solid #dbdbdb;
      background: none; }
      .tsr-web3 .business-divider-section.jumbotron .btn-lg, .tsr-web3 .business-divider-section.jumbotron .tsr-web3 .btn-group-lg > .btn, .tsr-web3 .btn-group-lg > .tsr-web3 .business-divider-section.jumbotron .btn {
        width: auto; }
    .tsr-web3 .business-divider-section .jumbotron-call {
      margin-bottom: 0.4em;
      font-size: 28px; }
    .tsr-web3 .business-divider-section.has-slides {
      padding: 0; }
      .tsr-web3 .business-divider-section.has-slides .carousel-offers__article, .tsr-web3 .business-divider-section.has-slides .carousel-offers__aside-article {
        padding-top: 60px;
        padding-bottom: 60px; }
    .tsr-web3 .business-divider-section .pull-text-right {
      text-align: right; }
    .tsr-web3 .business-divider-section .form-group .row label {
      top: 16px; }
    .tsr-web3 .business-divider-section .link-item {
      display: inline-block; }
    .tsr-web3 .business-divider-section .link-url {
      padding: 2.5% 15px 2.5% 15px; }
    .tsr-web3 .business-divider-section .cm-section {
      margin: auto;
      text-align: center; }
      .tsr-web3 .business-divider-section .cm-section .cm-item {
        display: inline-block;
        padding-left: 1%;
        padding-right: 1%; }
      .tsr-web3 .business-divider-section .cm-section .cm-call-wrap, .tsr-web3 .business-divider-section .cm-section .cm-call-wrap + .cm-call-wrap, .tsr-web3 .business-divider-section .cm-section .cm-image-wrap, .tsr-web3 .business-divider-section .cm-section .cm-name-wrap {
        clear: none;
        float: none;
        width: auto; }
      .tsr-web3 .business-divider-section .cm-section .cm-image-wrap, .tsr-web3 .business-divider-section .cm-section .cm-name-wrap {
        text-align: left; }
      .tsr-web3 .business-divider-section .cm-section .cm-call-wrap + .cm-call-wrap {
        left: 0; }
      .tsr-web3 .business-divider-section .cm-section a.cm-call-url {
        border: none;
        text-align: left;
        background: none; }
        .tsr-web3 .business-divider-section .cm-section a.cm-call-url .cm-label {
          color: #999; }
        .tsr-web3 .business-divider-section .cm-section a.cm-call-url:hover {
          background: none; }
          .tsr-web3 .business-divider-section .cm-section a.cm-call-url:hover .cm-value {
            text-decoration: underline; } }
  .tsr-web3 .business-divider-section .form-control {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #888888;
    display: block;
    height: 50px;
    line-height: 1;
    padding: 14px 0;
    text-indent: 14px;
    width: 100%;
    margin-bottom: 4px; }
  .tsr-web3 .business-divider-section .tsr-btn {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #00b48c;
    border: none;
    border-bottom: 4px solid #009974;
    line-height: 1;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 40px;
    display: inline-block;
    position: relative;
    width: 100%; }
  .tsr-web3 .business-divider-section .tsr-btn:hover {
    text-decoration: none;
    background: #00cc9b;
    border-bottom: 4px solid #00b48c;
    color: #fff; }
  @media (min-width: 768px) {
    .tsr-web3 .business-divider-section .form-control {
      margin-bottom: 0; }
    .tsr-web3 .business-divider-section .tsr-btn {
      width: auto; } }
  .tsr-web3 .business-divider-section .slide .slide-label {
    margin-bottom: 0.5em;
    font-size: 18px;
    line-height: 1.47; }
  .tsr-web3 .business-divider-section .slide .slide-note {
    margin: 0.3em 0;
    font-size: 16px;
    line-height: 1.47; }
  .tsr-web3 .business-divider-section .slide.vertical .item {
    left: 0;
    -webkit-transition: -webkit-transform 0.6s ease, opacity 0.45s ease, top 0.6s ease;
    transition: transform 0.6s ease, opacity 0.45s ease, top 0.6s ease; }
    .tsr-web3 .business-divider-section .slide.vertical .item.left, .tsr-web3 .business-divider-section .slide.vertical .item.right {
      float: none;
      text-align: left; }
  .tsr-web3 .business-divider-section .slide.vertical .active {
    top: 0;
    opacity: 1; }
    .tsr-web3 .business-divider-section .slide.vertical .active.left {
      top: -100%;
      transform: translateY(-100%);
      opacity: 0; }
    .tsr-web3 .business-divider-section .slide.vertical .active.right {
      top: 100%;
      transform: translateY(100%);
      opacity: 0; }
  .tsr-web3 .business-divider-section .slide.vertical .next {
    top: 100%;
    transform: translateY(100%);
    opacity: 0; }
    .tsr-web3 .business-divider-section .slide.vertical .next.left {
      top: 0;
      -webkit-transition: -webkit-transform 0.6s ease, opacity 0.45s ease, top 0s ease 0s;
      transition: transform 0.6s ease, opacity 0.45s ease, top 0s ease 0s;
      transform: translateY(0);
      opacity: 1; }
  .tsr-web3 .business-divider-section .slide.vertical .prev {
    top: -100%;
    transform: translateY(-100%);
    opacity: 0; }
    .tsr-web3 .business-divider-section .slide.vertical .prev.right {
      top: 0;
      transform: translateY(0);
      opacity: 1; }
  .tsr-web3 #mobileLoginDropLayer iframe {
    margin-top: 4px; }
  .tsr-web3 #footer-pages-container div.col-md-3 ul, .tsr-web3 #footer-pages-container div.col-md-3 ol {
    list-style: none;
    display: block;
    margin: 0 0 20px 0px; }
  @media (max-width: 767px) {
    .tsr-web3 #footer-pages-container div.col-md-3 ul.list-group {
      margin: 0; } }
  .tsr-web3 #footer-pages-container div.row {
    margin-bottom: 0px; }
  .tsr-web3 div.social-block div.col-md-3 {
    line-height: 20px; }
  .tsr-web3 div.social-block div.row {
    margin-bottom: 0px; }
  .tsr-web3 div.close-up-btn-bar [class^="icon-"], .tsr-web3 [class*=" icon-"] {
    background-image: none; }
  .tsr-web3 .navbar .btn, .tsr-web3 .navbar .btn-group {
    margin-top: 0; }
  .tsr-web3 .navbar .nav {
    position: static; }
    .tsr-web3 .navbar .nav li a {
      text-shadow: none; }
    .tsr-web3 .navbar .nav li.dropdown.open > a, .tsr-web3 .navbar .nav li.dropdown.active > a, .tsr-web3 .navbar .nav li.dropdown.open.active > a {
      background-color: #652d86;
      color: #ffffff; }
      .tsr-web3 .navbar .nav li.dropdown.open > a.logged-in, .tsr-web3 .navbar .nav li.dropdown.open > a.myaccount, .tsr-web3 .navbar .nav li.dropdown.active > a.logged-in, .tsr-web3 .navbar .nav li.dropdown.active > a.myaccount, .tsr-web3 .navbar .nav li.dropdown.open.active > a.logged-in, .tsr-web3 .navbar .nav li.dropdown.open.active > a.myaccount {
        background-color: #4E256B; }
    .tsr-web3 .navbar .nav li .dropdown-menu .megamenu .list-group .dropdown-header h6 a {
      display: block; }
    .tsr-web3 .navbar .nav li .dropdown-menu .megamenu .list-group .dropdown-header.has-child > ul {
      margin-left: 0; }
      .tsr-web3 .navbar .nav li .dropdown-menu .megamenu .list-group .dropdown-header.has-child > ul > li a {
        text-decoration: none; }
        .tsr-web3 .navbar .nav li .dropdown-menu .megamenu .list-group .dropdown-header.has-child > ul > li a:hover, .tsr-web3 .navbar .nav li .dropdown-menu .megamenu .list-group .dropdown-header.has-child > ul > li a:focus {
          background-color: #4E256B;
          background-image: none; }
        .tsr-web3 .navbar .nav li .dropdown-menu .megamenu .list-group .dropdown-header.has-child > ul > li a:after {
          width: 28px; }
      .tsr-web3 .navbar .nav li .dropdown-menu .megamenu .list-group .dropdown-header.has-child > ul > li p {
        color: #fff; }
    .tsr-web3 .navbar .nav li .dropdown-menu .megamenu > li:first-child .list-group {
      width: 100%; }
      .tsr-web3 .navbar .nav li .dropdown-menu .megamenu > li:first-child .list-group > li:hover {
        background: #4E256B; }
      .tsr-web3 .navbar .nav li .dropdown-menu .megamenu > li:first-child .list-group > li a:hover {
        background-image: none;
        background-color: transparent; }
    .tsr-web3 .navbar .nav li .dropdown-menu:before, .tsr-web3 .navbar .nav li .dropdown-menu:after {
      display: none; }
    .tsr-web3 .navbar .nav li .dropdown-menu .alert {
      text-shadow: none; }
      .tsr-web3 .navbar .nav li .dropdown-menu .alert .container {
        background-color: transparent; }
    .tsr-web3 .navbar .nav li .dropdown-menu ul.list-group {
      width: 100%;
      margin: 0; }
      .tsr-web3 .navbar .nav li .dropdown-menu ul.list-group .list-group-item p {
        font-size: 15px; }
    .tsr-web3 .navbar .nav li .dropdown-menu .reset-padding > .row {
      margin-left: 0;
      margin-right: 0; }
      .tsr-web3 .navbar .nav li .dropdown-menu .reset-padding > .row > .col-md-12 {
        padding-left: 0;
        padding-right: 0; }
    .tsr-web3 .navbar .nav .log {
      z-index: 1090; }
  .tsr-web3 .megamenu ul {
    width: 100%;
    margin: 0; }
  .tsr-web3 .megamenu .list-group .dropdown-header {
    padding-right: 15px;
    width: 25%;
    margin-left: 0; }
    .tsr-web3 .megamenu .list-group .dropdown-header #chooseRepresenteeBusinessFooter {
      padding: 10px;
      margin-top: 10px;
      border-top: 1px solid #472060; }
  .tsr-web3 .megamenu .list-group > li:last-child {
    border-bottom: 0px; }
    .tsr-web3 .megamenu .list-group > li:last-child > p {
      padding-bottom: 5px;
      padding-left: 25px;
      padding-top: 5px;
      padding-right: 10px;
      color: #fff;
      font-size: 15px; }
      .tsr-web3 .megamenu .list-group > li:last-child > p > a {
        color: #fff;
        text-decoration: none; }
  .tsr-web3 .navbar-default {
    width: 100%;
    z-index: 980; }
  .tsr-web3 .navbar-inverse {
    z-index: 990; }
    .tsr-web3 .navbar-inverse .navbar-nav .selected > a {
      background-color: #4E256B; }
      .tsr-web3 .navbar-inverse .navbar-nav .selected > a:hover {
        background-color: #4E256B; }
    .tsr-web3 .navbar-inverse .navbar-nav.navbar-right > li.with-icon > a > span:last-child {
      vertical-align: sub; }
  .tsr-web3 .navbar-collapse.collapse {
    position: static; }
  .tsr-web3 .navbar-login {
    width: auto;
    height: auto; }
  .tsr-web3 .sub-menu {
    background-color: #fff;
    position: relative;
    z-index: 2; }
    .tsr-web3 .sub-menu ul li.active > a:before {
      bottom: -1px; }
    .tsr-web3 .sub-menu ul li > a:hover:before {
      bottom: -1px; }
  .tsr-web3 .clear {
    height: 0 !important; }
  .tsr-web3 #representeeSelectionLink {
    padding: 0; }
    .tsr-web3 #representeeSelectionLink.logged-in {
      padding: 3px 15px 5px; }
      .tsr-web3 #representeeSelectionLink.logged-in span:last-child {
        vertical-align: sub; }
  .tsr-web3 #hero {
    min-height: 1px;
    width: 100%;
    margin-top: 0;
    z-index: -1; }
  .tsr-web3 #shoppingCartContainer {
    height: auto; }
  @media (max-width: 767px) {
    .tsr-web3 .tsr-web3 #shoppingCart {
      padding: 0;
      margin: 0;
      border: 1px solid red; } }
  .tsr-web3 #shoppingCartDetails {
    max-width: 780px;
    width: auto;
    padding: 20px; }
    .tsr-web3 #shoppingCartDetails .arrow {
      bottom: -20px;
      left: 50%;
      margin-left: -20px;
      border-width: 20px 20px 0;
      border-top-color: #ffffff; }
      .tsr-web3 #shoppingCartDetails .arrow:after {
        border-width: 20px 20px 0;
        border-top-color: rgba(0, 0, 0, 0.2);
        bottom: -1px;
        left: -20px;
        margin-left: 0; }
    .tsr-web3 #shoppingCartDetails .popover-title {
      margin: 0;
      padding: 0;
      font-size: initial;
      font-weight: bold;
      line-height: 1;
      background-color: transparent;
      border-bottom: 0;
      border-radius: 0; }
    .tsr-web3 #shoppingCartDetails .popover-content {
      padding: 20px 0 0; }
  .tsr-web3 #shoppingCart {
    height: 92px;
    padding: 11px 15px; }
  .tsr-web3 ul.search-suggest {
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: relative;
    width: 100% !important;
    top: -18px !important;
    padding: 0; }
    .tsr-web3 ul.search-suggest .ui-menu-item {
      padding: 20px;
      border-top: 1px solid #AAA;
      cursor: pointer; }
      .tsr-web3 ul.search-suggest .ui-menu-item:first-child {
        border-top: none; }
      .tsr-web3 ul.search-suggest .ui-menu-item:hover {
        background-color: #652d86;
        color: #FFF; }
        .tsr-web3 ul.search-suggest .ui-menu-item:hover a.ui-state-focus {
          color: #FFF; }
      .tsr-web3 ul.search-suggest .ui-menu-item > a {
        font-size: 17px;
        float: none;
        border: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        text-align: left;
        height: auto; }
        .tsr-web3 ul.search-suggest .ui-menu-item > a .search-item-title {
          word-wrap: break-word; }
        .tsr-web3 ul.search-suggest .ui-menu-item > a.ui-state-focus {
          background-color: transparent;
          background-image: none;
          background-repeat: no-repeat;
          text-decoration: none;
          float: none;
          color: #4E2369; }
      .tsr-web3 ul.search-suggest .ui-menu-item > .lead {
        margin-bottom: 0;
        font-size: 15px; }
        .tsr-web3 ul.search-suggest .ui-menu-item > .lead > .keyword {
          font-size: 15px; }
    @media (max-width: 767px) {
      .tsr-web3 ul.search-suggest .ui-menu-item {
        padding: 10px; } }
  .tsr-web3 #collapsibleMainMenu-User {
    z-index: 1000;
    position: relative; }
  .tsr-web3 p {
    font-size: 15px; }
  .tsr-web3 [class^="icon-"], .tsr-web3 [class*=" icon-"] {
    margin-top: 0; }
  .tsr-web3 .dropdown-light .alert .container {
    background-color: transparent !important; }
  .tsr-web3 .dropdown-light.full-width .container {
    padding: 0; }
  .tsr-web3 header .collapsibleMainMenu .alert .container {
    background-color: transparent !important;
    text-shadow: none; }
  .tsr-web3 .width-430px {
    width: 430px; }
  .tsr-web3 .width100 {
    width: 100%; }
  .tsr-web3 #scrollToTop {
    cursor: pointer; }
  .tsr-web3 #mobileViewNavbar {
    padding: 0; }
    .tsr-web3 #mobileViewNavbar > div {
      margin: 0; }
      .tsr-web3 #mobileViewNavbar > div > .container {
        margin: 0; }
      .tsr-web3 #mobileViewNavbar > div#collapsibleMainMenu-Search {
        margin: 0; }
  .tsr-web3 #mySettings a:after {
    content: "\e668"; }
  @media (min-width: 768px) {
    .tsr-web3 .navbar-collapse .navbar-nav > li > a {
      padding: 33px 3px 28px 3px;
      font-size: 16px !important; } }
  @media (min-width: 992px) {
    .tsr-web3 .navbar-collapse .navbar-nav > li > a {
      padding: 33px 5px 28px 5px;
      font-size: 20px !important; } }
  @media (min-width: 1200px) {
    .tsr-web3 .navbar-collapse .navbar-nav > li > a {
      padding: 33px 12px 28px 12px;
      font-size: 22px !important; } }
  @media (min-width: 1420px) {
    .tsr-web3 .navbar-collapse .navbar-nav > li > a {
      padding: 33px 20px 28px 20px; } }
  @media (max-width: 767px) {
    .tsr-web3 .navbar .nav {
      float: none; }
      .tsr-web3 .navbar .nav > li {
        float: none; }
        .tsr-web3 .navbar .nav > li > a:focus, .tsr-web3 .navbar .nav > li > a:active {
          color: #fff; }
        .tsr-web3 .navbar .nav > li .dropdown-menu ul.list-group {
          margin: 0; }
    .tsr-web3 .dropdown.menu-large > a.dropdown-toggle:after {
      width: auto; }
    .tsr-web3 .dropdown.menu-large > a:not(.dropdown-toggle):after {
      width: 14px; }
    .tsr-web3 header .megamenu {
      margin: 0; }
      .tsr-web3 header .megamenu.collapsibleMainMenu {
        min-width: 100%; }
      .tsr-web3 header .megamenu .container {
        margin: 0 -15px; }
      .tsr-web3 header .megamenu > li > ul.list-group > li > a:after {
        margin-top: 4px; }
    .tsr-web3 .megamenu .list-group > li.dropdown-header {
      width: 100%; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header > h6 > a:after {
        margin-right: 14px; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header:first-child {
        color: #fff; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header:last-child {
        border-bottom: 1px solid #472060; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header.who-to-login:hover {
        background-color: transparent; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header.who-to-login h6 {
        padding: 6px 0 5px 25px; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header.my-profile-link h6 {
        padding-left: 10px; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header.mobile-logout {
        float: left;
        width: 100%;
        border-bottom: none; }
        .tsr-web3 .megamenu .list-group > li.dropdown-header.mobile-logout a {
          color: #fff;
          padding: 0 25px 9px;
          font-size: 18px; }
          .tsr-web3 .megamenu .list-group > li.dropdown-header.mobile-logout a:hover {
            text-decoration: none; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header.has-child.open {
        border-bottom: 0; }
      .tsr-web3 .megamenu .list-group > li.dropdown-header.has-child > ul > li:last-child {
        border-bottom: 1px solid #472060; }
    .tsr-web3 .menu-item-arrow-space {
      padding-right: 20px !important; } }
  @media (min-width: 768px) {
    .tsr-web3 .navbar-default .navbar-nav .selected > a:before {
      background-color: #4E256B;
      bottom: 0;
      content: "";
      display: block;
      height: 4px;
      left: 0;
      position: absolute;
      top: auto;
      width: 100%; }
    .tsr-web3 .navbar-default .navbar-nav .selected.open > a:before {
      background-color: transparent; }
    .tsr-web3 #collapsibleMainMenu-User {
      visibility: hidden; } }
  @media (max-width: 1199px) {
    .tsr-web3 div.hidden-xs #logo a {
      margin-left: -8px;
      width: 115px; } }
  .tsr-web3 #myServicesApp #dropdownContainer div.ddl-container section a:not(#continue):hover, .tsr-web3 #myServicesApp #dropdownContainer #domainAndHostingModal a:not(#continue):hover {
    color: #4e2369;
    text-decoration: underline !important; }
  .tsr-web3 .preferredRepresenteeSection#preferredRepresenteeSection-mobile {
    margin: 0px 25px; }
    .tsr-web3 .preferredRepresenteeSection#preferredRepresenteeSection-mobile span:not(.icon) {
      margin-bottom: 10px; }
  .tsr-web3 .preferredRepresenteeSection p {
    color: white; }
  .tsr-web3 .preferredRepresenteeSection span.icon, .tsr-web3 .preferredRepresenteeSection .tsr-web3 .carousel-offers__aside-header span.carousel-offers_back:before, .tsr-web3 .carousel-offers__aside-header .tsr-web3 .preferredRepresenteeSection span.carousel-offers_back:before {
    width: 25px;
    height: 25px;
    background: white;
    border-radius: 3px;
    color: #652d86;
    padding-left: 5px;
    padding-top: 4px;
    float: left;
    cursor: pointer; }
    .tsr-web3 .preferredRepresenteeSection span.icon:hover, .tsr-web3 .preferredRepresenteeSection .tsr-web3 .carousel-offers__aside-header span.carousel-offers_back:hover:before, .tsr-web3 .carousel-offers__aside-header .tsr-web3 .preferredRepresenteeSection span.carousel-offers_back:hover:before {
      opacity: 0.9; }
  .tsr-web3 .preferredRepresenteeSection span:not(.icon) {
    display: block;
    float: left;
    margin-left: 8px;
    margin-top: 2px; }
  .tsr-web3 .preferredRepresenteeSection input {
    display: none;
    float: left; }


/*********************
 ---------------- https://fonts.googleapis.com/css?family=Roboto:400,100,300&subset=latin,latin-ext,cyrillic,cyrillic-ext  --------------------------
**********************/

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/*********************
 ---------------- new_menu.css --------------------------
**********************/

@font-face {
    font-family: "Neue Helvetica W01_n3";
    src: url("fonts/helvetica/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("fonts/helvetica/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
    src: url("fonts/helvetica/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("fonts/helvetica/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"), url("fonts/helvetica/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("fonts/helvetica/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("fonts/helvetica/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_n4";
    src: url("fonts/helvetica/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("fonts/helvetica/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src: url("fonts/helvetica/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("fonts/helvetica/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("fonts/helvetica/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("fonts/helvetica/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("fonts/helvetica/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_i4";
    src: url("fonts/helvetica/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("fonts/helvetica/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix");
    src: url("fonts/helvetica/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("eot"), url("fonts/helvetica/462d508d-efc7-478f-b84e-288eeb69a160.woff2") format("woff2"), url("fonts/helvetica/2c056da8-4920-4e20-8c69-8a6b315458a9.woff") format("woff"), url("fonts/helvetica/2381d918-136d-444f-8391-db0cba6da388.ttf") format("truetype"), url("fonts/helvetica/d0697971-6f58-4597-942e-8beabd1adc87.svg#d0697971-6f58-4597-942e-8beabd1adc87") format("svg");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Neue Helvetica W01_n6";
    src: url("fonts/helvetica/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("fonts/helvetica/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src: url("fonts/helvetica/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("fonts/helvetica/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"), url("fonts/helvetica/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("fonts/helvetica/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("fonts/helvetica/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
  font-family: 'Pebble';
  src: url("fonts/Pebble_W_Rg.eot?#iefix");
  src: url("fonts/Pebble_W_Rg.eot?#iefix") format("eot"), url("fonts/Pebble_W_Rg.woff2") format("woff2"), url("fonts/Pebble_W_Rg.woff") format("woff"), url("fonts/Pebble_W_Rg.ttf") format("truetype");
  font-weight: 700;
}

html,
body {
    font-family: "Neue Helvetica W01", sans-serif;
    min-width: auto;
}

.icon {
    background-image: url("../_d/mailbox-icon.png?v=1");
    background-repeat: no-repeat;
}

.iconHeader {
    background-image: url("../_d/mailbox-icon.png?v=2");
    background-repeat: no-repeat;
}


.noteIcon,
.notesLabelIcon,
div#newNoteLabels li div.notelabelsGroupIcon span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -182px -1507px;
}

.newLayout .attachingLandLineTabsContainer_et_EE .attachingLandLineCurrent_4 #attachingLandLineTabPreviewImage {
    background: rgba(0, 0, 0, 0) url("../_d/landline_attaching/attaching-voip-tab-pictures_est.jpg?v=1") no-repeat scroll 0 -600px;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .icon {
    /**
        background-image: url("../_d/iconsNewHighRes.png?v=4");
    **/
    }

    .iconHeader {
    }
    /**
       background-image: url("../_d/icons_header_hd.png");
       background-size: 24px 1020px;
    **/
}

@font-face {
    font-family: 'robotothin';
    src: url('roboto_thin/roboto-thin.eot');
    src: url('roboto_thin/roboto-thin.eot?#iefix') format('embedded-opentype'), url('roboto_thin/roboto-thin.woff2') format('woff2'), url('roboto_thin/roboto-thin.woff') format('woff'), url('roboto_thin/roboto-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    padding: 0;
    margin: 0;
    font-size: 12px;
    background: #fff;
}

body {
    min-height: 450px;
}
img {
    border: none;
}

main {
    height: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

header {
    height: 49px;
    background: #990ae3;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

header .logo {
    position: absolute;
    top: 20px;
    left: 20px;
}

header .search,
.newLayout.errorBody .loginBarContainer #contactssearchbox {
    position: absolute;
    left: 260px;
    top: 8px;
}

.searchMobile,
header .search input.field {
    border: medium none;
    width: 250px;
    font-size: 14px;
    padding: 7px;
    margin: 0;
    color: #990ae3;
    vertical-align: middle;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 32px;
    box-sizing: border-box;
}

.settingsModuleBox .searchMobile {
    width: 97%;
}

.newLayout .settingsMenuListBox .searchMobileLi {
   color: #fff;
   background-color: #642d96;
   height: 32px;
}


.newLayout.errorBody .contactSearchContainer input.searchField {
    border: 1px solid #e0e0e0;
    width: 400px;
    font-size: 14px;
    padding: 7px;
    margin: 0;
    vertical-align: middle;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 32px;
    box-sizing: border-box;
}

.newLayout.errorBody .contactSearchContainer input.searchField::-webkit-input-placeholder {
    font-style: italic;
}


.newLayout.errorBody .contactSearchContainer input.searchField:-moz-placeholder {
    font-style: italic;
}

.newLayout.errorBody .contactSearchContainer input.searchField::-moz-placeholder {
    font-style: italic;
}


.newLayout.errorBody .contactSearchContainer input.searchField:-ms-input-placeholder {
    font-style: italic;
}

header .search button {
    border: none;
    cursor: pointer;
    font-size: 12px;
    height: 31px;
    margin-left: -40px;
    vertical-align: middle;
    width: 40px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-position: 7px -614px;
}


.newLayout.errorBody .contactSearchContainer input.button {
    border: none;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    margin-left: -4px;
    vertical-align: middle;
    width: 40px;
    background-color: #00cc66;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-position: 7px -614px;
}

.newLayout.errorBody .contactSearchContainer input.button:hover {
    background-color: #02b95e;
}

header .search::-webkit-input-placeholder {
    font-style: italic;
}

header .search::-moz-placeholder {
    font-style: italic;
}

header .search:-ms-input-placeholder {
    font-style: italic;
}

header .search input:-moz-placeholder {
    font-style: italic;
}

header .user {
    position: absolute;
    right: 10px;
    top: 13px;
}

nav a {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
    top: 45px;
}

nav #contentTopTabSocialMedia a {
    top: 37px;
}

nav div.tabs .dashboard {
    background-position: center 10px;
}

nav div.tabs .optmenu {
    height: 70px;
    text-align: center;
    width: 33.3%;
    float: left;
}

nav div.tabs .mailbox {
    background-position: 38px -3008px;
}

nav div.tabs .cloud {
    background-position: 38px -3078px;
}

nav div.tabs .mediafeed {
    background-position: 38px -3466px;
    display: block;
    height: 35px;
    top: 10px;
    position: relative;
}

nav div.tabs .sms {
    background-position: 38px -3224px;
}


nav div.tabs .notes {
    background-position: 38px -3420px;
    display: block;
    height: 45px;
}

nav div.tabs .contacts {
    background-position: 38px -3364px;
}

nav div.subFix .menumax {
    background-position: center -891px;
}

.newLayout.menuMin nav div.subFix .menumin {
    background-position: center -794px;
}

.newLayout #contentTopTabMenuResize {
    text-align: center;
    padding: 35px 0 3px;
}

nav .menuresize {
    //  background-position: center -737px;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #3d3d3d;
    height: 20px;
    line-height: 21px;
    overflow: hidden;
    text-decoration: none;
    width: 20px;
    margin: 10px 0 0 0;
}

nav div.sub {
    background-color: #642d96;
}

nav div.subFix {
    position: fixed;
    bottom: 0;
    font-size: 12px;
    left: 0;
    padding: 10px 0 0 0;
    width: 100px;
}

nav div.sub li a {
    display: block;
    padding: 9px 10px 1px 30px;
}

nav div.sub li.lang {
    background-position: 3px -500px;
}

nav div.sub li.faq {
    background-position: 3px -537px;
}

nav div.sub li.feedback {
    background-position: 3px -575px;
}

nav div.sub li:hover {
    background-color: #990ae3;
}

.logo img {
    width: 126px;
    height: 32px;
}

.footer {
    display: none;
}

.overlayLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 10000;
}

.overlayLoader:before {
    content: " ";
    width: 76px;
    height: 76px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0 -1750px;
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -38px;
    display: block;
    position: absolute;
}

.overLoader:before,
.overLoaderN1:before {
    content: " ";
    width: 76px;
    height: 76px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0 -1750px;
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -38px;
    display: block;
    position: absolute;
}

.newLayout.errorBody #topBarLogo {
    padding-left: 15px;
    padding-top: 11px;
    padding-right: 10px;
    float: left;
    height: auto;
}

.newLayout #topBarLogo {
    background: rgba(0, 0, 0, 0) url("../_d/logo_online_white.png") no-repeat scroll 0px 10px / 100% auto;
    height: 49px;
    padding: 0;
    padding-top: 0;
    margin: 0 10px;
}

.newLayout .overLoaderReloaderN {
    width: 76px;
    height: 76px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0 -1750px;
}

.newLayout .overLoaderReloaderN.ls1 {
    background-position: 0 -1840px;
}

.newLayout .overLoaderReloaderN.ls2 {
    background-position: 0 -1930px;
}

.newLayout .overLoaderReloaderN.ls3 {
    background-position: 0 -2020px;
}

.newLayout .overLoaderReloaderN.ls4 {
    background-position: 0 -2110px;
}

.newLayout .boxLoaderInfoMsgN {
    text-indent: 20px;
    color: #fff;
    font-size: 16px;
}

.newLayout #boxLoaderInfo {
    top: 50%;
    display: none;
    position: fixed;
    left: 50%;
    margin: -70px 0 0 -150px;
}

.newLayout .overLoaderN {
    background: rgba(0, 0, 0, 0.5);
}

.overLoaderN1 {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

.overLoaderH2 {
    height: 500px;
}

div.overLoaderN1 {
    opacity: 1;
    background: rgba(255, 255, 255, 0.5) !important;
}

.overLoaderN1 span,
.overLoader span {
    display: none !important;
}

.ls1:before {
    background-position: 0 -1840px;
}

.ls2:before {
    background-position: 0 -1930px;
}

.ls3:before {
    background-position: 0 -2020px;
}

.ls4:before {
    background-position: 0 -2110px;
}

#wrapper {
    margin: 0;
    padding: 0 15px 0 0;
}

.newLayout #wrapper {
    padding: 0;
    min-width: 0;
    max-width: none;
}

#content {
    border: none;
    padding-right: 0;
}

.newLayout #content {
    border: none;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 201px;
    margin-top: 33px;
}

.newLayout #sidebar {
    margin-left: -201px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    min-height: 100%;
    height: 100%;
    border-right: 1px solid #757575;
}

.newLayout #sidebar h2 {
    padding: 10px 15px;
    margin: 0;
}

.wrapperContainer {
    padding-bottom: 0;
}

.modules {
    position: relative;
    margin: 49px 0 0;
}

.newLayout .buttonNewmail a.inactiveButton {
    opacity: 0.6;
    cursor: default;
}

.newLayout .buttonNewmail {
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    height: 32px;
    padding: 7px 11px 5px;
    width: auto;
    margin-bottom: 0px;
}

.newLayout #modules {
    padding-top: 0;
    min-height: 450px;
}

.newLayout .footerBanner {
    display: none;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .mailBoxViewBack.displayNone {
    display: none;
}

.newLayout #TNSEmorObj {
    position: absolute;
}

.newLayout #wrapper .buttonNewmail a {
    background: #00cc66;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    padding: 6px 0;
    text-shadow: none;
    width: 100%;
}

.newLayout #wrapper .buttonNewmail a:hover {
    background: #02b95e;
}

.newLayout .selectedGroup {
    background: none !important;
}

.newLayout #filesFolderList .selectedGroup {
    background-color: #fbfbfb !important;
}

.newLayout .loadingSearchData {
    height: auto;
}

.listContainer {
    position: relative;
    padding-left: 300px;
}

.listHeadersColumn {
    width: 300px;
    float: left;
    margin-left: -300px;
    border-right: 1px solid #757575;
}

.noteContentHeader {
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 35px;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.noteContentHeader:hover {
    background: #e8f8ff;
}

.noteContentHeader i {
    font-style: normal;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 11px;
    font-weight: normal;
    color: #757575;
}

.listDetailColumn {}

.noteListHeaderSelect {
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    height: 45px;
    padding: 0px 10px 0 10px;
}

.noteListHeaderInfo {
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    height: 35px;
    padding: 10px 10px 0;
}

.noteListHeaderDate {
    float: left;
    padding-top: 5px;
}

.noteUserContent {
    padding: 15px;
    font-size: 14px;
}

.newLayout #submodule-notesgroups .folderGroup {
    background-position: 10px -78px;
    cursor: pointer;
    margin: 0 10px;
    color: #3d3d3d;
    text-decoration: none;
    font-style: normal;
    line-height: 28px;
    display: inline-block;
    width: 94%;
    border: 1px solid transparent;
    padding: 0 10px;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
    padding-left: 32px;
    position: relative;
}

.newLayout #submodule-notesgroups .folderGroup:hover {
    background-color: #fbfbfb !important;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-weight: normal;
}

.newLayout #submodule-notesgroups .folderGroup small {
    background: url("../_d/mailbox-icon.png?v=1") -1px -2270px no-repeat;
    display: none;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
}

.newLayout #submodule-notesgroups .folderGroup:hover small {
    display: inline-block;
}

.newLayout #wrapper a.sidebarBoxLinks {
    margin-left: 15px;
}

.newLayout #wrapper #newNote a.sidebarBoxLinks {
    margin-left: 15px;
    color: #3d3d3d;
    text-decoration: underline;
    padding: 0;
    background: none;
    margin-right: 20px;
}

.newLayout #submodule-notesgroups .noteLabelIcon0 {
    background-position: -171px -1576px;
}

div#newNoteLabels li div.notelabelsGroupIcon1 span {
    background-position: -178px -1578px;
}

.notesLabelIcon1 {
    background-position: -161px -1580px
}

.newLayout #submodule-notesgroups .noteLabelIcon1 {
    background-position: -171px -1576px;
}

div#newNoteLabels li div.notelabelsGroupIcon2 span {
    background-position: -177px -1610px;
}

.notesLabelIcon2 {
    background-position: -161px -1610px;
}

.newLayout #submodule-notesgroups .noteLabelIcon2 {
    background-position: -171px -1606px;
}

div#newNoteLabels li div.notelabelsGroupIcon3 span {
    background-position: -177px -1640px;
}

.notesLabelIcon3 {
    background-position: -161px -1640px;
}

.newLayout #submodule-notesgroups .noteLabelIcon3 {
    background-position: -171px -1636px;
}

div#newNoteLabels li div.notelabelsGroupIcon4 span {
    background-position: -177px -1668px;
}

.notesLabelIcon4 {
    background-position: -161px -1670px;
}

.newLayout #submodule-notesgroups .noteLabelIcon4 {
    background-position: -171px -1666px;
}

div#newNoteLabels li div.notelabelsGroupIcon5 span {
    background-position: -177px -1700px;
}

.notesLabelIcon5 {
    background-position: -161px -1700px;
}

.newLayout #submodule-notesgroups .noteLabelIcon5 {
    background-position: -171px -1699px;
}

div#newNoteLabels li div.notelabelsGroupIcon6 span {
    background-position: -177px -1812px;
}

.notesLabelIcon6 {
    background-position: -161px -1813px;
}

.newLayout #submodule-notesgroups .noteLabelIcon6 {
    background-position: -171px -1810px;
}

div#newNoteLabels li div.notelabelsGroupIcon7 span {
    background-position: -177px -1846px;
}

.notesLabelIcon7 {
    background-position: -161px -1849px;
}

.newLayout #submodule-notesgroups .noteLabelIcon7 {
    background-position: -171px -1844px;
}

div#newNoteLabels li div.notelabelsGroupIcon8 span {
    background-position: -177px -1882px;
}

.notesLabelIcon8 {
    background-position: -161px -1883px;
}

.newLayout #submodule-notesgroups .noteLabelIcon8 {
    background-position: -171px -1880px;
}

div#newNoteLabels li div.notelabelsGroupIcon9 span {
    background-position: -177px -1916px;
}

.notesLabelIcon9 {
    background-position:-161px -1918px;
}

.newLayout #submodule-notesgroups .noteLabelIcon9 {
    background-position: -171px -1914px;
}

div#newNoteLabels li div.notelabelsGroupIcon10 span {
    background-position: -177px -1952px;
}

.notesLabelIcon10 {
    background-position: -161px -1953px;
}

.newLayout #submodule-notesgroups .noteLabelIcon10 {
    background-position: -171px -1950px;
}

div#newNoteLabels li div.notelabelsGroupIcon11 span {
    background-position: -177px -1986px;
}

.notesLabelIcon11 {
    background-position: -161px -1988px;
}

.newLayout #submodule-notesgroups .noteLabelIcon11 {
    background-position: -171px -1984px;
}

div#newNoteLabels li div.notelabelsGroupIcon12 span {
    background-position: -177px -2021px;
}

.notesLabelIcon12 {
    background-position: -161px -2023px;
}

.newLayout #submodule-notesgroups .noteLabelIcon12 {
    background-position: -171px -2019px;
}


.newLayout #submodule-notesgroups .notesContactsAll {
    background-position: -171px -1736px;
}

.newLayout #submodule-notesgroups .notesContact {
    background-position: -171px -1768px;
}

.newLayout #submodule-notesgroups .notesContact i {
    display: block;
    white-space: nowrap;
}

.newLayout #submodule-notesgroups .notesContact i span {
    display: block;
    float: left;
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newLayout #submodule-notesgroups .notesContact i u {
    display: block;
    float: right;
    font-style: normal;
    padding-right: 15px;
    text-decoration: none;
}

.newLayout #submodule-notesgroups .lineMargin{
   margin: 10px 0 0 10px;
}

.newLayout #newNote .textareaDecorator {
    border: none;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    overflow: auto !important;
}

.noteListHeaderInfo h2 {
    padding: -3px 0 0 5px;
    margin: 0;
}

#ncNotelabelListContainer {
    vertical-align: middle;
    display: table-cell;
    padding: 0;
}

#ncNotelabelListContainer li {
    display: inline-block;
}

.noteEditorBottom {
    background-color: #eee;
    border-top: 1px solid #e0e0e0;
    bottom: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    left: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    width: 100%;
    min-height: 70px;
}

.noteEditorBottom .newNoteAddNoteGroup {
    padding-top: 20px;
    float: right;
}

.noteEditorBottom #newNoteLabels {
    display: table;
    padding: 0;
    margin: 0;
    height: 70px;
    padding-left: 20px;
}

#newNote .noteEditorBottom .popupButtons {
    border-left: 1px solid #e0e0e0;
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    min-height: 40px;
    overflow: hidden;
    padding: 25px 10px 3px 20px;
    float: right;
}

#newNote .noteEditorBottom .bottomButtonsContainer {
    float: right;
}

.newLayout #wrapper a#saveNoteButton {
    background: #00cc66;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    padding: 15px 30px;
    text-shadow: none;
}

.newLayout #wrapper a#saveNoteButton:hover {
    background: #02b95e;
}

.newLayout #wrapper a.buttonCancel {
    color: #3d3d3d;
    text-decoration: underline;
    margin-right: 20px;
}

.noteEditIcon {
    background-position: -176px -1502px;
    height: 0;
    margin-top: 10px;
    overflow: hidden;
    padding: 15px;
    width: 0;
    display: block;
    margin-left: 20px;
}

.noteDeleteIcon {
    background-position: -176px -1538px;
    height: 0;
    margin-top: 10px;
    overflow: hidden;
    padding: 15px;
    width: 0;
    display: block;
    margin-left: 17px;
}

.noteEditIconContainer {
    position: absolute;
    right: 70px;
    top: 0;
    width: 60px;
    height: 45px;
    border-left: 1px solid #e0e0e0;
}

.noteDeleteIconContainer {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 45px;
    border-left: 1px solid #e0e0e0;
}

.langSelect, #settingsMenuListBoxSett .readPane {
    display: none;
}

.optionArrowDown {
    background-position: -6px -478px;
    display: inline-block;
    height: 0;
    margin-left: 3px;
    padding: 5px;
    vertical-align: middle;
    width: 0;
    background-color: #642d96;
}

.open .optionArrowDown {
    transform: rotate(180deg);
}

.newLayout #contactListEmptyText,
.newLayout #noteListEmptyText {
    font-size: 36px;
    font-family: 'robotothin', sans-serif;
    color: #757575;
}

.newLayout .contactListEmpty,
.newLayout .noteListEmpty {
    font-size: 16px;
    color: #3d3d3d;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -40px;
    text-align: center;
}

.newLayout #wrapper .contactListEmpty a,
.newLayout #wrapper .noteListEmpty a {
    text-decoration: underline;
}

.newLayout #maillistEmptySearch {
    font-size: 34px;
    font-family: 'robotothin', sans-serif;
    color: #757575;
    padding: 0;
    width: 100%;
    top: 40%;
    position: absolute;
}

.mobileButtons {
    background-color: #990ae3;
    display: none;
    height: 49px;
    margin-top: 50px;
    padding: 5px 10px 0;
}

.mobileButtonNewNote {
    background: #00cc66;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    padding: 12px 45px;
    text-shadow: none;
    color: #fff;
    text-decoration: none;
    float: right;
}

a.mobileButtonNewNote:hover {
    background: #02b95e;
    text-decoration: none;
}

.mobileButtonFolders {
    background-position: 3px -1091px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    padding: 5px 0 5px 25px;
    text-decoration: none;
    float: left;
}

a.mobileButtonFolders:hover {
    text-decoration: none;
}

.mobileButtonCancel,
.mobileButtonCancelPreview {
    background-position: 4px -1142px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    padding: 5px 0 5px 25px;
    text-decoration: none;
    display: none;
    float: left;
}

a.mobileButtonCancel:hover,
a.mobileButtonCancelPreview:hover {
    text-decoration: none;
}

.newNoteButtons {
    display: none;
}

.mobileButtonCancelPreview {
    display: none;
}

.newLayout .wrapperContainer {
    padding-right: 0;
}

.newLayout #content {
    min-height: auto;
}

.dashbord-boxes {
    overflow: hidden;
    max-width: 1100px;
    padding-top: 20px;
}

.dbox {
    width: 250px;
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    float: left;
    height: 315px;
    background: #fff;
    border: 1px solid #e0e0e0;
    position: relative;
}

.dboxTop {
    background: #990ae3;
    height: 40px;
    padding-left: 40px;
    position: relative;
}

.dboxTop .icon {
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #642d96;
}

.dboxMails .icon {
    background-position: 12px 14px;
}

.dboxFiles .icon {
    background-position: 12px -43px;
}

.dboxMediafeed .icon {
    background-position: 11px -107px;
}

.dboxSuhRSS .icon {
    background-position: 11px -167px;
}

.dboxNotifications .icon {
    background-position: 12px -229px;
}

.dboxSMS .icon {
    background-position: 11px -292px;
}

.dboxNotes .icon {
    background-position: 12px -358px;
}

.dboxLastContacts .icon {
    background-position: 12px -229px;
}

.dboxTop span {
    display: block;
    padding: 13px 0 0 10px;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    font-family: "Neue Helvetica W01_n6", sans-serif;
}

#wrapper .dboxTop a,
#wrapper .dbox .dboxTop a,
.dboxTop a {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    position: absolute;
    right: 10px;
    top: 12px;
    text-decoration: underline;
}

.dboxItem {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.dboxItem .normal {
    font-weight: normal;
}

.dboxItem a {
    font-weight: bold;
    font-family: "Neue Helvetica W01_n6", sans-serif;
}

.dboxItem strong {
    font-weight: bold;
    font-family: "Neue Helvetica W01_n6", sans-serif;
}

.dboxItem a,
.dboxItem strong,
.dboxItem .dboxDesc {
    display: block;
}

.dboxItem .dboxTitle a {
    display: inline;
}

.dbox p {
    padding: 7px 0 0 0;
    color: #3d3d3d;
}

.dboxTime {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #757575;
    font-size: 11px;
}

.dboxSize {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #757575;
    font-size: 11px;
}

.dboxTitle {
    color: #757575;
}

.noSidebar #sidebar {
    display: none;
}

.noSidebar #content {
    padding-left: 0;
}

.dboxMails .dboxTop,
.dboxNotes .dboxTop {
    background: #0099ff;
}

#wrapper .dboxMails a,
#wrapper .dboxNotes a {
    color: #0099ff;
}

.dboxMails .dboxTop .icon,
.dboxNotes .dboxTop .icon {
    background-color: #0071a6;
}

.dboxMediafeed .dboxTop,
.dboxSMS .dboxTop {
    background: #00cc66;
}

#wrapper .dboxSMS a {
    color: #00cc66;
}

#wrapper .dboxMediafeed .dboxItem a {
    color: #545454;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dboxNotes .dboxItem strong {
    display: block;
    margin-right: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dboxMediafeed .dboxTop .icon,
.dboxSMS .dboxTop .icon {
    background-color: #02b95e;
}

.dboxSuhRSS .dboxTop {
    background: #ada9a1;
}

#wrapper .dboxSuhRSS a {
    color: #ada9a1;
}

.dboxSuhRSS .dboxTop .icon {
    background-color: #94908a;
}

.dboxImage {
    width: 100%;
}

.dboxFiles .dboxItem {
    padding-left: 50px;
}

.dboxFiles .dboxItem .dboxFile {
    background-position: 5px -925px;
    color: #fff;
    font-size: 5px;
    height: 6px;
    left: 7px;
    padding-top: 14px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 26px;
}

.dboxFiles .dboxItem .thumb {
    padding-top: 0px !important;
}

.dboxFiles .dboxItem a {
    font-weight: normal;
}

.dboxIcons {
    display: block;
    position: relative;
    height: 20px;
    padding-top: 5px;
}

.dboxIcons .icon {
    border-right: 1px solid #e0e0e0;
    display: inline-block;
    float: left;
    height: 15px;
    width: 22px;
    margin-right: 8px;
}

.dboxIcons .mail {
    background-position: 0 -427px;
}

.dboxIcons .phone {
    background-position: 0 -475px;
}

.dboxIcons .mobile {
    background-position: 2px -517px;
}

.dboxIcons .sms {
    background-position: 0 -568px;
    width: 24px;
}

.dboxIcons .addContact {
    background-position: 0 -619px;
    border-right: none;
}

.dboxIcons .mail.active {
    background-position: 0 -667px;
}

.dboxIcons .phone.active {
    background-position: 0 -717px;
}

.dboxIcons .mobile.active {
    background-position: 3px -768px;
}

.dboxIcons .sms.active {
    background-position: 0 -819px;
    width: 24px;
}

.dboxIcons .addContact.active {
    background-position: 0 -874px;
    border-right: none;
}

.dboxSuhRSS strong,
.dboxSuhRSS p {
    padding: 10px;
}

.dboxSuhRSS strong {
    display: block;
    font-size: 14px;
    padding-bottom: 0;
}

.dboxSuhRSS input {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 7px;
    width: 100%;
    font-size: 12px;
    font-family: "Neue Helvetica W01", sans-serif;
}

#wrapper .dboxSuhRSS a.dboxButton {
    width: 228px;
    margin: 12px 10px 0 10px;
    background: #ada9a1;
    color: #fff;
    display: block;
    padding: 7px 0;
    text-align: center;
    border: 1px solid #94908a;
    border-radius: 2px;
}

#wrapper .dboxSuhRSS a.dboxButton:hover {
    background: #94908a;
}

.noSidebar .mobileButtonsHeader,
.noSidebar .mobileButtons {
    display: none !important;
}

.dbox .overLoaderCenterNew {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}


@media screen and (max-width: 1000px) {
    .newLayout #newmailSaveToDratfsLastSave {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .contentColumn #maillist {
        display: none !important;
    }

    #loginBarName {
        display: none;
    }

    #notesListContent {
        padding-left: 0;
    }
    #notesList .listHeadersColumn {
        display: block !important;
        margin-left: 0;
        width: 100%;
    }
    #notesList .listDetailColumn {
        display: none !important;
    }
    #notesList .noteIsOpened .listHeadersColumn {
        display: none !important;
    }
    #notesList .noteIsOpened .listDetailColumn {
        display: block !important;
    }
}


@media screen and (max-width: 760px) {
    header .search input.field {
        width: 150px;
    }


    .newLayout #folderList a.active .folderMainOptionsArrow {
        display: inline-block;
    }

    .newLayout .maillistButtonsInner {
        top: -14px;
    }

    .newLayout #module-maillist.mailBoxView .maillistData .mailItem .headerListSize {
        width: calc(100% - 73px) !important;
    }
}

@media screen and (max-width: 650px) {

    .settingsModuleBox #newMenuSearch {
        display: block;
    }

    #contactssearchbox #quickSearchResultConainer {
        display: none !important;
    }

    .newLayout .settingsModuleBox .borderLeft {
        padding: 0 1px 0 1px;
    }

    header .search input.field {
        width: 120px;
    }

    .newLayout .settingsModuleBoxLeft .MenuLeft {
        margin: 0 0 0 5px;
    }

    .newLayout div#submodule-quotabox,
    .newLayout div#submodule-filesquotabox {
        width: 100% !important;
        box-sizing: border-box;
    }
    .newLayout #topBarLogo {
        top: 0;
        margin-left: 5px;
        padding-left: 0;
    }

    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.btnReply,
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.btnReplyAll,
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.btnForward {
        width: 28px;
        background-image: url('../_d/newlayout_mail_icons.png');
        background-repeat: no-repeat;
        text-indent: -999px;
        box-sizing: border-box;
    }
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.btnReply {
        background-position: center -6px;
    }
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.btnReplyAll {
        background-position: center -46px;
    }
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.btnForward {
        background-position: center -86px;
    }

    .newLayout #filesLandingPage2 h2,
    .newLayout #filesLandingPage2 .quotaLandingContent,
    .newLayout #filesLandingPage2 .quotaLandingButton {
        width: 98%;
    }

    .newLayout #filesLandingPage2 .landingIcon,
    .newLayout #filesLandingPage2 .quotaLandingContent {
        padding: 11px;
    }

   .newLayout #filesLandingPage2 {
        padding: 0 10px 10px 10px;
    }

    .newLayout #filesLandingPage2 h2 {
        font-size: 20px;
    }

}

@media screen and (max-width: 760px) {
    main {
        padding-left: 0;
        height: auto;
    }

    #contentTopTabMenuResize {
        display: none;
    }
    #quickSearchResultConainer {
        left: -100px;
    }

    header .logo {
        left: 100px;
    }
    .newLayout div#submodule-quotabox,
    .newLayout div#submodule-filesquotabox {
        left: 0;
    }

    #contentTopTabMenuResize {
        display: none;
    }
}




@media screen and (max-width: 650px) {
    .noSidebar .dashbord-boxes {
        padding-top: 70px;
    }
    .newLayout #sidebar {
        display: none;
        margin-left: 0 !important;
        border: none;
        float: none;
        width: 100% !important;
        position: static;
    }
    .newLayout #content {
        padding-left: 0 !important;
        margin-top: 0;
    }
    .newLayout #module-maillist {
        width: auto !important;
    }
    .overLoaderCenter {
        left: 50%;
        margin-left: -130px;
        position: fixed;
        text-align: center;
        top: 50%;
        width: 300px;
    }
    #preLoaderInfo .overLoaderCenter {
        margin-left: -90px;
    }
    header .logo {
        left: 50%;
        position: absolute;
        margin-left: -63px;
    }

    #contentTopTabMenuResize {
        display: none;
    }

    .mobileButtons {
        display: block;
    }

    .newLayout .infoBoxPosition #mailBoxFullInfo.infoBox {
        top: 25px;
    }

    .newLayout .wrapperContainer .editorToolbar {
        display: none;
    }

    .newLayout .settingsModuleBox .settingsModuleTitle {
       display: none;
    }

    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .mailBoxViewBack.displayNone {
        display: block;
    }

    .modules {
        margin: 0;
    }

    .newNoteButtons {
        display: none;
    }
    .showFolders #sidebar {
        display: block;
    }
    .showFolders #modules {
        display: none;
    }
    .buttonNewmail {
        display: none !important;
    }
    .showFolders .mobileButtonCancel {
        display: block;
    }
    .showFolders .mobileButtonFolders {
        display: none;
    }
    .noteListHeaderSelect {
        display: none;
    }
    .mobileNewNote .mobileButtons {
        display: none;
    }
    .mobileNewNote .newNoteButtons {
        display: block;
    }
    .newNoteButtons .mobileButtonCancel {
        display: block;
    }
    .noteEditorBottom .popupButtons {
        display: none;
    }
    #newNote .noteListHeaderInfo {
        display: none;
    }
    #newNote {
        position: relative;
    }
    .noteEditorBottom .newNoteAddNoteGroup {
        right: 0;
    }

    .newLayout #modules {
        min-height: auto;
    }
    html,
    body {
        min-height: auto;
        height: auto;
    }
    .noteEditorBottom {
        padding-right: 0;
    }
    .noteEditorBottom #newNoteLabels {
        padding-left: 10px;
        padding-top: 0px;
    }
}

@media screen and (max-width: 900px) {
    .newLayout .maillistData .filelistHeader th.mtype,
    .newLayout #filelist .maillistData tr.mailItem td.mtype {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .newLayout .maillistData .filelistHeader th.date,
    .newLayout #filelist .maillistData tr.mailItem td.date {
        display: none;
    }

    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .actionSpamMail {
        display: none !important;
    }

    .newLayout #module-maillist.mailBoxView #maillistButtons .maillistHeaderBtn span.title {
        left: 50% !important;
        top: 9px !important;
        padding: 0 !important;
        position: absolute !important;
        white-space: nowrap !important;
    }

    .newLayout #module-maillist.mailBoxView #maillistButtons .maillistHeaderBtn {
        text-indent: -9999px;
    }

    .newLayout #module-maillist.mailBoxView #mailistHeaderOptions .checkboxMailContainer {
        text-indent: -9999px !important;
    }

    .newLayout #module-maillist.mailBoxView #maillistButtons .maillistHeaderBtn {
        width: 46px !important;
    }

    .newLayout #module-maillist.mailBoxView #mailistHeaderOptions .checkboxMailContainerTitle {
        top: 31px;
    }

    .newLayout #module-maillist.mailBoxView #mailistHeaderOptions .checkboxMailContainer:before {
        margin-top: -2px;
    }

    .newLayout #module-maillist.mailBoxView #maillistButtons .innerMaillistButtons {
        padding: 23px 0px;
    }
}

@media screen and (max-width: 380px) {
    .newLayout .maillistData .filelistHeader th.msize,
    .newLayout #filelist .maillistData tr.mailItem td.msize {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    #submodule-smsdetails {
        display: none !important;
    }
    #smsList {
        width: 100% !important;
    }
    .previewSMS #submodule-smsdetails {
        display: block !important;
    }
    .previewSMS #smsList {
        display: none !important;
    }
    #contactsSubModules {
        display: none !important;
    }
    #contactsList {
        width: 100% !important;
    }
    .previewContact #contactsSubModules {
        display: block !important;
    }
    .previewContact #contactsList {
        display: none !important;
    }
}

@media screen and (max-width: 900px) {
    #contactsList {
        width: 100% !important;
    }

    .previewContact #contactsSubModules {
        display: block !important;
    }
    .previewContact #contactsList {
        display: none !important;
    }
    #submodule-contactsnotications,
    #submodule-contactslastcontacts {
        display: none !important;
    }

}

@media screen and (max-width: 760px) {

    .newLayout #module-maillist .mailItem .msize {
        display: none;
    }

    #smsMiddleScrollbar .viewport,
    .newLayout .wrapperContainer div.scrollViewport {
        overflow: visible !important;
        height: auto !important;
    }
    #smsMiddleScrollbar .overview,
    .newLayout .wrapperContainer div.scrollOverview {
        overflow: visible !important;
        position: relative !important;
        top: 0 !important;
    }
    .newLayout .track {
        display: none !important;
    }

    .newLayout #mailsMoveListContainer .viewport {
        overflow: auto !important;
    }

    .newLayout .popup .popupButtons .lineTop {
        border-bottom: none !important;
    }

    .newLayout #filesMoveListContainer .viewport {
        overflow: auto !important;
    }

    #modules {
        overflow: hidden;
    }
    #sidebar {
        height: 100%;
    }
    html {
        height: auto;
    }

    .newLayout #attachingLandLineTabPreviewText {
        width: 100%;
        float: none;
        font-size: 15px;
    }

    .newLayout #attachingLandLineTabPreviewImage {
        width: 100%;
        float: none;
    }

    .newLayout #attachingLandLineTabPreview {
        height: 270px !important;
        float: none;
    }

    .newLayout #attachingLandLineTabPreviewImage {
        background-position: -20px 0px !important;
    }

    .newLayout .attachingLandLineTabTitleLabel {
        font-size: 12px !important;
    }

    .newLayout .attachingLandLineTab .attachingLandLineTabIcon {
        margin-top: 20px !important;
    }

    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .actionDeleteMail {
        display: none !important;
    }

}



.previewRSS .mobileButtonCancelPreview,
.previewSMS .mobileButtonCancelPreview,
.previewContact .mobileButtonCancelPreview {
    display: block;
}

.previewRSS .mobileButtonFolders,
.previewSMS .mobileButtonFolders,
.previewContact .mobileButtonFolders {
    display: none;
}


/* New layout - files */

.newLayout .maillistData .isDeleted span {
    text-decoration: line-through;
}

.newLayout .maillistData .filelistHeader th.moveCheck {
    border-right: none;
    text-align: right;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
}

.newLayout .maillistData .filelistHeader th.icon,
.newLayout .maillistData .filelistHeader th.icon2 {
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    width: 42px;
}

.newLayout .maillistData .filelistHeader th.subject {
    border-bottom: 1px solid #e0e0e0;
    border-left: none;
    border-right: none;
}

.newLayout .maillistData .filelistHeader th {
    background: #eee;
    color: #666;
    text-shadow: none;
    font-size: 13px;
    font-weight: normal;
    height: 45px;
}

.newLayout .maillistData .filelistHeader th.mtype,
.newLayout .maillistData .filelistHeader th.msize {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
}

.newLayout .maillistData .filelistHeader th.date {
    background: #eee;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
}

.newLayout .iconSortUp {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -25px -3679px;
    float: none;
}

.newLayout .iconSortDown {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -54px -3678px;
    float: none;
}

.newLayout #submodule-quotabox .sidebarBoxTop,
.newLayout #submodule-filefolders .sidebarBoxTop,
.newLayout #submodule-filesquotabox .sidebarBoxTop {
    background: none;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 15px;
    margin: 0 10px;
    padding: 5px 10px;
    text-shadow: none;
    width: auto;
    z-index: 999;
}

.newLayout .filelistHeader .listViewIcon {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0px -3713px;
    width: 29px;
    height: 29px;
}

.newLayout .filelistHeader .listViewIconList {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -53px -3713px;
}

.newLayout #submodule-filefolders .sidebarBox,
.newLayout #submodule-quotabox .sidebarBox,
.newLayout #submodule-filesquotabox .sidebarBox {
    border: none;
}

.newLayout #filelist .maillistData tr:hover {
    background-color: #e8f8ff;
}

.newLayout #filelist .maillistData tr.mailItem td {
    height: 50px;
}

.newLayout .mailItem .filelistIcon {
    position: relative;
    top: auto;
    left: auto;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -96px -3706px;
    height: 40px;
    width: 47px;
}

.newLayout .mailItem .filelistIcon3,
.newLayout .mailItem .filelistIcon1 {
     background: url("../_d/mailbox-icon.png?v=1") no-repeat -151px -3706px;
}

.newLayout .maillistData tr.mailItem .filelistIcon:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent;
    font-weight: bold;
    font-size: 9px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.newLayout .maillistData tr.isVideo .filelistIcon:before {
    content: 'video';
}

.newLayout .maillistData tr.isArchive .filelistIcon:before {
    content: 'zip';
}

.newLayout .maillistData tr.isMusic .filelistIcon:before {
    content: 'music';
}

.newLayout .maillistData tr.isSpreadsheet .filelistIcon:before {
    content: 'xls';
}

.newLayout .maillistData tr.isDocument .filelistIcon:before {
    content: 'txt';
}

.newLayout .maillistData tr.isPicture .filelistIcon:before {
    content: 'img';
}

.newLayout .maillistData tr.isPresentation .filelistIcon:before {
    content: 'ppt';
}

.newLayout .maillistData tr.isEstonian .filelistIcon:before {
    content: '';
}

.newLayout .maillistData tr.isExecutable .filelistIcon:before {
    content: 'exe';
}

.newLayout .maillistData tr.isMessage .filelistIcon:before {
    content: 'mail';
}

.newLayout .maillistData tr.isHtml .filelistIcon:before {
    content: 'html';
}

.newLayout #filelist .viewItem:hover,
.newLayout #filelist .viewItem.isSelected {
    background-color: #e8f8ff;
}

.newLayout #filelist .viewItem:not(.isFolder) .filelistIconBox {
    background-color: #eee;
    display: block;
    height: 70%;
    margin: 17px 7px;
    position: relative;
}

.newLayout #filelist .viewItem:not(.isFolder) .filelistIcon {
    background: #eee url("../_d/mailbox-icon.png?v=1") no-repeat scroll -102px -3706px;
    display: block;
    height: 41px;
    position: absolute;
    right: 33%;
    width: 33px;
}


.newLayout #filelist .viewItem .label {
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    position: relative;
}

.newLayout #filelist .viewItem .label:before {
    margin-top: 0;
    top: 0;
    position: static;
}

.newLayout #filelist .viewItem:not(.isFolder):hover .filelistIcon,
.newLayout #filelist .viewItem:not(.isFolder):hover .filelistIconBox,
.newLayout #filelist .viewItem.isSelected:not(.isFolder) .filelistIconBox,
.newLayout #filelist .viewItem.isSelected:not(.isFolder) .filelistIcon {
    background-color: #e8f8ff;
}

.newLayout #filelist .viewItemTitle {
    font-size: 12px;
}

.newLayout #filelist .maillistData tr.mailItem td.moveCheck {
    background-position: -1px -539px;
}

.newLayout #filesFolderList {
    padding-left: 10px;
}

.newLayout .mailItem .filelistThumb img {
    max-width: 47px;
    max-height: 40px;
}

.newLayout .mailItem .filelistThumb {
    width: 47px;
    height: 40px;
}

.newLayout .popupNormal .popupNormalTop,
.newLayout .popupNormal .popupNormalTop p {
    background: none;
    overflow: visible;
}

.newLayout .popupNormalBottom,
.newLayout .popupNormalLeft,
.newLayout .popupNormalRight {
    display: none;
}

.newLayout #popupFilesUpload a#uploadFilesPopupCancel {
    vertical-align: text-bottom;
}

.newLayout #popupFilesUpload .popupInner {
    padding: 0;
}

.newLayout #popupFilesUpload {
    padding-bottom: 0;
}

.newLayout #popupFilesUploadInfo {
    padding: 20px 20px 70px 20px;
}

.newLayout #profileSpaceToCropPhoto {
    position: static;
    margin: 20px auto;
    display: block;
    top: auto;
    left: auto;
    text-align: center;
}

.newLayout #profileSpaceToCropPhoto .jcrop-holder {
    margin: 0 auto;
}

.newLayout .newInner {
    padding: 20px;
}

.newLayout #filesUploadProgressContainer {
    margin: 0 20px 15px 20px;
}

.newLayout #popupFilesUpload .popupMinimize {
    display: none;
}

.newLayout #popupFilesUpload h2:before {
    background-image: url("../_d/mailbox-icon.png?v=1");
    background-repeat: no-repeat;
    background-position: 8px -3082px;
}

.newLayout #submodule-quotabox .sidebarBoxTop,
.newLayout #submodule-filesquotabox .sidebarBoxTop {
    display: none !important;
}

.newLayout #submodule-quotabox,
.newLayout #submodule-filesquotabox {
    position: fixed;
    bottom: 0;
    background: #eeeeee;
    border-top: 1px solid #e0e0e0;
    width: 180px;
    padding: 15px 10px 14px 10px;
    z-index: 100;
}

.newLayout #submodule-quotabox .folderList,
.newLayout #submodule-filesquotabox .folderList {
    padding: 0;
    background: none;
}

.newLayout #submodule-quotabox .progressBar,
.newLayout #submodule-filesquotabox .progressBar {
    margin: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    width: auto;
    height: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}

.newLayout #submodule-quotabox .progressBarFull,
.newLayout #submodule-filesquotabox .progressBarFull {
    background: #95908a;
}

.newLayout #submodule-quotabox .accountSpaceInfo,
.newLayout #submodule-filesquotabox .accountSpaceInfo {
    padding: 10px 0 0 0;
    font-size: 12px;
}

.newLayout #submodule-quotabox .sidebarBox,
.newLayout #submodule-filesquotabox .sidebarBox {
    width: auto;
    margin: 0;
}

.newLayout #submodule-filesbanner {
    padding: 0 10px 30px 10px;
}

.newLayout #submodule-filesbanner .inner {
    background: #eae8e4;
    text-align: center;
    border: 1px solid #94908a;
}

.newLayout #submodule-filesbanner .inner img {
    width: 130px;
    height: 47px;
    padding-bottom: 10px;
}

.newLayout #submodule-filesbanner .inner p {
    padding: 10px;
    margin: 0;
    text-align: left;
}

.newLayout .files-banner-header {
    background: #ada9a1;
    border-bottom: 1px solid #94908a;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-top: 10px;
    padding-left: 50px;
    text-align: left;
    position: relative;
}

.newLayout .files-banner-header:before {
    background: #94908a;
    content: " ";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.newLayout .files-banner-header:after {
    border-radius: 50%;
    font-size: 14px;
    content: "i";
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 2px 3px 2px 3px;
    background: #fff;
    font-weight: bold;
    color: #94908a;
    width: 10px;
    display: block;
    line-height: 12px;
    text-align: center;
}

#wrapper a.files-banner-link {
    margin-top: 10px;
    display: block;
    padding: 7px 10px;
    border: 1px solid #94908a;
    background: #ada9a1;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.newLayout #submodule-filefolders .folderList {
    margin: 0;
    padding-bottom: 0;
}

.folderList li div.filesSpecialFolder i {
    font-style: normal;
}

.newLayout #submodule-filefolders .folderList li div span {
    background: url("../_d/mailbox-icon.png?v=1") 9px -73px no-repeat;
}

.newLayout #submodule-filefolders li div span {
    padding-left: 31px;
    line-height: 17px;
}

.newLayout #submodule-filefolders .folderList li #folder_trash span {
    background-position: 9px -266px;
}

.newLayout #submodule-filefolders .folderList .plus:hover,
.newLayout #submodule-filefolders .folderList .minus:hover,
.newLayout #submodule-filefolders .folderList .selectedGroup:hover {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.newLayout #showPopupAddRssFeed {
    width: 615px;
    height: auto;
}

.newLayout #filelistEmpty {
    padding-top: 200px;
    font-size: 34px;
    font-weight: 200;
    font-size: 34px;
    font-family: 'robotothin', sans-serif;
    color: #757575;
}

.newLayout #popupFilesUpload .buttonSpecial {
    line-height: 38px;
    height: 38px;
    border-radius: 2px;
    background: #00cc66;
    color: #fff;
    font-size: 15px;
    padding: 0 18px;
    display: inline-block;
    font-weight: 700;
    float: none;
    text-shadow: none;
    margin-right: 0;
    font-weight: 700;
}

.newLayout #popupFilesUpload .buttonSpecial:hover {
    background: #02b95e;
    text-decoration: none;
}

.newLayout #popupFilesUpload .buttonNormal {
    float: none;
    color: #3d3d3d;
    text-decoration: underline;
    font-size: 12px;
    border: 0;
    margin: 0 10px;
    background: none;
    height: auto;
    display: inline-block;
    padding: 0;
}

.newLayout #popupFilesUpload .buttonSpecial span,
.newLayout #popupFilesUpload .buttonNormal span {
    position: static;
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    height: auto;
    width: auto;
    color: #3d3d3d;
    font-size: 12px;
    text-shadow: none;
    float: none;
}

.newLayout #popupFilesUpload .buttonNormal span {
    font-weight: normal;
}

.newLayout #popupFilesUpload .buttonSpecial span {
    color: #fff;
    font-size: 15px;
}

#abortAllUploadsButton {
    color: #3d3d3d;
    text-decoration: underline;
    padding: 0;
    margin: 0 10px;
}

.newLayout .filelistButtonsContainer {
    background: #990ae3;
    margin: 0;
    height: 45px;
}

.newLayout #filelistButtons .maillistButtonsContainer {
    margin-top: 7px;
}

.newLayout #downloadInfoText {
    color: #fff;
}

.newLayout #filelistButtons a.buttonSpecial {
    background: none;
    text-shadow: none;
}

.newLayout #filelistButtons a.buttonSpecial span {
    background: none;
    text-shadow: none;
}

.newLayout #filelistButtons a.buttonNormal {
    background: none;
    text-shadow: none;
}

.newLayout #filelistButtons a.buttonNormal span {
    background: none;
    text-shadow: none;
}

.newLayout #filesDownloadNotAllowedTooltip {
    top: 57px;
}

.newLayout #filelistButtons a.inactiveButton {
    opacity: 0.7;
    filter: alpha(opacity=70);
}


/* New layout - sms */

.newLayout #submodule-smsfolders .sidebarBoxTop {
    background: none;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 15px;
    margin: 0 10px;
    padding: 5px 10px;
    text-shadow: none;
    width: auto;
}

.newLayout #module-sms .maillistData th.contactTitle {
    border-right: none;
    text-align: right;
    height: 45px;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    color: #666;
    text-shadow: none;
    font-size: 15px;
    padding: 0px 10px;
    box-sizing: border-box;
}

.newLayout #smsListData .facebookScrollerBar ~ .viewport > .overview {
    padding-right: 0;
}

.newLayout #smsMiddleScrollbar > .scrollbar .track {
    border: none;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.newLayout #smsMiddleScrollbar > .scrollbar .thumb {
    left: -2px;
}

.newLayout #submodule-smsfolders .sidebarBox {
    border: none;
}

.newLayout #smsList,
.newLayout #smsListDefault {
    border-right: 1px solid #757575;
}

.newLayout #smsList #smsFilterField,
.newLayout #smsListDefault .smsFilterFieldDefault {
    width: 100%;
    height: 37px;
    line-height: 37px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    color: #3d3d3d;
    border-radius: 3px;
    padding: 0 10px;
}

.newLayout #smsDetails {
    float: left;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
}

.newLayout #smsTabScrollbar {
    outline: none;
}

.newLayout #smsDetails .contactDetailInner {
    border-radius: 0;
    border: none;
}

.newLayout #smsFolderList .selectedGroup:hover {
    background-color: #ddd !important;
}

.newLayout #popupFilesMove .folderList li div span {
    background: url("../_d/mailbox-icon.png?v=1") 9px -73px no-repeat;
}

.newLayout .folderList .moveSelector {
    background: #ddd;
}

.newLayout #popupFilesFilesDelete h2:before,
.newLayout #popupFilesMove h2:before {
    background-position: -120px -2680px;
}

.newLayout .folderList #smsFolderList li div.smsInbox span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -68px -2778px;
}

.newLayout .folderList #smsFolderList li div.smsTrash span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -68px -2806px;
}

.newLayout #popupFilesLink .popupInner {
    padding: 0;
}

.newLayout #popupFilesLink h2:before,
.newLayout #orderNowPopup h2:before {
    background: #02b95e url("../_d/popups-icons.png") 0 -47px;
}

.newLayout #popupFilesLink h2 {
    margin-bottom: 20px;
}

.newLayout #popupFilesLink #popupFilesLinkShareLink1 {
    padding: 0 10px;
}

.newLayout #popupFilesLink .popupFilesLinkContainer {
    padding: 10px;
    margin-right: 15px;
    margin-left: 165px;
}

.newLayout #popupFilesLink {
    padding-bottom: 20px;
}

.newLayout #popupFilesLink .popupClose {
    top: 15px;
    right: 15px;
}

.newLayout #smsList,
.newLayout #smsListDefault {
    width: 30%;
    min-width: 270px;
    min-height: 100%;
    height: 100%;
    border-right: 1px solid #757575;
    float: left;
    box-sizing: border-box;
    position: static;
}

.newLayout #submodule-smsdetails {
    overflow: hidden;
    position: relative;
}

.newLayout #smsDetails,
.newLayout #smsDetailsBox {
    width: 100%;
}

.newLayout #smsDetailsBox {
    margin-bottom: 0;
}

.newLayout #smsListContent tr {
    background: #fff;
}

.newLayout #smsListContent tr:hover .contactCell,
.newLayout #smsListContent tr.smsConvListCurrent .contactCell {
    background: #e8f8ff;
}

.newLayout #smsListContent tr .contactCell {
    border: solid #e0e0e0;
    border-width: 0 0 1px;
    height: 80px;
    color: #000;
    font-size: 12px;
}

.newLayout #smsListContent tr .contactCell .smsCellData {
    height: 56px;
    padding-left: 72px;
}

.newLayout #smsListContent tr .contactCell .smsCellData .smsCellDataName {
    font-size: 14px;
    color: #0099ff;
    font-weight: 700;
}

.newLayout #smsListContent tr .contactCell .smsCellData .smsCellDataTime {
    color: #757575;
}

.newLayout #smsListContent tr .contactCell .smsCellData .smsListAvatar,
.newLayout #smsDetails #smsDetailAvatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.newLayout #smsListContent tr .contactCell .smsCellData .smsCellDataText {
    overflow: hidden;
    white-space: normal;
    margin-right: 40px;
    word-break: break-word;
    height: 2.5em;
    text-overflow: inherit;
    position: relative;
}

.newLayout #smsDetails #smsDetailAvatar {
    position: absolute;
    left: 20px;
    top: 2px;
}

.newLayout #smsDetails #smsDetailName {
    font-size: 15px;
    font-weight: 700;
    color: #0099ff;
}

.newLayout #smsDetails #smsDetailName a {
    color: #0099ff;
}

.newLayout #smsDetails .contactDetailHeader .defaultAvatar {
    line-height: 40px;
}


.newLayout #smsListContent tr .contactCell .smsCellData .defaultAvatar,
.newLayout #smsDetails .defaultAvatar {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #ccc;
    margin-right: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
}

.newLayout #smsListContent tr .contactCell .smsCellData .defaultAvatarImg {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 26px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
}

.newLayout #smsDetailsSMS .smsBubbleA,
.newLayout #smsDetailsSMS .smsBubbleB,
.newLayout #contactDetailsSMS .smsBubbleA,
.newLayout #contactDetailsSMS .smsBubbleB {
    padding: 5px 0px;
    margin: 10px 10px;
    font-size: 12px;
    border-radius: 3px;
    position: relative;
}

.newLayout #popupVoipCalling .smsBubbleA .smsBubbleContent {
    border: 1px solid #cddb5b;
}


.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent,
.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent,
.newLayout #contactDetailsSMS .smsBubbleB .smsBubbleContent {
    background: none;
    border: 0;
}

.newLayout #smsDetailsSMS .smsBubbleA,
.newLayout #contactDetailsSMS .smsBubbleA {
    margin-right: 135px;
    background: #f2f2f2;
    color: #3d3d3d;
}

.newLayout #smsDetailsSMS .smsBubbleA:after,
.newLayout #contactDetailsSMS .smsBubbleA:after {
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f2f2f2;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 5px;
}

.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent,
.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader strong,
.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader strong,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime {
    color: #3d3d3d;
}

.newLayout #smsDetailsSMS .smsBubbleB,
.newLayout #contactDetailsSMS .smsBubbleB {
    margin-left: 135px;
    background: #00cc66;
    color: #fff;
}

.newLayout #smsDetailsSMS .smsBubbleB:after,
.newLayout #contactDetailsSMS .smsBubbleB:after {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #00cc66;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -8px;
    right: 5px;
}

.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent,
.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader strong,
.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader .smsTime,
.newLayout #contactDetailsSMS .smsBubbleContent,
.newLayout #contactDetailsSMS .smsBubbleContent .smsBubbleHeader strong,
.newLayout #contactDetailsSMS .smsBubbleContent .smsBubbleHeader .smsTime {
    color: #fff;
}

.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime,
.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader .smsTime,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime,
.newLayout #contactDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader .smsTime {
    font-weight: 700;
    padding-right: 20px;
}

.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime .iconX,
.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader .smsTime .iconX,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime .iconX,
.newLayout #contactDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader .smsTime .iconX {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background-image: url("../_d/mailbox-icon.png?v=1");
    background-repeat: no-repeat;
    padding: 0;
    border-top-right-radius: 3px;
}

.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime .iconX,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader .smsTime .iconX {
    background-color: #e0e0e0;
    background-position: -67px -3033px;
}

.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader .smsTime .iconX,
.newLayout #contactDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader .smsTime .iconX {
    background-color: #00ab55;
    background-position: -67px -3056px;
}

.newLayout #smsDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader strong,
.newLayout #smsDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader strong,
.newLayout #contactDetailsSMS .smsBubbleA .smsBubbleContent .smsBubbleHeader strong,
.newLayout #contactDetailsSMS .smsBubbleB .smsBubbleContent .smsBubbleHeader strong {
    font-size: 15px;
}

.newLayout #smsDetails {
    background: #f2f2f2;
    border: solid #e0e0e0;
    border-width: 0 0 1px;
}

.newLayout #smsDetails .contactDetailHeader {
    height: 45px;
    padding: 5px 0 18px 100px;
    box-sizing: border-box;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer {
    position: absolute;
    top: 25px;
    left: 100px;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer > a,
.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer > div,
.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactDetailPhoneIcon {
    position: static;
    display: inline-block;
    padding: 0;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactInfoMail {
    width: 23px;
    height: 14px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -670px no-repeat;
    padding: 0;
    display: inline-block !important;
    vertical-align: middle;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactDetailPhoneIcon {
    width: 35px;
    height: 14px;
    background: url("../_d/mailbox-icon.png?v=1") 11px -696px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    cursor: pointer;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactDetailPhoneIcon .contactDetailPhoneWindow {
    display: none;
    position: absolute;
    left: 5px;
    top: 17px;
    border: 1px solid #e0e0e0;
    background: #fff;
    width: 130px;
    z-index: 10;
    padding: 0.7em;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactDetailPhoneIcon .contactDetailPhoneWindow a {
    display: block;
    background: none;
    color: #990ae3;
    font-size: 12px;
    text-indent: 0;
    position: static;
    width: 100%;
    margin: 5px 0px;
    border: 0;
    text-decoration: underline;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactDetailPhoneIcon .contactDetailPhoneWindow a:hover {
    text-decoration: none;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactDetailPhoneIcon .contactDetailPhoneWindow .btnsTop {
    border: solid #e0e0e0;
    border-width: 1px 1px 0;
    background: #fff;
    width: 26px;
    height: 22px;
    border-radius: 3px 3px 0 0;
    position: absolute;
    top: -22px;
    box-sizing: border-box;
    left: -1px;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactDetailPhoneIcon .contactDetailPhoneWindow .btnsTop .btnsTopImg {
    background: #fff url("../_d/mailbox-icon.png?v=1") 5px -693px no-repeat;
    display: inline-block;
    width: 100%;
    height: 20px;
    background-clip: content-box;
    padding: 3px 0;
    box-sizing: border-box;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactInfoSMS {
    width: 35px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") 9px -753px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .addContactIcon {
    width: 35px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") 11px -788px no-repeat;
    padding: 0;
    display: inline-block !important;
    vertical-align: middle;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .contactInfoMailDisable {
    background-position: -1px -683px;
}

.newLayout #smsDetails .contactDetailHeader .contactDetailBtnContainer .addContactIconDisable {
    background-position: 11px -804px;
}

.newLayout #smsReplyFormNotValid,
.newLayout #smsReplyForm {
    border-radius: 0;
    background: #eeeeee;
    border: solid #e7e7e7;
    border-width: 1px 0 0;
    margin-bottom: 0;
}

.newLayout #smsReplyForm .smsReplyInner,
.newLayout #smsReplyFormNotValid .smsReplyInner {
    border: 0;
    border-radius: 0;
}

.newLayout #smsReplyForm .smsReplyInner textarea {
    border: 1px solid #e1e1e1;
    border-radius: 0;
}

.newLayout #smsReplyForm .smsReplyInner #smsReplyButton #smsReplyBtn {
    float: right;
    height: 40px;
    line-height: 40px;
    background: #990ae3;
    padding: 0 25px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 3px;
    display: inline-block;
}

.newLayout #smsReplyForm .smsReplyInner #smsReplyButton #smsReplyBtn span {
    background: none;
    font-size: 16px;
    margin: 0;
    padding: 0;
    height: auto;
    display: inline;
    text-shadow: none;
}

.newLayout #smsReplyForm .smsReplyInner #smsReplyButton #newSMSReplyCharCount {
    line-height: 40px;
    display: inline-block;
    font-size: 13px;
}

.newLayout #smsTabScrollbar > .scrollbar .track {
    right: 0;
    border: 0;
    box-shadow: none;
    background: 0;
}


/* New layout - mailbox */

.permHide {
    display: none !important;
}

.newLayout .logo img {
    width: auto;
    height: auto;
}

.newLayout .loginBarButton a {
    background: #00cc66;
}

.newLayout .loginBarButton a:hover {
    background: #02b95e;
}

.newLayout .maillistData.emptyData {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
}

.newLayout .maillistData.emptyData .scrollOverview {
    width: 100%;
    height: 100%;
}

.newLayout .maillistData.emptyData .emptyFolder {
    font-size: 34px;
    font-family: 'robotothin', sans-serif;
    color: #757575;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 50%;
}

.newLayout .maillistData.emptyData img {
    width: 100%;
}

.newLayout #folderList li .rename input[type=text] {
    display: inline-block;
    width: 50px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #3d3d3d;
    font-size: 12px;
    padding: 0 2px;
    box-sizing: border-box;
}

.newLayout #folderList li .rename i {
    display: none;
}

.newLayout #folderList ul li ul li ul li ul li ul .rename input[type=text] {
    width: 40px;
}

.newLayout #folderList li input[type=text] {
    display: none;
}

.newLayout #submodule-folderlist h2 {
    padding: 5px 20px;
    margin: 0;
    font-size: 15px;
}

.newLayout #submodule-folderlist .line {
    margin: 10px;
    border-top: 1px solid #ccc;
    height: 0;
    overflow: hidden;
}

.newLayout #folderList ul,
.newLayout folderList ul,
.newLayout #filesFolderList ul {
    list-style: none;
}

.newLayout #folderList ul,
.newLayout folderList ul,
.newLayout #filesFolderList ul {
    padding-left: 20px;
}

.newLayout #folderList > ul,
.newLayout .folderList > ul,
.newLayout #filesFolderList > ul {
    padding-left: 10px;
    padding-right: 10px;
    margin: 11px 0;
}

.newLayout .sidebarSmall #folderList > ul,
.newLayout .sidebarSmall .folderList > ul,
.newLayout .sidebarSmall #filesFolderList > ul {
    padding-left: 5px;
}

.newLayout #folderList > ul,
.newLayout #filesFolderList > ul {
    margin: 0;
}

.newLayout #folderList ul li > ul,
.newLayout .folderList ul li > ul,
.newLayout #filesFolderList ul li > ul {
    padding-left: 20px;
}

.newLayout #folderList ul li > ul li > ul,
.newLayout .folderList ul li > ul li > ul,
.newLayout #filesFolderList ul li > ul li > ul {
    padding-left: 20px;
}

.newLayout .sidebarSmall #folderList ul li > ul,
.newLayout .sidebarSmall .folderList ul li > ul,
.newLayout .sidebarSmall #filesFolderList ul li > ul {
    padding-left: 5px;
}

.newLayout #folderList ul li,
.newLayout .folderList ul li,
.newLayout #filesFolderList ul li {
    position: relative;
}

.newLayout #folderList span.folderMail,
.newLayout #folderList span.folderInbox,
.newLayout #folderList span.folder,
.newLayout #folderList span.folderUnread,
.newLayout #folderList span.folderStarred,
.newLayout #folderList span.folderSent,
.newLayout #folderList span.folderDrafts,
.newLayout #folderList span.folderTrash,
.newLayout #folderList span.folderSpam,
.newLayout .folderList span.folderMail,
.newLayout .folderList span.folderInbox,
.newLayout .folderList span.folder,
.newLayout .folderList span.folderUnread,
.newLayout .folderList span.folderStarred,
.newLayout .folderList span.folderSent,
.newLayout .folderList span.folderDrafts,
.newLayout .folderList span.folderTrash,
.newLayout .folderList span.folderSpam {
    background: url("../_d/mailbox-icon.png?v=1") 0 0 no-repeat;
    line-height: 28px;
    display: inline-block;
    cursor: pointer;
}

.newLayout #folderList span.folderMail,
.newLayout .folderList span.folderMail {
    background-position: 0px -6px;
    padding-left: 25px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 28px;
    font-size: 13px;
}

.newLayout #folderList a {
    font-size: 13px;
}

.newLayout #folderList span.folderMail.bubbleShow,
.newLayout .folderList span.folderMail.bubbleShow {
    background: none !important;
}

.newLayout #folderList span.folderMail .value,
.newLayout .folderList span.folderMail .value {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    height: 24px;
}

.newLayout #settingsMenuListBox .arrow {
    background: url("../_d/mailbox-icon.png?v=1") -1px -2270px no-repeat;
    display: inline-block;
    width: 8px;
    height: 8px;
}

.newLayout #folderList span.folderMail .arrow,
.newLayout .folderList span.folderMail .arrow {
    background: url("../_d/mailbox-icon.png?v=1") -1px -2270px no-repeat;
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -4px;
}

.newLayout #settingsMenuListBox .open .arrow,
.newLayout #folderList span.folderMail.open .arrow,
.newLayout .folderList span.folderMail.open .arrow {
    background-position: 0 -3px;
}

.newLayout #folderList span.folderMail .bubble {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #990ae3;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    margin-top: -10px;
    padding: 0;
    font-family: "Neue Helvetica W01", sans-serif;
    font-weight: normal;
    color: #fff;
}

.newLayout #folderList span.folderMail .bubble ins,
#mailListBubble span {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 10px;
}

.newLayout .overLoaderFailSmall {
    display: inline-block;
    width: 19px !important;
    height: 19px !important;
    background: #ff6464 !important;
    text-align: center;
    line-height: 19px;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50% !important;
    left: 0 !important;
    margin: 0;
    margin-top: -9px;
    padding: 0 !important;
    font-family: "Neue Helvetica W01", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}

.newLayout #folderList span.folderMail .overLoaderSmall {
    display: none !important;
}

.newLayout #folderList span.folderMail.fail {
    background: none;
}

#mailListBubble {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #00cc66;
    text-align: center;
    line-height: 19px;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 11px;
    left: 50%;
    margin: 0;
    padding: 0;
    font-family: "Neue Helvetica W01", sans-serif;
    font-weight: normal;
    color: #fff;
}

nav div.tabs div {
    position: relative;
}

nav div.tabs div:hover,
nav div.tabs .selected {
    background-color: #642d96;
}

.newLayout .folderList .plus,
.newLayout .folderList .minus {
    background: none;
}

.newLayout #folderList span.folderInbox,
.newLayout .folderList span.folderInbox {
    background-position: 0px -38px;
    padding-left: 25px;
}

.newLayout #folderList span.folder,
.newLayout .folderList span.folder {
    background-position: 0px -71px;
    padding-left: 25px;
}

.newLayout #folderList span.folderUnread,
.newLayout #folderList span.folderStarred,
.newLayout #folderList span.folderSent,
.newLayout #folderList span.folderDrafts,
.newLayout #folderList span.folderTrash,
.newLayout #folderList span.folderSpam,
.newLayout .folderList span.folderUnread,
.newLayout .folderList span.folderStarred,
.newLayout .folderList span.folderSent,
.newLayout .folderList span.folderDrafts,
.newLayout .folderList span.folderTrash,
.newLayout .folderList span.folderSpam {
    padding-left: 25px;
}

.newLayout #folderList span.folderUnread,
.newLayout .folderList span.folderUnread {
    background-position: 0px -170px;
}

.newLayout #folderList span.folderStarred,
.newLayout .folderList span.folderStarred {
    background-position: -2px -103px;
}

.newLayout #folderList span.folderSent,
.newLayout .folderList span.folderSent {
    background-position: 0px -203px;
}

.newLayout #folderList span.folderDrafts,
.newLayout .folderList span.folderDrafts {
    background-position: 0px -233px;
}

.newLayout #folderList span.folderTrash,
.newLayout .folderList span.folderTrash {
    background-position: 1px -263px;
}

.newLayout #folderList span.folderSpam,
.newLayout .folderList span.folderSpam {
    background-position: 0px -136px;
}

.newLayout #folderList span.folderMail.gmail,
.newLayout #folderList a[title*=gmail] span.folderMail,
.newLayout .folderList span.folderMail.gmail,
.newLayout .folderList a[title*=gmail] span.folderMail {
    background-position: 0px -296px;
}

.newLayout #folderList ul a,
.newLayout .folderList ul a,
.newLayout #filesFolderList ul li > div {
    color: #3d3d3d;
    text-decoration: none;
    font-style: normal;
    line-height: 28px;
    display: inline-block;
    width: 100%;
    border: 1px solid transparent;
    padding: 0 10px;
    box-sizing: border-box;
    height: 28px;
}

.newLayout #filesFolderList ul li > div {
    padding-right: 0;
    padding-left: 0;
}

.newLayout #folderList ul a:hover,
.newLayout #folderList ul a.active,
.newLayout .folderList ul a:hover,
.newLayout .folderList ul a.active,
.newLayout .folderList ul a.moveSelector,
.newLayout #filesFolderList ul li > div:hover,
.newLayout #filesFolderList ul li > div.selectedGroup {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.newLayout #filesFolderList small {
    background: none;
}

.newLayout #folderList ul a {
    white-space: nowrap;
}

.newLayout #folderListBox .addEmailAccountLink a,
.newLayout #wrapper a.common-label-addNewGroupLabel {
    text-decoration: underline;
    color: #990ae3;
    display: inline-block;
    padding-left: 35px;
    background: url("../_d/mailbox-icon.png?v=1") 20px -2286px no-repeat;
    margin: 0;
}

.newLayout #folderList .folderMainOptionsArrow,
.newLayout .folderList .folderMainOptionsArrow,
.newLayout #filesFolderList li div small {
    display: none;
    width: 32px;
    height: 32px;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -16px;
    z-index: 10;
}

.newLayout #folderList .folderMainOptionsArrow:before,
.newLayout .folderList .folderMainOptionsArrow:before,
.newLayout #filesFolderList li div small:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -2270px no-repeat;
}

.newLayout #folderList ul li a,
.newLayout .folderList ul li a {
    position: relative;
}


.newLayout #folderList ul a.active small,
.newLayout #folderList ul li a:hover .folderMainOptionsArrow,
.newLayout .folderList ul li a:hover .folderMainOptionsArrow,
.newLayout #filesFolderList li div:hover small {
    display: inline-block;
}


.newLayout #folderListBox .folderMainOptions,
.newLayout #contactsGroupsListActions,
.newLayout #smsFoldersListActions {
    display: none;
    position: absolute;
    top: 123px;
    right: 13px;
    z-index: 15;
    width: 120px;
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 1em;
    box-sizing: border-box;
    left: auto;
}

.newLayout #smsFoldersListActions.folderActionBox,
.newLayout #contactsGroupsListActions.folderActionBox {
    right: 1px;
}

.newLayout #folderListBox .folderMainOptions .line,
.newLayout #contactsGroupsListActions .line,
.newLayout #smsFoldersListActions .line {
    margin: 10px 0;
}

.newLayout #folderListBox .folderMainOptions a,
.newLayout #contactsGroupsListActions a,
.newLayout #smsFoldersListActions a {
    text-decoration: underline;
    color: #990ae3;
    border: 0;
    padding: 0;
    background: none;
}

.newLayout #folderListBox .folderMainOptions ul,
.newLayout #contactsGroupsListActions ul,
.newLayout #smsFoldersListActions ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.newLayout #folderListBox .folderMainOptions ul li,
.newLayout #contactsGroupsListActions ul li,
.newLayout #smsFoldersListActions ul li {
    margin: 0 0 10px;
}

.newLayout #folderListBox {
    position: relative;
    background: #fff;
}

.newLayout #folderListBox .folderMainOptions .arrow,
.newLayout #contactsGroupsListActions .arrow,
.newLayout #smsFoldersListActions .arrow {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll 4px -2262px;
    display: inline-block;
    width: 20px;
    height: 24px;
    position: absolute;
    right: -1px;
    top: -21px;
    margin-top: -3px;
    background-color: #fbfbfb;
    border: solid #e0e0e0;
    border-width: 1px 1px 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.newLayout #module-maillist {
    width: 30%;
    border-right: 1px solid #757575;
    min-width: 140px;
    min-height: 100%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
}

.newLayout #module-maillist.mailBoxView {
    border-right: none;
}

.newLayout #module-maillist #mailistHeaderOptions {
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    height: 46px;
    width: auto;
    box-sizing: border-box;
    padding: 0 20px 0 12px;
    position: relative;
    z-index: 2;
}

.newLayout #module-maillist #mailistHeaderOptions.moreChecked {
    z-index: initial;
}

.newLayout #module-maillist #mailistHeaderOptions .checkboxMailContainer {
    text-indent: -99999px;
}

.newLayout #module-maillist.mailBoxView #mailistHeaderOptions .checkboxMailContainer {
    text-indent: 0;
    white-space: nowrap;
}

.newLayout #module-maillist #mailistHeaderOptions .checkboxMailContainer:hover {
   text-indent: 0 !important;

}

#module-maillist #mailistHeaderOptions .checkboxMailContainerTitle {
    color: #3d3d3d;
    position: absolute;
    top: 31px;
    left: 0px;
    white-space: nowrap;
}

#module-maillist.mailBoxView #mailistHeaderOptions .checkboxMailContainerTitle {
    top: 27px;
}

.newLayout #module-maillist #mailistHeaderOptions .checkboxMailContainer {
    position: relative;
    margin: 0 0 0 -7px;
    width: 32px;
    height: 32px;
    background: none;
}

#module-maillist #mailistHeaderOptions .checkboxMailContainer:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    background: url("../_d/mailbox-icon.png?v=1") 0 -637px no-repeat;
}

#module-maillist.mailBoxView #mailistHeaderOptions .checkboxMailContainer:before {
    margin-top: -6px;
}

.newLayout #module-maillist #mailistHeaderOptions .checkboxMailContainer.checked:before {
    background-position: 0 -620px;
}

.newLayout .checkboxMailContainer {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../_d/mailbox-icon.png?v=1") 0 -637px no-repeat;
    margin: 7px 0;
    position: relative;
    z-index: 11;
}

.newLayout .checkboxMailContainer.checked {
    background-position: 0 -620px;
}

.newLayout .checkboxMailContainer input[type=checkbox] {
    display: none;
}

.newLayout .radioMailContainer {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../_d/mailbox-icon.png?v=1") 0 -1500px no-repeat;
    margin: 7px 0;
    position: relative;
    z-index: 11;
}

.newLayout .radioMailContainer.checked {
    background-position: 0 -1520px;
}

.newLayout .radioMailContainer input[type=radio] {
    display: none;
}

.newLayout #mailistHeaderOptions p {
    margin: 0;
    padding: 0;
}

.newLayout #mailistHeaderOptions p .sortOptionContainer,
.newLayout .sortOptionContainer {
    position: relative;
    display: inline-block;
    float: right;
}

.newLayout .sortOptionContainer {
    margin-right: 15px;
}

.newLayout #mailistHeaderOptions p .sortOptionContainer {
    margin-right: 0;
}

.newLayout #mailistHeaderOptions p .sortOption,
.newLayout .sortOptionContainer .sortOption {
    float: right;
    color: #3d3d3d;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    padding: 10px 10px 2px 20px;
}

.newLayout #mailistHeaderOptions p .sortOption.active,
.newLayout .sortOptionContainer .sortOption.active {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 7px 0 #e0e0e0;
    text-decoration: none;
    z-index: 5;
}

.newLayout #mailistHeaderOptions p .sortOption .rightBg,
.newLayout .sortOptionContainer .sortOption .rightBg {
    background: #fff none repeat scroll 0 0;
    position: absolute;
    right: -3px;
    top: 0;
    width: 10px;
    height: 100%;
    display: none;
}

.newLayout #mailistHeaderOptions p .sortOption.active .rightBg,
.newLayout .sortOptionContainer .sortOption.active .rightBg {
    display: inline-block;
}

.newLayout #mailistHeaderOptions p .sortOptionWindow,
.newLayout .sortOptionContainer .sortOptionWindow {
    display: none;
    position: absolute;
    z-index: 4;
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 1px 0px #e0e0e0;
    box-shadow: 0 1px 7px 0px #e0e0e0;
    padding: 0 10px;
    right: -3px;
    top: 107%;
    width: 145px;
}

.newLayout .sortOptionContainer .sortOptionWindow {
    top: 100%;
    margin-top: -3px;
    text-align: left;
}

.newLayout #mailistHeaderOptions p .sortOptionWindow a,
.newLayout .sortOptionContainer .sortOptionWindow span {
    display: block;
    margin: 8px 0;
    text-decoration: underline;
    color: #990ae3;
    cursor: pointer;
}

.newLayout #mailistHeaderOptions p .sortOptionWindow a:hover,
.newLayout .sortOptionContainer .sortOptionWindow span:hover {
    text-decoration: none;
}

.newLayout #mailistHeaderOptions p .sortOption .iconSortDown,
.newLayout .sortOptionContainer .sortOption .iconSortDown {
    background: url("../_d/mailbox-icon.png?v=1") 4px -2266px;
    display: inline-block;
    width: 10px;
    height: 20px;
    padding: 0 0 0 5px;
}

.newLayout #mailistHeaderOptions p .sortOption .iconSortUp,
.newLayout .sortOptionContainer .sortOption .iconSortUp {
    background: url("../_d/mailbox-icon.png?v=1") 4px -2248px no-repeat;
    display: inline-block;
    width: 10px;
    height: 20px;
    padding: 0 0 0 5px;
}

.newLayout .sortOptionContainer .sortOption .iconSortDown,
.newLayout .sortOptionContainer .sortOption .iconSortUp {
    height: 15px;
}

.newLayout #mailistHeaderOptions p .sortOption .sortWindow {}

.newLayout #maillist .maillistData .mailItem {
    display: inline-block;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 10px 12px;
    cursor: pointer;
    clear: both;
    position: relative;
}

.newLayout #maillist .maillistData .mailItem.checked {
    background-color: #faf1ff;
}

.newLayout #maillist .maillistData .mailItem .forwarded,
.newLayout #maillist .maillistData .mailItem .replied {
    content: '';
    display: none;
    position: absolute;
    bottom: 10px;
    left: 15px;
    width: 10px;
    height: 10px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat;
}

.newLayout #maillist .maillistData .mailItem .replied {
    background-position: 1px -2230px;
}

.newLayout #maillist .maillistData .mailItem .forwarded {
    background-position: 1px -2210px;
}

.newLayout #maillist .maillistData .mailItem.forward .forwarded,
.newLayout #maillist .maillistData .mailItem.reply .replied {
    display: inline-block;
}

.newLayout #maillist .maillistData .mailItem > a {
    padding: 0;
}

.newLayout #maillist .maillistData .mailItem.active {
    background-color: #e8f8ff;
}

.newLayout #maillist .maillistData .mailItem:hover {
    background-color: #fbfbfb;
}

.newLayout #maillist .maillistData .mailItem p {
    display: inline-block;
    width: 100%;
    margin: 4px 0 0;
    padding: 0;
}

.newLayout #maillist .maillistData .mailItem p.senderDateSection {
    padding-left: 32px;
    box-sizing: border-box;
}

.newLayout #maillist .maillistData .mailItem .senderDateSection .star,
.newLayout #maillist .maillistData .mailItem .senderDateSection .sender {
    float: left;
}

.newLayout #maillist .maillistData .mailItem .senderDateSection .star {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("../_d/mailbox-icon.png?v=1") 0 -331px no-repeat;
    margin-right: 5px;
    position: static;
}

.newLayout #maillist .maillistData .mailItem .senderDateSection .star.starActive {
    background-position: 0 -365px;
}

.newLayout #maillist .maillistData .mailItem .senderDateSection .sender {
    font-weight: normal;
    color: #0099ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    max-width: none !important;
    box-sizing: border-box;
    width: 100%;
}

.newLayout #module-readmail.mailBoxView .scrollViewport {
    overflow: auto;
}

.newLayout #module-maillist.mailBoxView .maillistData .scrollViewport {
    overflow-y: auto;
}

.newLayout #module-maillist.mailBoxView .maillistData .track,
.newLayout #module-readmail.mailBoxView .track {
    display: none !important;
}


.newLayout #module-maillist.mailBoxView .maillistData .mailItem .senderDateSection .sender {
    width: 25%;
    padding-right: 10px;
    display: inline;

}

.newLayout #module-maillist.mailBoxView .maillistData .mailItem p {
    margin: 5px 0 0;
}

.newLayout #module-maillist.mailBoxView .maillistData .mailItem .subject {
    clear: none;
    padding-left: 0;
    float: none;
    display: inline;
    position: relative;
    top: 1px;
}

.newLayout #module-maillist.mailBoxView .maillistData .mailItem {
    height: 35px;
    padding: 3px 12px;
}

.newLayout #module-maillist.mailBoxView .maillistData .mailItem.forward .forwarded,
.newLayout #module-maillist.mailBoxView .maillistData .mailItem.reply .replied {
    float: left;
    margin: 0 0 2px 17px;
}

.newLayout #module-maillist.mailBoxView .maillistData .mailItem .senderDateSection .attachedFile {
    float: right;
    position: relative;
    bottom: 0;
    right: 0;
    padding-right: 0;
    width: 22px;
}

.newLayout #module-maillist.mailBoxView .maillistData .mailItem .senderDateSection .date {
    position: relative;
    right:auto;
    float: right;
}

.newLayout #module-maillist.mailBoxView .maillistData .mailItem .mailCheckContainer::before {
    margin-top: -14px;
}
.newLayout #module-maillist.mailBoxView .maillistData .mailItem .headerListSize {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 180px);
    float: left;
    display: block;
}
.newLayout #maillist .maillistData .mailItem .senderDateSection .msize {
    color: #757575;
    font-size: 12px;
    line-height: 18px;
}

.newLayout #maillist .maillistData .mailItem .senderDateSection .date {
    color: #757575;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newLayout #maillist .maillistData .mailItem .senderDateSection .date {
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    right: 12px;
}

.newLayout #maillist .maillistData .mailItem .subject {
    clear: both;
    max-width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 13px;
    color: #3d3d3d;
    margin: 3px 0 4px;
    padding-left: 32px;
    max-width: none !important;
    box-sizing: border-box;
}

.newLayout #maillist .maillistData .mailItem.unread .subject {
    font-weight: 700;
}

.newLayout #maillist .maillistData .mailItem.unread .msize,
.newLayout #maillist .maillistData .mailItem.unread .date,
.newLayout #maillist .maillistData .mailItem.unread .short {
    font-weight: 400;
}

.newLayout #maillist .maillistData .mailItem .short {
    display: block;
    margin: 4px 0;
}

.newLayout #maillist .maillistData .mailItem .mailCheckContainer {
    position: absolute;
    top: 6px;
    left: 5px;
    float: left;
    display: inline-block;
    padding: 0;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin: 0;
    z-index: 11;
}

.newLayout #maillist .maillistData .mailItem .mailCheckContainer:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    background: url("../_d/mailbox-icon.png?v=1") 0 -637px no-repeat;
}

.newLayout #maillist .maillistData .mailItem .mailCheckContainer.checked:before {
    background-position: 0 -620px;
}

.newLayout #maillist .maillistData .mailItem input[type=checkbox] {
    display: none;
}

.newLayout #maillist .maillistData .mailItem .short .content {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.newLayout #maillist .maillistData .mailItem .attachedFile {
    display: none;
}

.newLayout #maillist .maillistData .mailItem.attach .attachedFile {
    display: inline-block;
    vertical-align: middle;
    float: right;
    padding-right: 21px;
    background: url("../_d/mailbox-icon.png?v=1") 0px -397px no-repeat;
    line-height: 18px;
    color: #757575;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    bottom: 8px;
}

.newLayout #module-maillist #maillistButtons {
    margin-left: 35px;
    position: absolute;
    z-index: 10;
    height: 45px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

#module-maillist #maillistButtons .innerMaillistButtons {
    background-color: #990ae3;
    padding: 23px 0px;
    height: 100%;
    position: static;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 300px;
}

#module-maillist.mailBoxView #maillistButtons .innerMaillistButtons {
    padding: 19px 0px;
}

.newLayout #module-maillist #maillistButtons.oneChecked {
    position: absolute;
    z-index: 2;
    width: 29.99%;
}

#module-maillist #maillistButtons .maillistHeaderBtn {
    display: inline-block;
    color: #fff;
    border-left: 1px solid #642d96;
    line-height: 12px;
    border-radius: 0;
    text-decoration: none;
    width: 46px;
    height: 20px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    white-space: nowrap;
    text-indent: -99999px;
    position: relative;
}

#module-maillist.mailBoxView #maillistButtons .maillistHeaderBtn {
    width: auto;
    text-indent: 0;
}

.newLayout #module-maillist.mailBoxView #maillistButtons .maillistHeaderBtn span.title:hover,
.newLayout #module-maillist.mailBoxView #maillistButtons .maillistHeaderBtn:hover,
.newLayout #module-maillist #maillistButtons .maillistHeaderBtn:hover {
    text-indent: 0 !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn.inactiveButton {
    opacity: 0.6;
    cursor: default;
    display: none !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#moveMailsPopup span.iconTitle {
    background-position: 0 -1209px !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#deleteMail span.iconTitle {
    background-position: 0 -1256px !important;
    width: 14px !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#markAsUnreadButton span.iconTitle {
    background-position: 0 -1450px !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#markAsReadButton span.iconTitle {
    background-position: 0 -1450px !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#deleteMailPermBtn span.iconTitle {
    background-position: 0 -1301px !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#unMarkAsSpamButton span.iconTitle,
.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#markAsSpamButton span.iconTitle {
    background-position: 0 -1350px !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn#mailRuleMailListButton span.iconTitle {
    background-position: 0 -1401px !important;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn span.title {
    position: absolute;
    left: 50%;
    text-align: center;
    bottom: -1px;
}


#module-maillist.mailBoxView #maillistButtons .maillistHeaderBtn span.title {
    left: 0;
    top: -3px;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
}

.newLayout #module-maillist #maillistButtons .maillistHeaderBtn span.iconTitle {
    display: block;
    width: 19px;
    height: 125%;
    margin: 0 auto;
    background: url("../_d/mailbox-icon.png?v=1") 0 0 no-repeat;
    margin-top: -13px;
}


.newLayout #module-maillist #maillistButtons .maillistHeaderBtn:hover span.iconTitle {
    background-color: #642d96;
    border-radius: 3px;
}

.newLayout #module-maillist #maillistPagerHalf {
    text-align: center;
}

.newLayout #module-maillist #maillistPager .nextPage,
.newLayout #module-maillist #maillistPagerHalf .nextPage,
.newLayout #module-maillist #maillistPager .previousPage,
.newLayout #module-maillist #maillistPagerHalf .previousPage {
    position: relative;
    display: inline-block;
    background: none;
    z-index: 10;
}

.newLayout #module-maillist #maillistPager .nextPage,
.newLayout #module-maillist #maillistPagerHalf .nextPage {
    float: right;
    right: auto;
    padding-right: 0;
}

.newLayout #module-maillist #maillistPager .previousPage,
.newLayout #module-maillist #maillistPagerHalf .previousPage {
    float: left;
    left: auto;
    padding-left: 0;
}

.newLayout #module-maillist #maillistPager .nextPage .arrow,
.newLayout #module-maillist #maillistPagerHalf .nextPage .arrow,
.newLayout #module-maillist #maillistPager .previousPage .arrow,
.newLayout #module-maillist #maillistPagerHalf .previousPage .arrow {
    display: none;
}

.newLayout #module-maillist #maillistPagerHalf a,
.newLayout #module-maillist #maillistPager a {
    color: #990ae3;
    text-decoration: underline;
}

.newLayout #module-maillist #maillistPagerHalf a:hover,
.newLayout #module-maillist #maillistPager a:hover {
    text-decoration: none;
}

.newLayout #module-maillist #maillistPagerHalf .pages,
.newLayout #module-maillist #maillistPager .pages {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    width: 100%;
    text-align: center;
    z-index: 1;
}


/* readmail */

.newLayout .clearfix {
    clear: both;
}

.newLayout .showImages {
    background: #fdf4b2;
    padding: 3px 6px;
    margin: 5px 5px 0 5px;
    font-size: 11px;
}

.newLayout #wrapper .showImages a,
.newLayout #wrapper .attachments a {
    text-decoration: underline;
    color: #990ae3;
}

.newLayout #wrapper .showImages a:hover,
.newLayout #wrapper .attachments a:hover {
    text-decoration: none;
}

.newLayout .mailListContentArea {
    min-width: 390px;
    margin: 0;
}

.newLayout .mailListContentArea .mailPreviewActionIcons {
    margin: 0;
    padding: 8px 60px 20px 20px;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    height: 45px;
    width: auto;
    box-sizing: border-box;
    position: relative;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtnDelete {
    position: absolute;
    top: -15px;
    right: 0;
    height: 100%;
    width: 60px;
    border-left: 1px solid #e0e0e0;
    background: url("../_d/mailbox-icon.png?v=1") 21px -821px no-repeat;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn {
    line-height: 28px;
    border-radius: 2px;
    background-color: #999999;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 700;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn:hover {
    background-color: #838383;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.special {
    background-color: #00cc66;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.special:hover {
    background-color: #02b95e;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.previewActionBtnBack {
    background: #999999 url("../_d/mailbox-icon.png?v=1") 3px -1092px no-repeat;
    padding-left: 25px
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn span {
    padding-left: 0;
    background-image: none;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox {
    position: absolute;
    right: 10px;
    top: 10px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .previewActionMoreBoxCont {
    display: none;
    position: absolute;
    z-index: 20;
    background: #fff;
    border: 2px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 1px 7px #e0e0e0;
    box-shadow: 0 1px 7px 1px #e0e0e0;
    padding: 10px;
    right: -2px;
    top: 92%;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox > a {
    color: #3d3d3d;
    text-decoration: underline;
    display: inline-block;
    position: relative;
    z-index: 3;
    padding: 4px 0 9px 25px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox > a.active {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 7px 0 #e0e0e0;
    text-decoration: none;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox > a .rightBg {
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
    height: 100%;
    display: inline-block;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox > a .arrowDown {
    background: url("../_d/mailbox-icon.png?v=1") 1px -2266px no-repeat;
    display: inline-block;
    width: 20px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn {
    display: block;
    color: #fff;
    border: 1px solid #77e4ad;
    line-height: 30px;
    border-radius: 3px;
    text-decoration: none;
    min-width: 140px;
    width: 100%;
    margin: 5px 0;
    box-sizing: border-box;
    padding-left: 28px;
    background: #00cc66 url("../_d/mailbox-icon.png?v=1") 0 0 no-repeat;
    text-indent: initial;
    float: none;
    height: 30px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn:hover {
    background-color: #3dea94;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.printAction {
    background-position: 8px -958px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.fullViewAction {
    background-position: 10px -575px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.sourceAction {
    background-position: 6px -985px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.deleteAction {
    background-position: 10px -451px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.deletePermaAction {
    background-position: 10px -481px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.moveMailAction {
    background-position: 8px -421px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.markAction {
    background-position: 9px -517px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.unmarkAction {
    background-position: 9px -517px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.ruleAction {
    background-position: 9px -547px;
}

.newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox .actionBtn.restoreAction {
    background-position: 9px -420px;
    display: none;
}

.newLayout .mailListContentArea .previewHeaderBox {
    background: #fbfbfb;
    border: solid #e0e0e0;
    border-width: 0 0 1px;
    margin: 0;
    min-height: 88px;
    box-sizing: border-box;
    padding: 15px 20px;
}

.newLayout .mailListContentArea .previewDate {
    position: absolute;
    top: 3px;
    right: 0;
    color: #757575;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo {
    border: 0;
    padding-left: 70px;
    height: auto;
    min-height: 56px;
    position: relative;
    margin: 0;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo > img {
    border-radius: 50%;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .mailDefaultAvatar {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: inline-block;
    border: 1px solid #ccc;
    background: #f0f0f0;
    line-height: 55px;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    color: #3d3d3d;
    text-align: center;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .mailDefaultAvatar .addedContact {
    cursor: pointer;
}

.newLayout .mailListContentArea .mailDate,
.newLayout .mailListContentArea .mailSubject {
    color: #404040;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 70px;
}

.newLayout .mailListContentArea .mailSubject {
    margin-top: 0;
}

.newLayout .mailListContentArea .mailDate ins,
.newLayout .mailListContentArea .mailSubject ins {
    color: #757575;
    text-decoration: none;
}

.newLayout .mailListContentArea .previewSender {
    font-size: 15px;
    overflow: hidden;
    position: static;
    white-space: nowrap;
    width: 80%;
    text-overflow: ellipsis;
    color: #0099ff;
    font-weight: 700;
    margin-bottom: 8px;
}

.newLayout .mailListContentArea .mailRecipients {
    position: static;
    font-size: 12px;
    height: 16px;
}

.newLayout .mailListContentArea .mailRecipientsFull {
    height: auto;
    padding-bottom: 13px;
}

.newLayout .mailListContentArea .mailRecipients span {
    background: none;
}

.newLayout .mailListContentArea .mailRecipients span .arrow {
    background: url("../_d/mailbox-icon.png?v=1") 1px -2268px no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.newLayout .folderActionBox {
    display: none;
    position: absolute;
    top: 123px;
    right: 15px;
    left: auto;
    z-index: 15;
    min-width: 120px;
    background: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 1em;
    box-sizing: border-box;
}

.newLayout #fileFoldersListActions {
    margin-top: 4px;
    margin-right: -2px;
    width: 120px;
}

.newLayout #fileFoldersListActions .folderActionBoxBottom {
    display: none;
}

.newLayout .folderActionBox .arrow,
.newLayout #fileFoldersListActions .folderActionBoxTop {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll 4px -2262px;
    display: inline-block;
    width: 20px;
    height: 24px;
    position: absolute;
    right: -1px;
    top: -21px;
    margin-top: -4px;
    background-color: #fbfbfb;
    border: solid #e0e0e0;
    border-width: 1px 1px 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.newLayout #fileFoldersListActions .folderActionBoxTop {
    left: auto;
}

.newLayout .folderActionBox .arrow.icon {
    background: #fbfbfb url("../_d/mailbox-icon.png?v=1") 2px -784px no-repeat;
    width: 21px;
    height: 21px;
    top: -18px;
}

.newLayout .folderActionBox .folderActionBoxItems {
    padding: 0;
}

.newLayout .folderActionBox .folderActionBoxItems span {
    padding: 0;
}

.newLayout #wrapper .folderActionBox .folderActionBoxItems a {
    text-decoration: underline;
    color: #990ae3;
    background: none;
    padding: 0;
    margin: 5px 0;
}

.newLayout .folderActionBox.icon {
    background-color: #fff
}

.newLayout .folderActionBox.icon .arrow {
    left: -1px;
    right: auto;
    background-color: #fff
}

.newLayout #wrapper .folderActionBox .folderActionBoxItems a:hover {
    text-decoration: none;
}

.newLayout #wrapper .folderActionBox .folderActionBoxItems a.disabledLink {
    opacity: 0.6;
}

.newLayout #wrapper .folderActionBox .folderActionBoxItems #maillistMailMenuAdd span {
    background: url("../_d/mailbox-icon.png?v=1") 1px -2268px no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactInfoMail {
    top: auto;
    bottom: -6px;
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 14px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -670px no-repeat;
    padding-right: 8px;
    left: 70px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactInfoPhone {
    top: auto;
    bottom: -6px;
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 14px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -696px no-repeat;
    padding-right: 8px;
    left: 103px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactInfoPhoneDisable {
    background-position: -1px -710px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactMailInfoMobile {
    top: auto;
    bottom: -6px;
    display: none;
    position: absolute;
    width: 16px;
    height: 14px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -726px no-repeat;
    padding-right: 8px;
    left: 136px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactMailInfoMobileDisable {
    background-position: -1px -739px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactMailInfoSMS {
    top: auto;
    bottom: -6px;
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -753px no-repeat;
    padding-right: 8px;
    left: 136px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactMailInfoSMSDisable {
    background-position: -1px -770px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactInfoContact {
    top: auto;
    bottom: -6px;
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -788px no-repeat;
    padding-right: 8px;
    left: 169px;
}

.newLayout .mailListContentArea .mailHeaderBasicInfo .contactInfoContactDisable {
    background-position: -1px -805px;
}

.newLayout #wrapper .mailListContentArea .mailHeaderBasicInfo .previewHeaderMoreInfo {
    top: 40px;
    right: 0;
    position: absolute;
    font-size: 12px;
    color: #3d3d3d;
    text-decoration: underline;
}

.newLayout .mailListContentArea .mailboxLabel {
    color: #757575;
    text-decoration: none;
}

.newLayout .mailListContentArea .mailTitleSection {
    background: #fbfbfb;
    border: solid #e0e0e0;
    border-width: 0 0 1px;
    margin: 0;
    min-height: 50px;
    box-sizing: border-box;
    padding: 15px 70px 15px 20px;
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.newLayout .mailListContentArea .mailTitleSection h2 {
    font-size: 20px;
    margin: 0;
    color: #3d3d3d;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}

.newLayout .mailListContentArea .mailTitleSection .starSection {
    position: absolute;
    top: 18px;
    right: 20px;
}

.newLayout .mailListContentArea .mailTitleSection .starSection .attachedMailIcon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("../_d/mailbox-icon.png?v=1") 0 -894px no-repeat;
    margin-right: 12px
}

.newLayout .mailListContentArea .mailTitleSection .starSection .buttonMailStar,
.newLayout .mailListContentArea .mailTitleSection .starSection .buttonMailUnstar {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("../_d/mailbox-icon.png?v=1") 0 -331px no-repeat;
}

.newLayout .mailListContentArea .mailTitleSection .starSection .buttonMailUnstar {
    background-position: 0 -365px;
}

.newLayout .mailListContentArea .previewReply {
    padding: 10px 20px;
    position: relative;
}

.newLayout .mailListContentArea .previewReply .prevReplayContainer {
    position: relative;
}

.newLayout .mailListContentArea .previewReply .previewReplyArea {
    width: 99%;
    height: 50px;
    border: 1px solid #e0e0e0;
    max-height: 400px;
    border-radius: 2px;
}

.newLayout .mailListContentArea .previewReply .prevreplyLinks {
    opacity: 1;
    color: #757575;
    font-size: 12px;
    background: none;
}

.newLayout #wrapper .mailListContentArea .previewReply .prevreplyLinks a {
    font-size: 12px;
}

.newLayout #wrapper .mailListContentArea .previewReply .sendReply {
    background: #00cc66 !important;
    line-height: 28px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 700;
    float: right;
}

.newLayout #wrapper .mailListContentArea .previewReply .sendReply:hover {
    background: #02b95e !important;
}

.newLayout #wrapper .mailListContentArea .previewReply .sendReply.inactiveButton {
    opacity: 0.6;
    background: #00cc66 !important;
}

.newLayout #wrapper .mailListContentArea .previewReply .sendReply > span {
    padding: 0;
    background: none !important;
}

.newLayout #wrapper .mailListContentArea .mailListContentInnerContent {
    padding: 0 20px;
}

.newLayout #module-readmail .attachments {
    margin: 15px 20px;
}

.newLayout #module-readmail {
    overflow: hidden;
    position: relative;
}


/* loaders */

.newLayout #readMailLoaderInfo,
.newLayout #maillistOverLoaderInfo,
.newLayout #folderListOver,
.newLayout #newmailContentFormInfo {
    background: rgba(255, 255, 255, 0.5) no-repeat scroll center center !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1002;
    opacity: 1;
    margin: 0
}


.newLayout #maillistOverLoaderInfo {
    position: fixed;
}

.newLayout .overLoaderCenter {
    top: 50% !important;
}


/* scrollbar */

.newLayout .maillistData {
    position: relative;
}

.newLayout .maillistData .scrollOverview {
    width: 100%;
}

.newLayout .readmailContent .viewport {
    margin: 0;
}

.newLayout .facebookScroller .viewport,
.newLayout .popupBackground .viewport,
.newLayout .scrollViewport {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: relative;
}

.newLayout .scrollOverview {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.newLayout .scrollbar {
    display: none !important;
}

.newLayout .scrollBar {
    position: absolute;
    width: 5px !important;
    right: 5px !important;
    top: 0;
    background-color: transparent !important;
    display: none !important;
}

.newLayout #submodule-folderlist .scrollBar {
    display: none !important;
}

.newLayout .scrollBarContainer {
    position: relative;
}

.newLayout .scrollBarContainer:hover .scrollBar {
//    display: block !important;
}

.newLayout #submodule-folderlist:hover .scrollBar {
//    display: block !important;
}

.newLayout #submodule-folderlist:hover .disable {
    display: none !important;
}

.newLayout .track {
    position: relative;
    width: 5px !important;
}

.newLayout .thumb {
    position: absolute;
    width: 7px !important;
    top: 0px;
    background: #4d4d4d !important;
    opacity: 0.5;
    border-radius: 5px / 8px;
    cursor: pointer;
    z-index: 3;
    disable: none;
}


/* new mail form */

.newLayout .tipHelp {
    background: url("../_d/mailbox-icon.png?v=1") 0px -1025px no-repeat;
}

.newLayout #tipWindow {
    background: #3d3d3d;
    color: #FFFFFF;
    font-size: 11px;
    left: 250px;
    padding: 7px;
    position: absolute;
    top: 200px;
    z-index: 99999;
    max-width: 300px;
    display: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.newLayout #tipWindow #tipBottom {
    border-color: #3d3d3d transparent transparent transparent;
    border-style: solid;
    border-width: 8px 10px 0;
    bottom: -7px;
    height: 0;
    left: 10px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.newLayout #module-newmail {
    border: 0;
    background: #fff;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

.newLayout #module-newmail .scrollBarWrapper {
    padding-bottom: 120px;
}

.newLayout #module-newmail .newmailTable a {
    background: none;
    padding: 0;
    font-size: 12px;
    color: #990ae3;
    text-decoration: underline;
    margin: 0;
}

.newLayout #module-newmail .textareaDecorator .textareaDecorator {
    padding-right: 140px;
}

.newLayout #module-newmail .textareaDecorator,
.newLayout #module-newmail input[type=text] {
    min-height: 32px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    width: 100%;
    color: #3d3d3d;
    padding: 5px 10px;
}

.newLayout #module-newmail .textareaDecorator.errorField,
.newLayout #module-newmail input[type=text].errorField {
    border: 1px solid #ff0048;
    color: #ff0048;
}

.newLayout #module-newmail .textareaDecorator.errorField textarea {
    color: #ff0048;
}

.newLayout #module-newmail .textareaDecorator.active,
.newLayout #module-newmail input[type=text]:focus {
    border-color: #757575;
}

.newLayout #module-newmail .textareaDecorator textarea {
    overflow: hidden;
}

.newLayout #module-newmail .textareaDecorator textarea#newmailToForm {
    padding-right: 100px;
    box-sizing: border-box;
}

.newLayout #module-newmail #newmailToFormSuggest,
.newLayout #module-newmail #newmailCcFormSuggest,
.newLayout #module-newmail #newmailBccFormSuggest {
    background: #FFFFFF;
    border-bottom: 1px solid #757575;
    border-left: 1px solid #757575;
    border-right: 1px solid #757575;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 10;
    border-radius: 0 0 3px 3px;
    font-size: 15px;
    display: none;
    box-sizing: border-box;
}

.newLayout #module-newmail #newmailToFormSuggest a,
.newLayout #module-newmail #newmailCcFormSuggest a,
.newLayout #module-newmail #newmailBccFormSuggest a {
    color: #3d3d3d;
    line-height: 30px;
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    text-decoration: none;
    box-sizing: border-box;
}

.newLayout #module-newmail #newmailToFormSuggest a:hover,
.newLayout #module-newmail #newmailCcFormSuggest a:hover,
.newLayout #module-newmail #newmailBccFormSuggest a:hover {
    background: #e8f8ff;
    font-weight: 700;
}

.newLayout #module-newmail #newmailToFormSuggest a .contactRemove,
.newLayout #module-newmail #newmailCcFormSuggest a .contactRemove,
.newLayout #module-newmail #newmailBccFormSuggest a .contactRemove {
    display: none;
    width: 10px;
    height: 10px;
    float: right;
    background: url("../_d/mailbox-icon.png?v=1") -6px -1065px no-repeat;
    margin: 10px 0;
}

.newLayout #module-newmail #newmailToFormSuggest a:hover .contactRemove,
.newLayout #module-newmail #newmailCcFormSuggest a:hover .contactRemove,
.newLayout #module-newmail #newmailBccFormSuggest a:hover .contactRemove {
    display: inline-block;
}

.newLayout #module-newmail .newmailSendToContainer .copyMailTo {
    position: absolute;
    top: 9px;
    right: 10px;
}

.newLayout .newmailTable {
    border: 0;
    border-radius: 0;
    position: relative;
    box-sizing: border-box;
    padding: 0px;
}

.newLayout .newmailTable > .overview {
    padding: 0;
    height: 100%;
    box-sizing: border-box;
}

.newLayout .newmailTable .editorContainer {
    height: auto;
    position: relative;
    background: #fff;
    border: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
}

.newLayout .newmailTable .editorContainer > div {
    outline: 0;
}

.newLayout .newmailTable .editorContainer.attach {
    padding-bottom: 55px;
}

.newLayout .newmailTable .editorContainer .editorToolbar {
    background: #fbfbfb;
    border-bottom: 1px solid #eeeeee;
}

.newLayout .newmailTable .newmailTopOptions {
    padding: 5px 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.newLayout .newmailTable .newmailTopOptions .options,
.newLayout .newmailTable .newmailTopOptions .newmailAccounts {
    float: left;
}

.newLayout #module-newmail .newmailTable .newmailTopOptions .newmailAccounts select {
    width: 325px;
}

.newLayout .newmailTable .newmailTopOptions .newmailAccounts {
    position: relative;
    margin-right: 10px;
}

.newLayout .newmailTable .newmailTopOptions .newmailAccounts > span {
    position: absolute;
    top: 10px;
    right: 40px;
}

.newLayout .newmailTable .newmailTopOptions .newmailAccounts .styledSelectContainer .optionsList {
    max-width: 325px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 200px;
    overflow: auto;
}

.newLayout #module-newmail .newmailTable .newmailTopOptions .options select {
    width: auto;
}

.newLayout #module-newmail .newmailTable .newmailTopOptions .options .optionElement {
    line-height: 30px;
    color: #3d3d3d;
    background: #e0e0e0;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
}

.newLayout .newmailTable .newmailSendToContainer,
.newLayout .newmailTable #newmailCcFormTr,
.newLayout .newmailTable #newmailBccFormTr,
.newLayout .newmailTable .newmailSubjectContainer {
    clear: both;
    padding: 0 20px;
    margin: 0 0 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.newLayout .newmailTable .newmailSubjectContainer .styledSelectContainer {
    width: 66px !important;
}

.newLayout .newmailTable .newmailSubjectContainer .styledSelectContainer .optionsList {
    width: 100% !important;
}

.newLayout .newmailTable .newmailSubjectContainer > div {
    overflow: hidden;
    margin-right: 75px;
}

.newLayout #module-newmail .newmailTable .newmailSubjectContainer > .styledSelectContainer {
    float: right;
    margin-right: 0;
    overflow: visible;
}

.newLayout #module-newmail .newmailTable .newmailSubjectContainer select {
    width: 10%;
}

.newLayout #module-newmail #newMailButtonsContainer {
    height: 60px;
    border-top: 1px solid #e0e0e0;
    background: #eeeeee;
    clear: both;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.newLayout #module-newmail #newMailButtonsContainer .buttonsContainer {
    position: absolute;
    right: 0;
    border-left: 1px solid #e0e0e0;
    height: 60px;
    padding: 10px 20px;
    box-sizing: border-box;
}

.newLayout #module-newmail #newMailButtonsContainer #attachLinksContainer {
    float: left;
    width: 30%;
    padding: 23px 0 23px 50px;
    background: url("../_d/mailbox-icon.png?v=1") 20px -873px no-repeat;
}

.newLayout #module-newmail #newMailButtonsContainer .buttonsContainer a,
.newLayout #module-newmail #newMailButtonsContainer #attachLinksContainer a {
    color: #3d3d3d;
    text-decoration: underline;
    text-shadow: none !important;
    white-space: nowrap;
}

.newLayout #module-newmail #newMailButtonsContainer .buttonsContainer a span {
    text-shadow: none !important;
}

.newLayout #module-newmail #newMailButtonsContainer .buttonsContainer a.inactiveButton {
    opacity: 0.6;
}

.newLayout #module-newmail #newMailButtonsContainer #attachLinksContainer form {
    width: auto;
    display: inline;
}

.newLayout #module-newmail #newMailButtonsContainer #attachLinksContainer form #attachLinkItem {
    position: static;
}

.newLayout #module-newmail #newMailButtonsContainer .buttonsContainer .newmailSendButton {
    line-height: 38px;
    border: 0;
    border-radius: 2px;
    background: #00cc66;
    color: #fff;
    font-size: 15px;
    padding: 0 30px;
    display: inline-block;
    font-weight: 700;
    float: none;
    text-shadow: none;
    margin-left: 20px;
}

.newLayout #module-newmail #newMailButtonsContainer .buttonsContainer .newmailSendButton:hover {
    background: #02b95e;
}

.newLayout #module-newmail #newMailButtonsContainer .newmailButtonsFixed {
    padding: 0;
    height: 60px;
    border-top: 1px solid #e0e0e0;
    background: #eeeeee;
}

.newLayout #module-newmail #newMailButtonsContainer .buttonsContainer #newmailSaveToDratfsLastSave {
    padding: 15px;
    float: left;
    font-size: 12px;
    color: #666666;
}

.newLayout .newmailTable .newmailTableTopContent {
    padding: 10px 0 0;
    background: #eee;
}

.newLayout .newmailTable #newmailAttFile {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-right: 5px;
}

.newLayout .newmailTable #newmailAttFile #newmailAttachments div,
.newLayout .newmailTable #newmailAttFile #newmailFilesAttachments div {
    background: #eeeeee;
    border: 1px solid #e0e0e0;
    padding: 10px;
    min-width: 300px;
    display: block;
    float: left;
    clear: both;
    margin: 5px 0;
}

.newLayout .newmailTable #newmailAttFile #newmailAttachments div a,
.newLayout .newmailTable #newmailAttFile #newmailFilesAttachments div a {
    text-decoration: none;
}

.newLayout .newmailTable #newmailAttFile #newmailAttachments div .attachRemove,
.newLayout .newmailTable #newmailAttFile #newmailFilesAttachments div .attachRemove {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px 0 2px 5px;
    float: right;
    background: url("../_d/mailbox-icon.png?v=1") -6px -1065px no-repeat;
}

.newLayout #newmailSignatures {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 60px;
    border-top: 1px solid #e0e0e0;
    background: #eeeeee;
}

.newLayout #newmailSignatures > div {
    float: left;
}

.newLayout #newmailSignatures select {
    width: 240px;
}

.newLayout #newmailSignatures .common-label-message {
    line-height: 32px;
    margin-right: 10px;
    margin-left: 20px;
}


/* editor toolbar */

.newLayout .editorToolbar {
    min-height: 50px;
    height: auto;
    display: inline-block;
    width: 100%;
    background: #fbfbfb;
    border-bottom: 1px solid #eeeeee;
    padding: 0 20px;
    box-sizing: border-box;
}

.newLayout .editorToolbar .editorToolbarBox {
    float: left;
    border: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    margin-right: 0px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygB,
.newLayout .editorToolbar .editorToolbarBox .wyswygI,
.newLayout .editorToolbar .editorToolbarBox .wyswygU,
.newLayout .editorToolbar .editorToolbarBox .wyswygN,
.newLayout .editorToolbar .editorToolbarBox .wyswygNN,
.newLayout .editorToolbar .editorToolbarBox .wyswygImg {
    width: 28px;
    height: 29px;
    background: #fbfbfb url("../_d/mailbox-icon.png?v=1") 0 -2355px no-repeat;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygB:hover,
.newLayout .editorToolbar .editorToolbarBox .wyswygI:hover,
.newLayout .editorToolbar .editorToolbarBox .wyswygU:hover,
.newLayout .editorToolbar .editorToolbarBox .wyswygN:hover,
.newLayout .editorToolbar .editorToolbarBox .wyswygNN:hover,
.newLayout .editorToolbar .editorToolbarBox .wyswygImg:hover,
.newLayout .editorToolbar .editorToolbarBox .wyswygBActiv,
.newLayout .editorToolbar .editorToolbarBox .wyswygIActiv,
.newLayout .editorToolbar .editorToolbarBox .wyswygUActiv,
.newLayout .editorToolbar .editorToolbarBox .wyswygNActiv,
.newLayout .editorToolbar .editorToolbarBox .wyswygNNActiv,
.newLayout .editorToolbar .editorToolbarBox .wyswygImgActiv {
    background-color: #e0e0e0;
    -webkit-box-shadow: inset 0 2px 3px 0 #d5d5d5;
    box-shadow: inset 0 2px 3px 0 #d5d5d5;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygB {
    background-position: -1px -2355px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygI {
    background-position: -30px -2355px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygU {
    background-position: -1px -2383px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygN {
    background-position: -30px -2383px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygNN {
    background-position: -1px -2413px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygImg {
    background-position: -30px -2413px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygF {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 142px;
    line-height: 29px;
    height: 29px;
    padding: 0 0 0 6px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygF button {
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    height: 100%;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygF:after,
.newLayout .editorToolbar .editorToolbarBox .wyswygA:after,
.newLayout .editorToolbar .editorToolbarBox .wyswygAA:after,
.newLayout .editorToolbar .editorToolbarBox .wyswygT:after {
    content: "";
    width: 30px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #d5d5d5;
    background: #e0e0e0 url("../_d/mailbox-icon.png?v=1") -28px -2447px no-repeat;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygA,
.newLayout .editorToolbar .editorToolbarBox .wyswygAA {
    width: 63px;
    height: 29px;
    background: #fff url("../_d/mailbox-icon.png?v=1") no-repeat scroll 10px -3614px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygA {
    background-position: no-repeat scroll 10px -3614px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygAAExt {
    background: #e0e0e0 url("../_d/mailbox-icon.png?v=1") no-repeat scroll 3px -3616px;
    display: inline !important;
    height: 17px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    width: 16px;
    left: 7px;
    top: 5px;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygAExt {
    display: inline !important;
    height: 4px;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    width: 14px;
    left: 8px;
    top: 18px;
    background-color: #e0e0e0;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygT {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 92px;
    line-height: 29px;
    height: 29px;
    padding: 0 0 0 6px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}

.newLayout .editorToolbar .editorToolbarBox .wyswygT > span {
    font-family: "Neue Helvetica W01", sans-serif;
    color: #3d3d3d;
    font-size: 15px;
}

.newLayout .editorToolbar #editorToolbar-newmailContentForm-font.editorActionBox,
.newLayout .editorToolbar #editorToolbar-newmailContentForm-family.editorActionBox {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 0;
    top: 38px !important;
    box-sizing: border-box;
}

.newLayout .editorToolbar #editorToolbar-newmailContentForm-color.editorActionBox,
.newLayout .editorToolbar #editorToolbar-newmailContentForm-background.editorActionBox {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-top: 5px;
    top: 38px !important;
}

.newLayout .editorToolbar #editorToolbar-newmailContentForm-color.editorActionBox {
    left: 180px !important;
}

.newLayout .editorToolbar #editorToolbar-newmailContentForm-background.editorActionBox {
    left: 250px !important;
}

.newLayout .editorToolbar #editorToolbar-newmailContentForm-font.editorActionBox {
    width: 92px;
    left: 134px !important;
}

.newLayout .editorToolbar #editorToolbar-newmailContentForm-family.editorActionBox {
    width: 142px;
    left: 382px !important;
}

.newLayout .editorToolbar .editorActionBox .editorActionBoxTop,
.newLayout .editorToolbar .editorActionBox .editorActionBoxBottom {
    background: none;
}

.newLayout .editorToolbar .editorActionBox .editorFontSizeOption {
    color: #3d3d3d;
}

.newLayout .editorToolbar .editorActionBox .editorFontSizeOption:hover {
    background-color: #e8f8ff;
}

.newLayout #module-newmail .insertImage #imageChooseButtons-newmailContentForm,
.newLayout #module-newmail .insertImage #imageAcceptButtons-newmailContentForm,
.newLayout #module-newmail .insertImage .imgCloud {
    text-align: right;
    margin: 36px 0;
}

.newLayout #module-newmail .insertImage #imageChooseButtons-newmailContentForm form,
.newLayout #module-newmail .insertImage #imageAcceptButtons-newmailContentForm form,
.newLayout #module-newmail .insertImage .imgCloud {
    height: 40px !important;
    width: 100%;
}

.newLayout #module-newmail .insertImage .buttonSpecial {
    line-height: 38px;
    height: 38px;
    border-radius: 2px;
    background: #00cc66;
    color: #fff;
    font-size: 15px;
    padding: 0 10px;
    display: inline-block;
    font-weight: 700;
    float: none;
    text-shadow: none;
    margin-left: 20px;
    text-decoration: none;
}

.newLayout #module-newmail .insertImage .buttonSpecial:hover {
    background: #02b95e;
}

.newLayout #module-newmail .insertImage .buttonSpecial span {
    position: static;
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    height: auto;
    width: auto;
    color: #fff;
    font-size: 15px;
    text-shadow: none;
    float: none;
}

.newLayout #module-newmail .insertImage .buttonNormal {
    float: none;
    display: inline-block;
}

.newLayout #module-newmail .insertImage .buttonNormal span {
    position: static;
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    height: auto;
    width: auto;
    color: #3d3d3d;
    font-size: 12px;
    text-shadow: none;
    float: none;
}

.newLayout #module-newmail .insertImage > .imgUrl {
    position: absolute;
    bottom: 10px;
    width: 345px;
}

.newLayout #module-newmail .insertImage > .imgUrl .imgUrlField {
    width: 50%;
}

.newLayout #module-newmail .insertImage > .imagePreviewBox {
    border: none;
    right: 12px;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 180px;
    height: 130px;
}


/* styled checkbox */

.newLayout .styledCheckbox input[type=checkbox] {
    display: none;
}

.newLayout .styledCheckbox label {
    background: url("../_d/mailbox-icon.png?v=1") 0 -637px no-repeat;
    line-height: 18px;
    display: inline-block;
}

.newLayout .styledCheckbox label.active {
    background-position: 0 -620px;
}

.newLayout #module-newmail .newmailTable .newmailTopOptions .options .optionElement .styledCheckbox label {
    padding-left: 25px;
}

.newLayout #module-newmail select {
    height: 32px;
}


/* styled select */

.newLayout .newmailAccounts .styledSelectContainer {
    float: left;
}

.newLayout .styledSelectContainer {
    position: relative;
}

.newLayout .styledSelectContainer select {
    display: none;
}

.newLayout .styledSelectContainer .optionsList {
    list-style: none;
    background: #fff;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    max-height: 150px;
    overflow: auto;
}

.newLayout .styledSelectContainer .optionsList li {
    font-size: 15px;
    line-height: 30px;
    padding: 0 8px;
    color: #3d3d3d;
    cursor: pointer;
}

.newLayout .styledSelectContainer .optionsList li:hover,
.newLayout .styledSelectContainer .optionsList li.active {
    background-color: #e8f8ff;
    color: #3d3d3d;
    font-weight: 700;
}

.newLayout .styledSelectContainer .optionsList li.importanceEl {
    height: 35px;
    background: #fff url("../_d/mailbox-icon.png?v=1") 15px -3510px no-repeat;
}

.newLayout .styledSelectContainer .optionsList li.importanceEl1 {
    background-position: 15px -3582px;
}

.newLayout .styledSelectContainer .optionsList li.importanceEl2 {
    background-position: 15px -3542px;
}

.newLayout .styledSelectContainer .optionsList li.importanceEl:hover {
    background-color: #e8f8ff;
}

.newLayout .styledSelectContainer .value {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    margin-right: 10px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    padding: 0 0 0 6px;
    box-sizing: border-box;
    font-size: 15px;
    color: #3d3d3d;
}

.newLayout .styledSelectContainer .value:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    border-left: 1px solid #d5d5d5;
    background: #e0e0e0 url("../_d/mailbox-icon.png?v=1") -28px -2446px no-repeat;
}

.newLayout .styledSelectContainer .value.valueImportance {
    background: #fff url("../_d/mailbox-icon.png?v=1") 0px -3514px no-repeat;
    text-indent: -99999px;
}

.newLayout .styledSelectContainer .value.valueImportance0 {
    background-position: 0px -3514px;
}

.newLayout .styledSelectContainer .value.valueImportance1 {
    background-position: 0px -3584px;
}

.newLayout .styledSelectContainer .value.valueImportance2 {
    background-position: 0px -3546px;
}


/* popup window */

.newLayout .popupContainer {
    background: transparent;
    height: 100% !important;
    z-index: 1100;
    opacity: 1;
    overflow-y: auto;
}

.newLayout .popup.popupDelete {
    padding-bottom: 10px;
}

.newLayout .popup {
    background: #eeeeee;
    -webkit-box-shadow: 0 0 10px 0 #949494;
    box-shadow: 0 0 10px 0 #949494;
    width: 615px;
    position: relative;
    top: 100px !important;
    left: auto !important;
    margin: 0 auto 100px !important;
    padding-bottom: 80px;
    height: auto;
    font-size: 13px;
    z-index: 1;
    overflow: hidden;
}

.newLayout #showPopupNotesDelete {
    padding-bottom: 0;
}

.newLayout #showPopupNotesDelete .popupButtons {
    position: relative;
    top: auto;
    bottom: auto;
    margin-top: 20px;
}

.newLayout .popup h2 {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 50px;
    background: #00cc66;
    border-bottom: 1px solid #02b95e;
    padding: 0;
    padding-left: 70px;
    position: relative;
    top: 0;
    left: 0;
}

.newLayout .popup h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background: #02b95e;
}

.newLayout .popup h2.icontab-default:before,
.newLayout .popup h2.folderlist-label-deleting:before,
.newLayout .popup h2.folderlist-label-moveTo:before,
.newLayout .popup h2.common-label-moveFolder:before,
.newLayout .popup h2.common-label-subjectAndBodyEmpty:before,
.newLayout .popup h2.newmail-label-saveLeaveWithout:before,
.newLayout .popup h2.deleteMailRuleHeader:before,
.newLayout .popup h2.addMailRuleHeader:before,
.newLayout .popup h2#popupMailDeletePermaTitle:before {
    background: #02b95e url("../_d/mailbox-icon.png?v=1") no-repeat scroll -120px -2636px;
}

.newLayout .popup h2#popupAttachFiles:before,
.newLayout .popup h2#popupInsertImage:before {
    background: #02b95e url("../_d/mailbox-icon.png?v=1") no-repeat scroll -120px -2680px;
}

.newLayout .popup h2#poupupNotesLabelActionHeader:before {
    background: #02b95e url("../_d/mailbox-icon.png?v=1") no-repeat scroll -120px -2724px;
}

.newLayout .popup h2#poupuLabelActionHeader:before,
.newLayout .popup h2.contacts-label-deleting:before,
.newLayout .popup h2.newmail-label-saveLeaveWithout:before {
    background: #02b95e url("../_d/mailbox-icon.png?v=1") no-repeat scroll -120px -2920px;;
}

.newLayout #popupAccountsCreate h2:before {
    background: #02b95e url("../_d/mailbox-icon.png?v=1") no-repeat scroll -120px -2772px;
}

.newLayout #popupFeedBack h2:before {
    background: #02b95e url("../_d/mailbox-icon.png?v=1") no-repeat -120px -2822px;
}

.newLayout .popup h2.settings-voip-label-detachPhoneQuestion:before,
.newLayout #popupNewSMS h2:before {
    background: #02b95e url("../_d/mailbox-icon.png?v=1") no-repeat -120px -2870px;
}

.newLayout #popupDomainsChangeProfile {
    margin-top: -240px;
}

.newLayout .popup .popupClose {
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 15px;
    background: url("../_d/mailbox-icon.png?v=1") 1px -1146px no-repeat;
    z-index: 2;
    width: 20px;
    height: 20px;
}

.newLayout .popup.popupDelete .popupButtons {
    position: static;
}

.newLayout .popup .popupButtons.centerButton {
    text-align: center;
}

.newLayout .popup .popupButtons,
.newLayout #popupLinkedInImport .popupButtons {
    text-align: right;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    top: initial;
    height: 60px;
    box-sizing: border-box;
    padding: 0 20px;
}

.newLayout .popup .popupButtonsFileUpload {
    position: relative;
    margin-bottom: 20px;
}

.newLayout .popup .popupButtons .buttonSpecial {
    line-height: 38px;
    height: 38px;
    border-radius: 2px;
    background: #00cc66;
    color: #fff;
    font-size: 15px;
    padding: 0 18px;
    display: inline-block;
    font-weight: 700;
    float: none;
    text-shadow: none;
    margin-left: 16px;
    margin-right: 0;
    font-weight: 700;
}

.newLayout .popup .popupButtons .buttonSpecial:hover {
    background: #02b95e;
    text-decoration: none;
}

.newLayout .popup .popupButtons .buttonNormal {
    float: none;
    color: #3d3d3d;
    text-decoration: underline;
    font-size: 12px;
    border: 0;
    margin: 0;
    background: none;
    height: auto;
    display: inline-block;
    padding: 0;
}

.newLayout .popup .popupButtons .buttonSpecial span,
.newLayout .popup .popupButtons .buttonNormal span {
    position: static;
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    height: auto;
    width: auto;
    color: #3d3d3d;
    font-size: 12px;
    text-shadow: none;
    float: none;
}

.newLayout .popup .popupButtons .buttonNormal span {
    font-weight: normal;
}

.newLayout .popup .popupButtons .buttonSpecial span {
    color: #fff;
    font-size: 15px;
}

.newLayout .popup.popupDelete .foldersLabel,
.newLayout .popup.popupNormal .foldersLabel {
    color: #3d3d3d;
    font-size: 15px;
    position: static;
    padding: 10px 20px 10px 35px;
    margin: 20px 0;
    width: 100%;
    box-sizing: border-box;
    background: none;
}

.newLayout .popup.popupDelete .foldersLabel .errorIcon,
.newLayout .popup.popupNormal .foldersLabel .errorIcon,
.newLayout #deleteMailRule .popupTypeAccountContent .errorIcon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #ff6464 !important;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.newLayout .popup.popupTypeAccount {
    padding-right: 0;
    padding-left: 0;
}

.newLayout .popup.popupCleanBottom {
    padding-bottom: 0;
}

.newLayout .popup .popupInner {
    float: left;
    margin: 0;
    padding: 20px;
    width: 100%;
    background: none;
    border: 0;
    box-sizing: border-box;
}

.newLayout .popup .popupQuestionBox {
    width: 100%;
    box-sizing: border-box;
}

.newLayout #popupFilesNewmail.popup {
    margin-top: -200px;
    min-height: 315px;
}

.newLayout .popup #popupFilesNewmailContainer {
    background: #fff;
    width: 96%;
    height: 200px;
    overflow: auto;
    padding: 2%;
}

.newLayout .popup.popupMove {
    height: 280px;
    width: 480px;
}

.newLayout .popup.popupMove .foldersLabel {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    left: 53px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 65px;
    width: 65px;
    text-align: right;
}

.newLayout .popup.popupMove .foldersMoveList {
    height: 200px;
    left: 125px;
    padding: 0;
    position: absolute;
    top: 65px;
    width: 275px;
}

.newLayout .popup .popupTypeAccountContent {
    margin: 30px 0;
}

.newLayout #deleteMailRule {
    width: 400px;
    margin-left: -200px;
    margin-top: -100px;
}

.newLayout #deleteMailRule .popupTypeAccountContent {
    font-size: 13px;
    margin: 20px 0;
    padding: 0 30px;
}

.newLayout .popup.popupDelete,
.newLayout .popup.popupNormal {
    width: 470px;
    margin-left: -240px;
}

.newLayout .popup.popupMove .common-label-folders,
.newLayout .popup.popupNotesLabel .common-label-name,
.newLayout .popup.popupContactsLabel .common-label-name {
    font-weight: 700;
}

.newLayout .popup .popupButtons .lineTop {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

.newLayout #popupCreateMailRule {
    min-height: 420px;
    box-sizing: border-box;
    width: 750px !important;
}

.newLayout #popupCreateMailRule input[type=text] {
    min-height: 32px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    width: 100%;
    color: #3d3d3d;
    padding: 5px 10px;
}

.newLayout #popupCreateMailRule input[type=text]:focus {
    border-color: #757575;
}

.newLayout #popupCreateMailRule .rowLabel {
    float: left;
    font-weight: 700;
    width: 200px;
    line-height: 35px;
    text-align: right;
}

.newLayout #popupCreateMailRule .rowCheckbox,
.newLayout #popupCreateMailRule .rowRadio {
    float: left;
}

.newLayout #popupCreateMailRule .rowInput {
    float: left;
    width: 200px;
}

.newLayout #popupCreateMailRule .mailRuleInputRow {
    clear: both;
    overflow: visible;
}

.newLayout #popupCreateMailRule #mailRuleSelectField .styledSelectContainer select {
    display: none !important;
}

.newLayout #popupCreateMailRule #mailRuleSelectField .styledSelectContainer {
    width: auto !important;
}

.newLayout #popupCreateMailRule .rowCheckbox label,
.newLayout #popupCreateMailRule .rowRadio label {
    margin: 9px 20px;
}

.newLayout #popupCreateMailRule .rowInput input {
    margin: 2px 0;
}

.newLayout #popupCreateMailRule .rowSplitter {
    font-size: 12px;
    margin: 0;
    padding: 15px 0;
    padding-left: 170px;
    clear: both;
}

.newLayout #popupContactsConnect,
.newLayout #showPopupAddRssFeed,
.newLayout .popupInlineSearch {
    background: #eee;
}

.newLayout #popupContactsConnect h2,
.newLayout #showPopupAddRssFeed h2,
.newLayout .popupInlineSearch h2 {
    top: 0;
}

.newLayout #popupContactsConnect .popupButtons,
.newLayout #showPopupAddRssFeed .popupButtons,
.newLayout .popupInlineSearch .popupButtons,
.newLayout #popupDisconnectFacebook .popupButtons,
.newLayout #popupDisconnectLinkedIn .popupButtons {
    top: auto;
    bottom: 0;
    left: auto;
}

.newLayout .popup .popupAutomaticUpdatesCheck {
    top: 12px;
    left: auto;
    width: auto;
}

.newLayout .popup #popupLinkedInImportContent {
    position: relative;
}

.newLayout #popupAttachMobileTerms .registerTermsMobile {
    float: left;
}

.newLayout #popupMenagerDeleteLink {
    position: static;
    margin-bottom: 10px;
}

.newLayout #attachLandlineExpired {
    padding: 0 20px;
}

.newLayout #popupNotesLabelForm .regLabel,
.newLayout #popupNewMaillist .regLabel,
.newLayout #popupLabelForm .regLabel,
.newLayout #popupChangeMailingList .regLabel,
.newLayout #popupDomainsChangeAcc .regLabel,
.newLayout #popupCompanyChange .regLabel,
.newLayout #popupDomainsAddAcc .regLabel,
.newLayout #popupRenameChannel .regLabel,
.newLayout #popupAttachPhone .regLabel,
.newLayout #popupNewSMS .regLabel {
    line-height: 35px;
}

.newLayout #popupNotesLabelForm input.fieldText,
.newLayout #popupNewMaillist input.fieldText,
.newLayout #popupLabelForm input.fieldText,
.newLayout #popupChangeMailingList input.fieldText,
.newLayout #popupDomainsChangeProfile input.fieldText,
.newLayout #popupDomainsChangeAcc input.fieldText,
.newLayout #popupDomainsChangeAcc input#changeAccQuota,
.newLayout #popupCompanyChange input.fieldText,
.newLayout #popupDomainsAddAcc input.fieldText,
.newLayout #popupRenameChannel input.fieldText,
.newLayout #popupAttachPhone input.fieldText {
    display: inline-block;
    margin-right: 0;
    padding: 9px 8px;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
}

.newLayout #popupDomainsChangeAcc input#changeAccQuota {
    width: 53px;
}

.newLayout #popupContactsConnect {
    height: auto;
}

.newLayout #popupMoveMails {
    padding: 0;
}

.newLayout #popupMoveMails h2 {
    display: none;
}

.newLayout #popupAliasDelete .popupTypeAccountContent {
    padding-right: 0;
    padding-left: 0;
}

.newLayout #popupContactsLegalRetrieveData .popupContactsConnectSearchBox {
    position: relative;
    top: auto;
    left: auto;
}

.newLayout #popupNewSMS .warningIco {
    background-position: 80px -772px;
}

@media screen and (max-width: 650px) {
    .newLayout .popup {
        top: 50px !important;
        width: 90% !important;
    }
    .newLayout #popupContatsList,
    .newLayout #showPopupAddRssFeed {
        margin-top: 0 !important;
    }
    .newLayout .popup div.contactsMoveList {
        width: 100%;
        max-width: 275px;
    }
    .newLayout #popupCreateMailRule .rowLabel {
        clear: both;
        width: 100%;
        text-align: left;
    }
    .newLayout #popupCreateMailRule .rowSplitter {
        padding-left: 0;
    }
    .newLayout #popupCreateMailRule .popupButtons {
        position: relative;
        bottom: auto;
        margin-top: 20px;
    }
}


/* messages */

.newLayout #messageBox {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 45px;
    text-align: left;
    -webkit-box-shadow: 0 2px 1px -1px #B3B3B3;
    box-shadow: 0 2px 1px -1px #B3B3B3;
    box-sizing: border-box;
}

.newLayout #messageBox .content,
.newLayout #messageBox .mbContainer {
    position: static;
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    height: 45px;
}

.newLayout #messageBox .error,
.newLayout #messageBox .success,
.newLayout #messageBox .info {
    position: static;
    margin: 0;
    padding: 13px 60px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    border-radius: 0;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}

.newLayout #messageBox .error {
    background: #ff6464 url("../_d/mailbox-icon.png?v=1") no-repeat -116px -3459px;
    border-bottom: 1px solid #d84e0d;
    color: #fff;
}

.newLayout .errorBox4,
.newLayout .errorBox {
    background: #ff6464 url("../_d/mailbox-icon.png?v=1") no-repeat -116px -3459px;
    border-bottom: 1px solid #d84e0d;
    color: #fff;
}

.newLayout #messageBox .success {
    background: #00cc66 url("../_d/mailbox-icon.png?v=1") no-repeat -116px -3532px;
    color: #fff;
    border-bottom: 1px solid #02b95e;
}

.newLayout #messageBox .info {
    background: #00cdff url("../_d/mailbox-icon.png?v=1") no-repeat -116px -3385px;
    color: #fff;
    border-bottom: 1px solid #0071a6;
}

.newLayout .errorBox .close4,
.newLayout .errorBox .close,
.newLayout #messageBox .close {
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 15px;
    background: url("../_d/mailbox-icon.png?v=1") -5px -1151px no-repeat;
    z-index: 2;
    width: 10px;
    height: 10px
}

.newLayout #submodule-files-sidebar .scrollBar {
    right: 1px !important;
    z-index: 1000;
}


/* progress bar new color */

.newLayout .attachProgress {
    overflow: hidden;
    width: 120px;
    height: 13px;
    background: none;
    border: 1px solid #ccc;
    padding: 0;
    display: inline-block;
    margin: 0;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 3px 0 #C9C9C9;
    box-shadow: inset 1px 1px 3px 0 #C9C9C9;
}

.newLayout .attachProgress .attachProgressFill {
    background: #00cc66;
}


/* messages list popstate*/

.newLayout .infoBoxPosition {
    position: absolute;
    left:auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    height: 0px;
}

.newLayout .errorBox4,
.newLayout .errorBox {
    display: block;
    top: 5px;
    padding: 18px 100px 24px 70px;
    box-sizing: border-box;
    border-width: 0 0 1px 0;
    border-radius: 0;
    height: 52px;
    -webkit-box-shadow: 0 2px 1px -1px #e0e0e0;
    box-shadow: 0 2px 1px -1px #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.newLayout .popupBackground .infoBox {
    top: 5px;
    display: block;
}

.newLayout #module-maillist .popState,
.newLayout #module-maillist .infoBox,
.newLayout .popState,
.newLayout .infoBox {
    display: inline-block;
    top: 35px;
    padding: 18px 100px 24px 70px;
    box-sizing: border-box;
    border-width: 0 0 1px 0;
    border-radius: 0;
    height: 52px;
    -webkit-box-shadow: 0 2px 1px -1px #e0e0e0;
    box-shadow: 0 2px 1px -1px #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}

.newLayout #module-maillist .popState.successBox,
.newLayout .popState.successBox {
    background: #00cc66 url("../_d/mailbox-icon.png?v=1") no-repeat -110px -3529px;
    color: #fff;
}

.newLayout #module-maillist .popState.errorBox,
.newLayout .popState.errorBox {
    background: #ff6464 url("../_d/mailbox-icon.png?v=1") no-repeat -110px -3456px;
    color: #fff;
}

.newLayout #module-maillist .popState .close,
.newLayout #module-maillist .infoBox .close,
.newLayout .popState .close,
.newLayout .infoBox .close {
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 15px;
    background: url("../_d/mailbox-icon.png?v=1") -5px -1151px no-repeat;
    z-index: 2;
    width: 10px;
    height: 10px
}

.newLayout #module-maillist .popState.infoBox,
.newLayout #module-maillist .infoBox,
.newLayout .popState.infoBox,
.newLayout .infoBox {
    background: #00cdff url("../_d/mailbox-icon.png?v=1") no-repeat -110px -3382px;
    color: #fff;
}

.newLayout #mailBoxFullInfo.infoBox {
    z-index: 102;
    top: 10px;
}


/* medium mailbox */

@media screen and (min-width:1360px) and (max-width: 1400px) {
    .newLayout #maillist .maillistData .mailItem .senderDateSection .sender {
        max-width: 85px;
    }
}

@media screen and (min-width:960px) and (max-width: 1359px) {
    .newLayout #maillist .maillistData .mailItem .senderDateSection .sender {
        max-width: 75px;
    }
}

@media screen and (min-width:960px) and (max-width: 1320px) {}

@media screen and (min-width:960px) and (max-width: 1200px) {
    .newLayout .mailListContentArea .mailRecipients {
        padding-right: 0;
    }
}

@media screen and (min-width:960px) and (max-width: 1020px) {
    .newLayout .mailListContentArea .previewSender {
        max-width: 155px;
    }
}

@media screen and (min-width:0px) and (max-width: 1020px) {
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtnDelete {
        display: none;
    }
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionMoreBox {
        right: 15px;
    }
}

@media screen and (max-width: 750px) {

    #borderLeftLogo1,
    #contactssearchbox {
        display: none !important;
    }

    .newLayout #module-maillist .popState,
    .newLayout #module-maillist .infoBox,
    .newLayout .infoBox {
        padding-left: 70px;
        padding-right: 30px;
    }
    .newLayout #module-maillist .popState.infoBox,
    .newLayout #module-maillist .infoBox {
        background-position: 10px 3px;
    }
    .newLayout #module-maillist .popState.successBox {
        background-position: 10px -143px;
    }
    .newLayout #module-maillist .popState.errorBox {
        background-position: 10px -70px;
    }

    #socialmediaFeedContent {
        display: none !important;
    }
    #socialmediaFeeds {
        width: 100% !important;
    }
    .previewRSS #socialmediaFeedContent {
        display: block !important;
    }
    .previewRSS #socialmediaFeeds {
        display: none !important;
    }

    #faqContent {
        display: none !important;
    }

    #faqListBox {
        width: 100% !important;
    }
    .previewRSS #faqContent {
        display: block !important;
    }
    .previewRSS #faqListBox {
        display: none !important;
    }
}


/* tablet mailbox */

@media screen and (max-width: 959px) {

    .newLayout #module-maillist {
        width: 100% !important;
        float: none;
        border: 0;
    }
    .newLayout .mailListContentArea {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0;
    }
    .newLayout #maillist .maillistData .mailItem .mailCheckContainer {
        z-index: 1;
    }
    .newLayout #wrapper .mailListContentArea .mailPreviewActionIcons .previewActionBtn.previewActionBtnBack {
        display: inline-block;
    }
    .contentColumn #module-maillist {
        display: none !important;
    }
}


/*mediafeed*/

.newLayout #showPopupAddRssFeed {
    background: #eee;
}

.newLayout #showPopupAddRssFeed h2 {
    top: 0;
}

.newLayout #showPopupAddRssFeed h2:before {
    background-image: url("../_d/mailbox-icon.png?v=1");
    background-repeat: no-repeat;
    background-position: 8px -3154px;
}

.newLayout #showPopupAddRssFeed .popupContactsConnectSearchBox,
.newLayout #popupContactsConnect .popupContactsConnectSearchBox,
.newLayout #popupContactsLegalRetrieveData .popupContactsConnectSearchBox {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    padding: 20px 120px 10px 20px;
    width: 100%;
    box-sizing: border-box;
}

.newLayout #showPopupAddRssFeed .mmContent,
.newLayout #popupContactsConnect .mmContent,
.newLayout #popupContactsLegalRetrieveData .mmContent {
    margin-right: 0;
    padding-left: 75px;
    width: 100%;
    box-sizing: border-box;
}

.newLayout #showPopupAddRssFeed .addLabel,
.newLayout #popupContactsConnect .addLabel,
.newLayout #popupContactsLegalRetrieveData .addLabel {
    float: left;
    margin-left: -75px;
    padding-top: 9px;
    width: 70px;
    font-weight: bold;
    font-size: 12px;
    color: #3d3d3d;
    text-align: left;
}

.newLayout #showPopupAddRssFeed input.fieldText,
.newLayout #popupContactsConnect input.fieldText,
.newLayout #popupContactsLegalRetrieveData input.fieldText {
    float: left;
    display: inline-block;
    margin-right: 0;
    padding: 9px 8px;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
}

.newLayout #showPopupAddRssFeed .popupContactsConnectSearchBox a.buttonSpecial,
.newLayout #popupContactsConnect .popupContactsConnectSearchBox a.buttonSpecial,
.newLayout #popupContactsLegalRetrieveData .popupContactsConnectSearchBox a.buttonSpecial {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    padding: 6px 15px;
    height: auto;
    background: #757575;
    border: 1px solid #5b5b5b;
    border-radius: 2px;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background 0.2s linear, border-color 0.2s linear;
    transition: background 0.2s linear, border-color 0.2s linear;
}

.newLayout #showPopupAddRssFeed .popupContactsConnectSearchBox a.buttonSpecial:hover,
.newLayout #popupContactsConnect .popupContactsConnectSearchBox a.buttonSpecial:hover,
.newLayout #popupContactsLegalRetrieveData .popupContactsConnectSearchBox a.buttonSpecial:hover {
    background-color: #5b5b5b;
    -webkit-box-shadow: inset 1px 1px 3px 0 #4b4b4b;
    box-shadow: inset 1px 1px 3px 0 #4b4b4b;
}

.newLayout #showPopupAddRssFeed .popupContactsConnectSearchBox a.buttonSpecial.inactiveButton,
.newLayout #popupContactsConnect .popupContactsConnectSearchBox a.buttonSpecial.inactiveButton,
.newLayout #popupContactsLegalRetrieveData .popupContactsConnectSearchBox a.buttonSpecial.inactiveButton {
    background: #757575;
    border-color: #5b5b5b;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.6;
}

.newLayout #showPopupAddRssFeed .popupButtons,
.newLayout #popupContactsLegalRetrieveData .popupButtons {
    left: 0;
}

.newLayout #submodule-socialmedia .sidebarBox {
    width: 100%;
    border: 0;
}

.newLayout #submodule-socialmedia ul {
    margin-right: 10px;
    margin-left: 10px;
}

.newLayout #submodule-socialmedia .folderList li div {
    border: 1px solid transparent;
}

.newLayout #submodule-socialmedia .folderList li div span {
    padding-left: 35px;
}

.newLayout #submodule-socialmedia .folderList li div i {
    height: 20px;
    line-height: 20px;
}

.newLayout .folderList li div.rssfacebook span,
.newLayout .folderList li div.rsslinkedin span,
.newLayout .folderList li div.rssnormal span,
.rssnormal {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -75px -2713px;
}

.newLayout .folderList li div.rssfacebook span {
    background-position: 10px 6px;
}

.newLayout .folderList li div.rsslinkedin span {
    background-position: 10px -25px;
}

.newLayout .folderList li div.rssnormal span,
.rssnormal {
    background-position: -64px -2708px;
}

.newLayout #submodule-socialmedia .folderList li div:hover {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.newLayout #submodule-socialmedia .folderList li small {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 12px;
    width: 8px;
    height: 8px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -2270px no-repeat;
}

.newLayout #submodule-socialmedia .folderList li div:hover small {
    display: inline-block;
}

.newLayout #submodule-socialmedia .folderList li div input {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.newLayout #submodule-socialmedia .folderActionBox {
    left: auto;
}

.newLayout #submodule-socialmedia h2 {
    padding: 5px 20px;
    margin: 0;
    font-size: 15px;
}

.newLayout #socialmediaList .overLoaderSmall {
    top: 50% !important;
    right: 0 !important;
    left: auto!important;
    margin-top: -7px !important;
}

.newLayout #module-socialmedia {
    clear: both;
    overflow: hidden;
}

.newLayout .socialChannelsList {
    position: static;
    float: left;
    width: 30%;
    min-width: 270px;
    min-height: 100%;
    height: 100%;
    border-right: 1px solid #757575;
    box-sizing: border-box;
}

.newLayout #showPopupAddRssFeed #socialmediaChannelResultCon,
.newLayout #popupContactsConnect #contactsSearchResult,
.newLayout #popupContactsLegalRetrieveData #contactsLegalSearchResult {
    position: relative;
    clear: both;
    top: auto;
    left: auto;
    padding: 0 20px 0 95px;
    width: 100%;
    box-sizing: border-box;
}

.newLayout #showPopupAddRssFeed #socialmediaChannelResultCon .rssContent,
.newLayout #popupContactsConnect #contactsSearchResult .contactContent,
.newLayout #popupContactsLegalRetrieveData .rssContent {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
}

.newLayout #showPopupAddRssFeed #socialmediaChannelResultCon .popupFolderMoveScroll,
.newLayout #popupContactsConnect #contactsSearchResult .popupFolderMoveScroll,
.newLayout #popupContactsLegalRetrieveData .popupFolderMoveScroll {
    right: 1px;
}

.newLayout #showPopupAddRssFeed .viewport,
.newLayout #popupContactsConnect .viewport,
.newLayout #popupContactsLegalRetrieveData .viewport {
    padding: 9px 8px;
    width: 100%;
    box-sizing: border-box;
}

.newLayout #socialmediaChannelResult a {
    background-image: url('../_d/icons.png?v=3');
}

.newLayout .rssTitleBox {
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 45px;
    font-size: 15px;
    line-height: 23px;
    color: #3d3d3d;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    z-index: 2;
    overflow: hidden;
}

.newLayout .rssTitleBox h3 {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    overflow: hidden;
}

.newLayout #socialmediaFeeds {
    float: left;
    width: 30%;
    min-width: 270px;
}

.newLayout #socialmediaFeedContent {
    overflow: hidden;
}

.newLayout .rssFeedItemsList {
    position: static;
    float: left;
    width: 100%;
    min-width: 270px;
    min-height: 100%;
    height: 100%;
    border-right: 1px solid #757575;
    box-sizing: border-box;
}

.newLayout .rssFeedItemsList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newLayout .rssFeedItem {
    padding: 0;
    border: 0;
}

.newLayout .rssFeedItemTitle {
    display: table;
    table-layout: fixed;
    padding: 10px 20px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    transition: background 0.2s linear;
}

.newLayout .rssFeedItemTitle.active,
.newLayout .rssFeedItemTitle:hover {
    background: #e8f8ff;
}

.newLayout .rssFeedItemTitle .name {
    display: table-cell;
    width: 70%
}

.newLayout .rssFeedItemTitle .date {
    display: table-cell;
    width: 50%;
    font-weight: normal;
    font-size: 12px;
    color: #757575;
    text-align: right;
}

.newLayout .rssFeedItemContent {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: none;
}

.newLayout .rssFeedHeader {
    position: relative;
    display: table;
    width: 100%;
    padding: 0 60px 0 20px;
    height: 45px;
    color: #3d3d3d;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 2;
}

.newLayout .rssFeedHeader .rssFeedItemDate {
    position: static;
    display: table-cell;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
}

.newLayout .rssFeedHeader .btnOpen {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    border-left: 1px solid #e0e0e0;
}

.newLayout .rssFeedHeader .btnOpen:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin-top: -7px;
    margin-left: -7px;
    width: 15px;
    height: 15px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -74px -2744px;
}

.newLayout .rssDescriptionBox {
    padding: 20px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
}

.newLayout #socialmediaFeedContent .rssDescriptionBox .rssTitle {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 20px;
}


/*settings*/

.settingsModuleBox {
    position: relative;
    float: right;
    height: 48px;
    cursor: pointer;
}

.settingsModuleBox .space-top-10 {
    margin-top: 10px;
}

.settingsModuleBox .switchFieldBox {
    position: absolute;
    top: 0;
    right: 0;
    height: 14px;
    cursor: default;
}

.settingsModuleBox .switchFieldBox .switchBox {
    position: absolute;
    top: 10px;
    right: 0;
}

.settingsModuleBox .switchFieldBox input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 35px;
    height: 14px;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.settingsModuleBox .switchFieldBox .btn-switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 14px;
    cursor: pointer;
}

.settingsModuleBox .switchFieldBox .btn-switch:before {
    content: '';
    top: auto;
    float: left;
    margin-right: 0;
    padding: 0;
    width: 35px;
    height: 14px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #b9b8b8;
    -webkit-transition: text-indent .25s ease;
    -o-transition: text-indent .25s ease;
    transition: text-indent .25s ease;
}

.settingsModuleBox .switchFieldBox .btn-switch:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    background-color: #f1f1f1;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    box-shadow: 0px 1px 4px 1px #999;
    -webkit-transition: left .25s ease;
    -o-transition: left .25s ease;
    transition: left .25s ease;
}

.settingsModuleBox .switchFieldBox input:checked + .btn-switch:before {
    background: #aa7cc5;
}

.settingsModuleBox .switchFieldBox input:checked + .btn-switch:after {
    left: 20px;
    background: #652d86;
}

.settingsModuleBox figure {
    margin: 0;
}


.settingsModuleBoxLeft .MenuLeft {
    position: relative;
    margin: 0 0 0 10px;
    padding: 6px 0;
    width: 50px;
    box-sizing: border-box;
    text-align: center;
    z-index: 1100;
    height: 49px;
}


#goToHotEELink .MenuRight,
#newMenuSearch .MenuRight,
#newMenuSett .MenuRight,
#newMenuFaq .MenuRight {
    margin: 0;
    padding: 6px 3px 0 0;
    box-sizing: border-box;
    z-index: 101;
    position: relative;
    height: 49px;
}

.settingsModuleBox .avatar {
    display: inline-block;
    width: 42px;
    height: 42px;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
    background: #f0f0f0;
    line-height: 41px;
    font-size: 20px;
    color: #3d3d3d;
    font-weight: 700;
    text-decoration: none;
}

.settingsModuleBox .avatar img {
    width: 100%;
    height: 100%;
}

.settingsModuleBox .tooltipBox {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
}

.settingsModuleBox .tooltipBox .help {
    display: block;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -18px -83px;
}

.settingsModuleBox .tooltipBox .tooltip {
    display: none;
    position: absolute;
    right: -9px;
    bottom: 100%;
    margin-bottom: 9px;
    padding: 15px;
    width: 320px;
    height: auto;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    background: #3d3d3d;
    border-radius: 3px;
    box-sizing: border-box;
}

.settingsModuleBox .tooltipBox .tooltip:before {
    content: '';
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: -9px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #3d3d3d;
}

.settingsModuleBox .tooltipBox .help:hover + .tooltip {
    display: block;
}

.settingsModuleBox .notifications {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 18px;
    height: 18px;
    padding: 0;
    display: inline-block;
    line-height: 18px;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    background: #c41b79;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
}

.settingsMenuListBox {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left:0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px 0 0 0;
    box-sizing: border-box;
    list-style: none;
    z-index: 1100;
    right: 0;
    margin-top: 1px;
}


.settingsModuleBoxLeft .settingsMenuListBoxLeft {
    display: none;
    position: absolute;
    top: 100%;
    width: 330px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px 0 0 0;
    box-sizing: border-box;
    list-style: none;
    z-index: 1100;
    background: #990ae3 none repeat scroll 0 0;
}

.settingsMenuListBoxFaq.show,
.settingsModuleBoxLeft .settingsMenuListBoxLeft.show,
.settingsModuleBox .settingsMenuListBox.show {
    display: block;
    height: auto !important;
}

.settingsModuleBox .settingsMenuListBox .settingsMenuList {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
}

.settingsModuleBox .settingsMenuListBox .openSetting {
    position: relative;
    display: block;
    padding: 10px 50px 10px 20px;
    background: #eee;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}

.settingsModuleBox .settingsMenuListBox .openSetting:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    width: 13px;
    height: 8px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -19px -6px;
    transition: all 0.2s linear;
}

.settingsModuleBox .settingsMenuListBox .opened .openSetting:before {
    transform: rotate(180deg);
}

.settingsModuleBox .logoutBox {
    padding: 10px 0 10px 0;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}

.settingsModuleBox .logoutBox a,
.settingsModuleBox .phoneBox .btn-phone {
    display: block;
    padding: 10px;
    background: #990ae3;
    border: 1px solid #990ae3;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .logoutBox a:hover,
.settingsModuleBox .phoneBox .btn-phone:hover {
    background: #642d96;
}

.settingsModuleBox .notificationsBox {
    display: none;
    padding: 0 20px 15px;
}

.settingsModuleBox .opened .notificationsBox {
    display: block;
    list-style: none;
}

.settingsModuleBox .notificationsBox li {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.settingsModuleBox .notificationsBox li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.settingsModuleBox .notificationsBox .date {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 17px;
    color: #757575;
}

.settingsModuleBox .notificationsBox .close {
    position: absolute;
    top: 20px;
    right: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -20px -45px;
    text-decoration: none;
}

.settingsModuleBox .notificationsBox p {
    padding-bottom: 0;
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
}

.settingsModuleBox .companyAccountsBox {
    display: none;
    padding: 0 20px 15px;
}

.settingsModuleBox .opened .companyAccountsBox {
    display: block;
    list-style: none;
}

.settingsModuleBox .companyAccountsBox li {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.settingsModuleBox .companyAccountsBox li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.settingsModuleBox .companyAccountsBox h3 {
    margin-top: 0;
    font-size: 15px;
    line-height: 20px;
    color: #3d3d3d;
}

.settingsModuleBox .companyAccountsBox .btn-more {
    display: inline-block;
    padding: 7px 20px;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .companyAccountsBox .btn-more:hover {
    background: #461663;
}

.settingsModuleBox .freeSpaceBox {
    display: none;
    padding: 0 20px 15px;
}

.settingsModuleBox .opened .freeSpaceBox {
    display: block;
    list-style: none;
}

.settingsModuleBox .freeSpaceBox li {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.settingsModuleBox .freeSpaceBox li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.settingsModuleBox .freeSpaceBox h4 {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
}

.settingsModuleBox .freeSpaceBox h4 .value {
    float: right;
    font-weight: normal;
}

.settingsModuleBox .freeSpaceBox .btn-buy {
    display: block;
    padding: 7px 20px;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .freeSpaceBox .btn-buy:hover {
    background: #461663;
}

.settingsModuleBox .freeSpaceBox .progressBarBox {
    position: relative;
    margin-bottom: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
}

.settingsModuleBox .freeSpaceBox .progress {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    background: #94908a;
}

.settingsModuleBox .freeSpaceBox .progress.alert {
    background: #ff0048;
}

.settingsModuleBox .freeSpaceBox .alertTxt {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-left: 45px;
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
}

.settingsModuleBox .freeSpaceBox .alertTxt:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -9px -226px;
    width: 32px;
    height: 28px;
}

.settingsModuleBox .mediaFeedBox {
    display: none;
    padding: 0 20px 15px;
    overflow: hidden;
}

.settingsModuleBox .opened .mediaFeedBox {
    display: block;
    list-style: none;
}

.settingsModuleBox .mediaFeedBox .row {
    margin: 0 -8px;
}

.settingsModuleBox .mediaFeedBox .mediaBox {
    float: left;
    padding: 15px 8px;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
}

.settingsModuleBox .mediaFeedBox h4 {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
    text-align: center;
}

.settingsModuleBox .mediaFeedBox p {
    position: relative;
    margin-bottom: 10px;
    padding-top: 65px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 17px;
    color: #757575;
    text-align: center;
}

.settingsModuleBox .mediaFeedBox p:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat;
}

.settingsModuleBox .mediaFeedBox p.fb:before {
    background-position: 0 -260px;
}

.settingsModuleBox .mediaFeedBox p.linkedIn:before {
    background-position: 0 -310px;
}

.settingsModuleBox .mediaFeedBox a {
    display: inline-block;
    padding: 7px 20px;
    min-width: 110px;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .mediaFeedBox a:hover {
    background: #461663;
}

.settingsModuleBox .contactsBox {
    display: none;
    padding: 15px 20px;
}

.settingsModuleBox .opened .contactsBox {
    display: block;
    list-style: none;
}

.settingsModuleBox .contactsBox .tooltipBox {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
}

.settingsModuleBox .contactsBox .tooltipBox .help {
    display: block;
    width: 14px;
    height: 14px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -18px -83px;
}

.settingsModuleBox .contactsBox .tooltipBox .tooltip {
    display: none;
    position: absolute;
    right: -9px;
    bottom: 100%;
    margin-bottom: 9px;
    padding: 15px;
    width: 320px;
    height: auto;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    background: #3d3d3d;
    border-radius: 3px;
    box-sizing: border-box;
}

.settingsModuleBox .contactsBox .tooltipBox .tooltip:before {
    content: '';
    display: inline-block;
    position: absolute;
    right: 12px;
    bottom: -9px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #3d3d3d;
}

.settingsModuleBox .contactsBox .tooltipBox .help:hover + .tooltip {
    display: block;
}

.settingsModuleBox .contactsBox .singleContact {
    position: relative;
    margin-bottom: 15px;
    padding-right: 55px;
}

.settingsModuleBox .contactsBox .singleContact:last-child {
    margin-bottom: 0;
}

.settingsModuleBox .contactsBox .label {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
    cursor: default;
}

.settingsModuleBox .contactsBox .importBox {
    padding-right: 150px;
    overflow: hidden;
}

.settingsModuleBox .contactsBox .importBox .label {
    float: left;
    width: 100%;
}

.settingsModuleBox .contactsBox .importBox + .tooltipBox {
    top: auto;
    bottom: 10px;
    margin-top: 0;
}

.settingsModuleBox .contactsBox .buttonsBox {
    float: right;
    margin-right: -150px;
    width: 135px;
}

.settingsModuleBox .contactsBox .buttonsBox a {
    display: inline-block;
    padding: 7px 5px;
    width: 100%;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .contactsBox .buttonsBox a:hover {
    background: #461663;
}

.settingsModuleBox .contactsBox .buttonsBox a:first-child {
    margin-bottom: 5px;
}

.settingsModuleBox .contactsBox .action-btn-box,
.settingsModuleBox .myProfileBox .action-btn-box {
    clear: both;
    text-align: center;
}

.settingsModuleBox .contactsBox .action-btn-box .btn-save,
.settingsExtensionBox .contentBox .btn-create,
.settingsModuleBox .myProfileBox .action-btn-box .btn-save {
    display: block;
    margin-bottom: 5px;
    padding: 10px;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .contactsBox .action-btn-box .btn-save:hover,
.settingsExtensionBox .contentBox .btn-create:hover,
.settingsModuleBox .myProfileBox .action-btn-box .btn-save:hover {
    background: #461663;
}

.settingsModuleBox .switchContainer {
    position: relative;
    padding-right: 50px;
}

.settingsModuleBox .mailAccountsBox {
    display: none;
    padding: 15px 20px;
}

.settingsModuleBox .opened .mailAccountsBox {
    display: block;
    list-style: none;
}

.settingsModuleBox .mailAccountsBox .buttonsBox a {
    display: block;
    padding: 10px;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .mailAccountsBox .buttonsBox a:first-child {
    margin-bottom: 10px;
}

.settingsModuleBox .mailAccountsBox .buttonsBox a:hover {
    background: #461663;
}

.settingsModuleBox .mailAccountsBox .mailsList {
    margin-top: 20px;
    padding: 10px 0 0;
    border-top: 1px solid #e0e0e0;
    list-style: none;
}

.settingsModuleBox .mailAccountsBox .mailsList > li {
    margin-bottom: 10px;
    padding: 0 80px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d;
    border: 0;
    overflow: visible;
}

.settingsModuleBox .mailAccountsBox .actionBox {
    position: relative;
    float: right;
    margin-right: -85px;
}

.settingsModuleBox .mailAccountsBox .actionBox > a {
    position: relative;
    padding: 9px 25px 4px 10px;
    border: 1px solid transparent;
    text-decoration: underline;
}

.settingsModuleBox .mailAccountsBox .actionBox > a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    margin-top: -2px;
    width: 8px;
    height: 5px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -21px -28px;
}

.settingsModuleBox .mailAccountsBox .actionBox > a.active {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
    z-index: 1;
}

.settingsModuleBox .mailAccountsBox .actionsMoreBox {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px;
    width: 160px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px 0 2px 2px;
    list-style: none;
    z-index: 10;
}

.settingsModuleBox .mailAccountsBox .actionsMoreBox:after {
    content: '';
    display: none;
    position: absolute;
    top: -2px;
    right: 0;
    width: 75px;
    height: 4px;
    background: #fff;
    z-index: 20;
}

.settingsModuleBox .mailAccountsBox .actionsMoreBox.active,
.settingsModuleBox .mailAccountsBox .actionsMoreBox.active:after {
    display: block;
}

.settingsModuleBox .mailAccountsBox .actionsMoreBox a {
    position: relative;
    display: block;
    float: none;
    margin: 0 0 5px;
    padding: 5px 10px;
    width: 100%;
    height: 30px;
    background: #572178;
    border: 1px solid #461663;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    transition: backround 0.2s linear;
    text-indent: 0;
}

.settingsModuleBox .mailAccountsBox .actionsMoreBox a.forwardIconInlineDisable {
    display: none !important;
}

.settingsModuleBox .mailAccountsBox .actionsMoreBox a:hover {
    background: #461663;
}

.settingsModuleBox .mailAccountsBox .tooltipBox .help {
    background-position: -18px -63px;
}

.settingsModuleBox .phoneBox {
    display: none;
    padding: 15px 20px;
}

.settingsModuleBox .opened .phoneBox {
    display: block;
}

.settingsModuleBox .phoneBox p {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
}

.settingsModuleBox .phoneBox .linksBox {
    margin: 10px 15px;
    text-align: center;
}

.settingsModuleBox .phoneBox .linksBox a {
    margin: 0 5px;
}

.settingsModuleBox .phoneBox .phonesList {
    margin-top: 20px;
    padding: 0;
    border-top: 1px solid #e0e0e0;
    list-style: none;
}

.settingsModuleBox .phoneBox .phonesList li {
    padding-top: 20px;
    overflow: hidden;
}

.settingsModuleBox .phoneBox .phonesList li a {
    float: right;
    line-height: 20px;
}

.settingsModuleBox .phoneBox .phonesList li .number {
    float: left;
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -20px -180px;
}

.settingsModuleBox .myProfileBox {
    display: none;
    padding: 15px 20px;
    overflow: hidden;
}

.settingsModuleBox .opened .myProfileBox {
    display: block;
}

.settingsModuleBox .myProfileBox .uploadContainer {
    padding-left: 100px;
    overflow: hidden;
}

.settingsModuleBox .myProfileBox .uploadContainer figure {
    float: left;
    margin-left: -100px;
    width: 90px;
    height: 90px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
}

.settingsModuleBox .myProfileBox .uploadContainer img {
    max-width: 100%;
}

.settingsModuleBox .myProfileBox .uploadBox {
    position: relative;
    float: left;
    overflow: hidden;
}

.settingsModuleBox .myProfileBox .uploadBox input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-left: -100px;
    height: 36px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.settingsModuleBox .myProfileBox .uploadBox .btn-upload {
    display: block;
    padding: 7px 20px;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
}

.settingsModuleBox .myProfileBox .uploadBox input:hover + .btn-upload {
    background: #461663;
}

.settingsExtensionBox {
    display: none;
    position: absolute;
    top: 0px !important;
    right: 400px;
    width: 510px;
    background: #eee;
    box-shadow: inset -6px 0 8px -6px rgba(0, 0, 0, 0.3);
    z-index: 1100;
    box-sizing: border-box;
}

.settingsExtensionBox.opened {
    display: block;
}

.settingsExtensionBox .header {
    position: relative;
    display: block;
    padding: 11px 40px 11px 20px;
    background: #e0e0e0;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    box-shadow: inset -6px 0 8px -6px rgba(0, 0, 0, 0.3);
}

.settingsExtensionBox .header h3 {
    margin: 0;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #6a2c90;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settingsExtensionBox .header .close {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -20px -165px;
    text-decoration: none;
}

.settingsExtensionBox .contentBox {
    padding: 20px;
    overflow-y: auto;
    box-sizing: border-box;
}

.settingsExtensionBox .contentBox .buttonsBox {
    text-align: center;
}

.settingsExtensionBox .contentBox hr {
    clear: both;
    margin: 20px 0;
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    border: 0;
}

.settingsExtensionBox .textFieldBox,
.settingsModuleBox .settingBox .textFieldBox {
    float: left;
    margin-bottom: 20px;
    padding-left: 150px;
    width: 100%;
    box-sizing: border-box;
}

.settingsModuleBox .settingBox .textFieldBox {
    padding-left: 100px;
}

.settingsModuleBox .settingBox .fieldAdd {
    position: relative;
    padding-right: 40px;
}

.settingsModuleBox .settingBox .fieldAdd .btn-add {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 35px;
    height: 35px;
    background: #e0e0e0;
    border-radius: 3px;
    text-decoration: none;
}

.settingsModuleBox .settingBox .fieldAdd .btn-add:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -5px;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -20px -205px;
}

.settingsExtensionBox .textFieldBox label,
.settingsModuleBox .settingBox .textFieldBox label {
    display: block;
    float: left;
    margin-left: -150px;
    padding: 8px 10px 7px 0;
    width: 150px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d;
    text-align: right;
    box-sizing: border-box;
    cursor: default;
}

.settingsModuleBox .settingBox .textFieldBox label {
    margin-left: -100px;
    width: 100px;
}

.settingsExtensionBox .textFieldBox input[type='text'],
.settingsExtensionBox .textFieldBox input[type='password'],
.settingsExtensionBox select,
.settingsModuleBox .settingBox .textFieldBox input[type='text'],
.settingsModuleBox .settingBox .textFieldBox input[type='password'],
.settingsModuleBox .settingBox select,
.settingsModuleBox textarea {
    display: block;
    padding: 7px 8px 6px;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
}

.settingsModuleBox textarea {
    overflow: auto;
}

.settingsExtensionBox select,
.settingsModuleBox .settingBox select {
    padding-right: 20px;
    height: 35px;
}

.settingsModuleBox .settingBox select {
    padding-left: 0;
}

.settingsExtensionBox .textFieldSuggest,
.settingsModuleBox .settingBox .textFieldSuggest {
    position: relative;
}

.settingsExtensionBox .textFieldSuggest input[type='text'],
.settingsExtensionBox .textFieldSuggest input[type='password'],
.settingsModuleBox .settingBox .textFieldSuggest input[type='text'],
.settingsModuleBox .settingBox .textFieldSuggest input[type='password'] {
    padding-right: 30px;
}

.settingsExtensionBox .textFieldSuggest .tooltopBox {
    right: 8px;
}

.settingsExtensionBox .passVerifyBox label {
    margin: 0;
    float: left;
    padding: 0 0 0 10px;
    width: 50%;
    text-align: left;
}

.settingsExtensionBox .passVerifyBox .passStrenght {
    float: left;
    display: block;
    margin-top: 2px;
    padding: 2px;
    width: 50%;
    height: 15px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
}

.settingsExtensionBox .passVerifyBox .passStrenghtBar {
    display: block;
    height: 9px;
    background: #ff0048;
}

.settingsExtensionBox label.radioField,
.settingsModuleBox .settingBox label.radioField {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 8px 0 7px 30px;
    width: 33.333%;
    font-weight: normal;
    text-align: left;
    cursor: pointer;
}

.settingsModuleBox .myProfileBox label.radioField {
    width: 50%;
}

.settingsExtensionBox label.radioField input,
.settingsModuleBox .settingBox label.radioField input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.settingsExtensionBox label.radioField .label,
.settingsModuleBox .settingBox label.radioField .label {
    font-size: 15px;
    line-height: 20px;
    color: #3d3d3d;
}

.settingsExtensionBox label.radioField .label:before,
.settingsModuleBox .settingBox label.radioField .label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -15px -100px;
}

.settingsExtensionBox label.radioField input:checked + .label:before,
.settingsModuleBox .settingBox label.radioField input:checked + .label:before {
    background-position: -15px -120px;
}

.settingsExtensionBox label.checkboxField,
.newLayout .popupFilesLinkContainer label.checkboxField,
.newLayout .filesIconsCheckboxContainer label.checkboxField,
.newLayout #filelist label.fileCheckContainer {
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
    padding: 8px 0 7px 30px;
    width: auto;
    font-weight: normal;
    text-align: left;
    cursor: pointer;
}

.newLayout .filesIconsCheckboxContainer label.checkboxField {
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
}

.newLayout #filelist label.fileCheckContainer {
    top: 0;
    left: 8px;
}

.newLayout .popupFilesLinkContainer label.checkboxField,
.newLayout .filesIconsCheckboxContainer label.checkboxField,
.newLayout #filelist label.fileCheckContainer {
    margin-bottom: 0;
}

.settingsExtensionBox label.checkboxField input,
.newLayout .popupFilesLinkContainer label.checkboxField input,
.newLayout .filesIconsCheckboxContainer label.checkboxField input,
.newLayout #filelist label.fileCheckContainer input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}

.newLayout #filelist label.fileCheckContainer input {
    margin: 0;
    width: 32px;
    height: 32px;
}

.newLayout #filelist .filelistHeader label.fileCheckContainer {
    left: 5px;
}

.newLayout #filelist .filelistHeader label.fileCheckContainer input {
    top: -1px;
}

.settingsExtensionBox label.checkboxField .label,
.newLayout .popupFilesLinkContainer label.checkboxField .label,
.newLayout .filesIconsCheckboxContainer label.checkboxField .label,
.newLayout #filelist label.fileCheckContainer .label {
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
}

.settingsExtensionBox label.checkboxField .label:before,
.newLayout .popupFilesLinkContainer label.checkboxField .label:before,
.newLayout .filesIconsCheckboxContainer label.checkboxField .label:before,
.newLayout #filelist label.fileCheckContainer .label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0 -637px;
}

.settingsExtensionBox label.checkboxField input:checked + .label:before,
.newLayout .popupFilesLinkContainer label.checkboxField input:checked + .label:before,
.newLayout .filesIconsCheckboxContainer label.checkboxField input:checked + .label:before,
.newLayout #filelist label.fileCheckContainer input:checked + .label:before {
    background-position: 0 -620px;
}

.settingsExtensionBox .row,
.settingsModuleBox .settingBox .row {
    margin: 0 -5px;
    overflow: hidden;
}

.settingsExtensionBox .row:before,
.settingsExtensionBox .row:after {
    content: '';
    display: table;
}

.settingsExtensionBox .verifyBox label {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 17px;
}

.settingsExtensionBox .verifyBox p {
    padding: 0;
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
}

.settingsExtensionBox .verifyImg {
    clear: both;
}

.settingsExtensionBox .col-33,
.settingsModuleBox .settingBox .col-33 {
    float: left;
    padding: 0 5px;
    width: 33.333%;
    min-height: 1px;
    box-sizing: border-box;
}

.settingsExtensionBox .col-50,
.settingsModuleBox .settingBox .col-50 {
    float: left;
    padding: 0 5px;
    width: 50%;
    min-height: 1px;
    box-sizing: border-box;
}

.settingsExtensionBox .col-66,
.settingsModuleBox .settingBox .col-66 {
    float: left;
    padding: 0 5px;
    width: 66.666%;
    min-height: 1px;
    box-sizing: border-box;
}

.settingsExtensionBox .selectBox,
.settingsModuleBox .settingBox .selectBox {
    position: relative;
    cursor: pointer;
}

.settingsExtensionBox .selectBox:before,
.settingsModuleBox .settingBox .selectBox:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 35px;
    background: #e0e0e0;
    pointer-events: none;
}

.settingsExtensionBox .selectBox:after,
.settingsModuleBox .settingBox .selectBox:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    margin-top: -6px;
    width: 8px;
    height: 12px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -21px -144px;
    pointer-events: none;
}

.settingsExtensionBox figure {
    margin-bottom: 5px;
    padding: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    overflow: hidden;
}

.settingsExtensionBox figure img {
    width: 100%;
}

.settingsExtensionBox .phoneDetails p {
    padding: 0;
    font-size: 12px;
    line-height: 17px;
    color: #3d3d3d;
}

.settingsExtensionBox .phoneDetails p.textCenter {
    text-align: center;
}

.settingsExtensionBox .phoneDetails .phoneNumber {
    display: block;
    margin: 15px 0;
    padding: 15px;
    width: 100%;
    font-size: 42px;
    line-height: 42px;
    color: #6a2c90;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
}

.newLayout #submodule-settingslist .sidebarBoxTop,
.newLayout #module-settings-accessLog .settingHeader,
.newLayout #module-settings-accounts .settingHeader,
.newLayout #module-settings-voip .settingHeader,
.newLayout #module-settings-domains .settingHeader,
.newLayout #module-settings-accounts .accountList,
.newLayout #module-settings-voip .contactTitle,
.newLayout #module-settings-voip .contactTitleEnd,
.newLayout #module-settings-domains .accountList {
    padding: 14px 10px 0 10px;
    width: auto;
    height: 45px;
    font-size: 15px;
    line-height: 23px;
    color: #3d3d3d;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    text-shadow: none;
    box-sizing: border-box;
    font-weight: 700;
}

.newLayout #module-settings-accounts .domainTabCnt,
.newLayout #submodule-settingslist .sidebarBox,
.newLayout #module-settingsContacts .domainTabCnt,
.newLayout #module-contacts-socialmedia .socialMediaSettingsContainer,
.newLayout #module-settings-voip .borderedBox,
.newLayout #module-settings-domains .domainTabCnt {
    border: 0;
}

.newLayout #submodule-settingslist .sidebarBox.settingsList ul {
    padding: 0 10px;
}

.newLayout #submodule-settingslist .sidebarBox.settingsList ul li a {
    color: #3d3d3d;
    text-decoration: none;
    font-style: normal;
    line-height: 28px;
    display: inline-block;
    width: 100%;
    border: 1px solid transparent;
    padding: 0 10px;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
    padding-left: 32px;
}

.newLayout #submodule-settingslist .sidebarBox.settingsList ul li a.bold,
.newLayout #submodule-settingslist .sidebarBox.settingsList ul li a:hover {
    background-color: #fbfbfb !important;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-weight: normal;
}

.newLayout #module-settings-profile #domainsTabs,
.newLayout #module-settingsContacts #domainsTabs,
.newLayout #module-contacts-socialmedia #domainsTabs {
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 45px;
    font-size: 15px;
    line-height: 23px;
    color: #3d3d3d;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    z-index: 2;
    overflow: hidden;
}

.newLayout #module-settings-profile #domainsTabs div,
.newLayout #module-settingsContacts #domainsTabs div,
.newLayout #module-contacts-socialmedia #domainsTabs div {
    position: static;
    height: 100%;
}

.newLayout #module-settings-profile #domainsTabs div a,
.newLayout #module-settingsContacts #domainsTabs div a,
.newLayout #module-contacts-socialmedia #domainsTabs div a {
    padding: 15px 10px 0 10px;
    width: auto;
    height: 45px;
    font-size: 15px;
    line-height: 23px;
    color: #3d3d3d;
}

.newLayout #module-settings-profile #domainsTabs div b,
.newLayout #module-settingsContacts #domainsTabs div b,
.newLayout #module-contacts-socialmedia #domainsTabs div b {
    padding: 0;
    background: none;
    font-weight: 700;
}

.newLayout #module-settings-profile .domainTabCnt {
    border: 0;
}

.newLayout #module-settings {
    padding-top: 20px;
}

.newLayout #module-settings-profile .buttonSpecial,
.newLayout #module-settings-accounts .buttonSpecial,
.newLayout #module-settingsContacts .registerRecaptchaBox .buttonSpecial,
.newLayout #module-contacts-socialmedia .buttonSpecial,
.newLayout #module-settings-voip .borderedBoxContainer .borderedBoxContainerInner .buttonSpecial,
.newLayout #module-settings-domains .buttonSpecial,
.newLayout #popupAccountsCreate #secQuestionBox .buttonSpecial,
.newLayout #module-settings-voip #phonesListManager .buttonSpecial {
    float: none;
    background: none;
    margin: 15px 0;
    padding: 0;
    display: inline-block;
    height: auto;
}

.newLayout #module-settings-profile .buttonSpecial span,
.newLayout #module-settings-accounts .buttonSpecial span,
.newLayout #module-settingsContacts .registerRecaptchaBox .buttonSpecial span,
.newLayout #module-contacts-socialmedia .buttonSpecial span,
.newLayout #module-settings-voip .borderedBoxContainer .borderedBoxContainerInner .buttonSpecial span,
.newLayout #module-settings-domains .buttonSpecial span,
.newLayout #module-settings-domains .bigbutton2,
.newLayout #popupAccountsCreate #secQuestionBox .buttonSpecial span,
.newLayout #module-settings-voip #phonesListManager .buttonSpecial span {
    line-height: 38px;
    height: 38px;
    border-radius: 2px;
    background: #00cc66;
    color: #fff;
    font-size: 15px;
    padding: 0 18px;
    display: inline-block;
    font-weight: 700;
    float: none;
    text-shadow: none !important;
    margin-left: 16px;
    margin-right: 0;
    font-weight: 700;
}

.newLayout #module-settings-voip .borderedBoxContainer .borderedBoxContainerInner .buttonSpecial.inactiveButton {
    opacity: 0.6;
}

.newLayout #module-settingsContacts .registerRecaptchaBox .buttonSpecial,
.newLayout #module-settingsContacts .registerRecaptchaBox .buttonSpecial span {
    margin: 0;
    float: left;
}

.newLayout #module-settingsContacts .registerRecaptchaBox:last-child .buttonSpecial,
.newLayout #module-settingsContacts .registerRecaptchaBox:last-child .buttonSpecial span {
    margin-left: 16px;
    float: none;
}

.newLayout #module-settingsContacts .registerRecaptchaBox:last-child .buttonSpecial {
    margin: 15px 0;
}

.newLayout #popupAccountsCreate #secQuestionBox .buttonSpecial {
    margin: 0;
}

.newLayout #module-settings-voip .borderedBoxContainer .borderedBoxContainerInner .buttonSpecial {
    float: left;
    margin: 0;
}

.newLayout #module-settings-profile .buttonNormal,
.newLayout #module-settings-profile .buttonNormal span,
.newLayout #module-settings-accounts .buttonNormal,
.newLayout #module-settings-accounts .buttonNormal span,
.newLayout #module-settingsContacts .registerRecaptchaBox:last-child .buttonNormal,
.newLayout #module-settingsContacts .registerRecaptchaBox:last-child .buttonNormal span,
.newLayout #module-contacts-socialmedia .buttonNormal,
.newLayout #module-contacts-socialmedia .buttonNormal span,
.newLayout #module-settings-voip #phonesListManager .buttonNormal,
.newLayout #module-settings-voip #phonesListManager .buttonNormal span {
    text-decoration: underline;
    border: 0;
    margin: 0;
    padding: 0;
    text-shadow: none;
    background: none;
    color: #3d3d3d;
    font-size: 12px;
    font-weight: normal;
    float: none;
    display: inline-block;
}

.newLayout #module-settings-profile #profileEditBox tbody tr:last-child {
    text-align: right;
}

.newLayout .rightText {
    text-align: right;
}

.newLayout .settingsIconProfile {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -64px -3141px;
}

.newLayout .settingsIconEmail {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -64px -3177px;
}

.newLayout .settingsIconContacts {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -64px -3211px;
}

.newLayout .settingsIconAccessLog {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -64px -3211px;
}

.newLayout .settingsIconSocial {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -64px -3248px;
}

.newLayout .settingsIconVoip {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -64px -3287px;
}

.newLayout .settingsIconDomain {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -64px -3328px;
}

.newLayout #module-settings-accounts .domainTabCnt,
.newLayout #module-settings-voip .borderedBox,
.newLayout #module-settings-domains .domainTabCnt {
    padding: 0;
}

.newLayout #module-settings-accounts .addAttachEmailAcc,
.newLayout #module-settings-voip .borderedBoxContainer,
.newLayout #module-settings-domains .addAttachEmailAcc {
    background: #eee;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-radius: 0;
}

.newLayout #module-settings-accounts .addAttachEmailAcc .addAttachEmailAccContainer,
.newLayout #module-settings-voip .borderedBoxContainer .borderedBoxContainerInner {
    border: 0;
}

.newLayout #module-settings-accounts .accountList,
.newLayout #module-settings-voip .contactTitle,
.newLayout #module-settings-voip .contactTitleEnd,
.newLayout #module-settings-domains .accountList {
    border-top: 1px solid #e0e0e0;
    text-shadow: none;
    margin: 0;
}

.newLayout #module-settings-voip .contactTitle,
.newLayout #module-settings-voip .contactTitleEnd {
    padding-top: 0;
}

.newLayout #module-settings-accounts .accountList .accountListLeft,
.newLayout #module-settings-accounts .accountList .accountListRight,
.newLayout #module-settings-domains .accountList .accountListLeft,
.newLayout #module-settings-domains .accountList .accountListRight {
    display: none !important;
}

.newLayout #wrapper #module-settings-accounts a,
.newLayout #module-settings-voip a,
.newLayout #module-settings-domains a {
    color: #990ae3;
}

.newLayout #wrapper #module-settings-accounts a b,
.newLayout #module-settings-voip a b,
.newLayout #module-settings-domains a b {
    background-image: url("../_d/icons_light.png");
}

.newLayout #wrapper #module-settings-accounts .tabsOld a span.iconAt b,
.newLayout #wrapper #module-settings-accounts .tabsOld a.selected span.iconAt b,
.newLayout #module-settings-domains span.iconAt b {
    background: url("../_d/icons_light.png") no-repeat -5px -400px;
}

.newLayout #module-settings-accounts .tabsOld,
.newLayout #module-settings-voip .tabsOld,
.newLayout #module-settings-domains .tabsOld {
    background: #fbfbfb;
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.newLayout #module-settings-accounts .tabsOld a,
.newLayout #module-settings-voip .tabsOld a,
.newLayout #module-settings-domains .tabsOld a {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    display: inline-block;
    padding: 7px 20px;
    height: 36px;
    width: auto;
    float: left;
    margin: 0;
}

.newLayout #module-settings-accounts .tabsOld a.selected,
.newLayout #module-settings-voip .tabsOld a.selected,
.newLayout #module-settings-domains .tabsOld a.selected {
    border-bottom-color: transparent;
    background-color: #fff;
}

.newLayout #module-settings-voip .voipFaqPosition {
    margin-top: 13px;
}

.newLayout #wrapper #privatePhoneButtonLabel.privatePhoneButtonLabel span {
    text-shadow: none;
    padding: 0;
    line-height: 32px;
}

.newLayout #module-settings-domains #domainsNotManager {
    padding: 0 20px;
}


/*.newLayout #popupAttachMobileTerms {
    top: -42px !important;
}*/


/*.newLayout #popupAccountsCreate {
    position: fixed;
    top: 50px !important;
    bottom: 50px;
    padding-bottom: 0;
    overflow-y: auto;
}

.newLayout #popupAccountsCreate .popupButtons {
    position: relative;
}*/

.newLayout #popupAccountsCreate .popupTypeAccountContent {
    margin-top: 0;
}

.newLayout #popupAccountsCreate input[type=text],
.newLayout #popupAccountsCreate input[type=password],
.newLayout #popupAccountsCreate textarea {
    min-height: 32px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    width: 300px;
    color: #3d3d3d;
    padding: 5px 10px;
}

.newLayout #popupAccountsCreate input[type=text]:focus,
.newLayout #popupAccountsCreate input[type=text].active,
.newLayout #popupAccountsCreate input[type=password]:focus,
.newLayout #popupAccountsCreate input[type=password].active {
    border-color: #757575;
}

.newLayout #popupAccountsCreate .regLabel {
    font-size: 12px;
    font-weight: 700;
    line-height: 33px;
}

.newLayout #popupAccountsCreate .prettySelect,
.newLayout #popupAccountsCreate #newEmailAdress {
    float: left;
}

.newLayout #popupAccountsCreate .prettySelect {
    margin-right: 5px;
}

.newLayout #popupAccountsCreate .inputWrapp {
    background: none;
}

.newLayout #module-contacts-socialmedia .buttonSpecial span {
    margin: 0;
}

.newLayout #module-settings-accounts #mailRulesList .buttonSpecial,
.newLayout #module-settings-domains .buttonSpecial,
.newLayout #phonesListRowsManager .buttonSpecial {
    margin-top: -6px !important;
}

.newLayout #module-settings-accounts #accountList .settingsEmailAccount,
.newLayout #module-settings-domains #domainsDataContainer .domainsDataContainer,
.newLayout #phonesListRowsManager .domainsDataContainer {
    padding: 7px 30px 7px 15px;
}

.newLayout .systemMessageItem,
.newLayout .numberHistoryItem {
    padding-right: 30px;
}

.newLayout #module-settingsContacts .regLabel {
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
}

.newLayout .iconX {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -86px -3675px;
}

.newLayout a.iconX,
.newLayout .numberHistoryItem .mobileCallDelete,
.newLayout .iconXDel {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -3675px;
}

.newLayout #module-settings-voip .numberHistoryItem .mobileCallDelete,
.newLayout #module-settings-voip .systemMessageItemDate.iconXDel {
    background-position: 0 -3678px;
}

.newLayout #module-settings-profile #profileEditBox #profilePhoneContainer > div {
    display: inline-block;
    width: 100%;
}

.newLayout #module-settingsContacts .registerRecaptchaBox:last-child {
    border: 0;
}

.newLayout .popup .min8charsBack {
    background: none;
}

.newLayout #popupSignatures #signatureEditorArea > .editorContainer {
    height: auto !important;
}


/*setings - end*/

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .newLayout #showPopupAddRssFeed h2:before,
    .newLayout #popupContatsList h2:before {
        background-image: url("../_d/iconsNewHighRes.png?v=4");
        background-size: 24px 1020px;
    }

    .settingsModuleBox .settingsMenuListBox .openSetting:before,
    .settingsModuleBox .notificationsBox .close,
    .settingsModuleBox .freeSpaceBox .alertTxt:before,
    .settingsExtensionBox .header .close,
    .settingsExtensionBox label.radioField .label:before,
    .settingsExtensionBox .selectBox:after,
    .settingsModuleBox .phoneBox .phonesList li .number,
    .settingsModuleBox .settingBox .fieldAdd .btn-add:before {
        background-image: url('../_d/newlayout_settings_hd.png');
        background-size: 50px 400px;
    }
}

@media all and (max-width: 1024px) {
    .settingsExtensionBox {
        right: 0;
    }
}

@media all and (max-width: 640px) {

    .newLayout #popupNewSMS .smsSmartTagsBox {
        display: none;
    }

    .newLayout #popupNewSMS .regLabel {
        width: 100px;
    }

    #debugBar {
        display: none;
    }

    .settingsModuleBox .tooltipBox {
        top: auto;
        bottom: 10px;
        margin-top: 0;
    }
    .settingsExtensionBox .textFieldBox,
    .settingsModuleBox .settingBox .textFieldBox {
        margin-bottom: 10px;
        padding-left: 0;
    }
    .settingsExtensionBox .textFieldSuggest,
    .settingsModuleBox .settingBox .textFieldSuggest {
        clear: both;
    }
    .settingsExtensionBox .textFieldBox label,
    .settingsModuleBox .settingBox .textFieldBox label {
        margin-left: 0;
    }
    .settingsExtensionBox .textFieldBox > label,
    .settingsModuleBox .settingBox .textFieldBox > label {
        width: 100%;
        text-align: left;
    }
    .settingsExtensionBox .selectBox,
    .settingsModuleBox .settingBox .selectBox {
        clear: both;
    }
    .settingsModuleBox .settingBox .fieldAdd {
        clear: both;
    }
    .settingsModuleBox .tooltipBox .tooltip,
    .settingsModuleBox .contactsBox .tooltipBox .tooltip {
        width: 270px;
    }
    .settingsExtensionBox {
        width: 320px;
    }
    .settingsExtensionBox .row,
    .settingsModuleBox .settingBox .row {
        clear: both;
    }
    .settingsExtensionBox .birthField .col-50,
    .settingsExtensionBox .birthField .col-66,
    .settingsExtensionBox .mailField .col-50 {
        width: 100%;
    }
    .settingsExtensionBox .birthField .selectBox,
    .settingsExtensionBox .mailField input {
        margin-bottom: 10px;
    }
}


/* contacts page */

.newLayout #submodule-contactsgroups .sidebarBoxTop {
    font-size: 15px;
    color: #3d3d3d;
    text-shadow: none;
    background: none;
    padding: 10px 10px 20px 10px;
    box-sizing: border-box;
    height: auto;
    margin: 0 10px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    border-bottom: 1px solid #e0e0e0;
}

.newLayout #submodule-contactsgroups .sidebarBox {
    width: 100%;
    border: 0;
    padding-bottom: 0;
    margin: 0;
}

.newLayout #contactsList {
    width: 30%;
    min-width: 270px;
    min-height: 100%;
    height: 100%;
    border-right: 1px solid #757575;
    float: left;
    box-sizing: border-box;
    position: static;
}

.newLayout #contactsList .contactListContainer {
    width: auto;
    float: none;
}

.newLayout #contactsSubModules {
    overflow: hidden;
    width: auto;
    float: none;
}

.newLayout #contactsList .conactInnerContainer {
    border: 0;
}

.newLayout #contactsList .conactInnerContainer .cc {
    height: 65px;
    white-space: nowrap;
}

.newLayout #contactsList .conactInnerContainer .cc:hover,
.newLayout #contactsList .conactInnerContainer .cc.active {
    background: #e8f8ff;
}

.newLayout #contactsList .conactInnerContainer .cc.cls {
    height: auto;
}

.newLayout #contactsList .conactInnerContainer .cc {
    border: solid #e0e0e0;
    border-width: 0 0 1px;
    padding: 13px 20px 0 45px;
    color: #3d3d3d;
    position: relative;
}

.newLayout #contactsList .conactInnerContainer .cc > a {
    top: -5px;
}

.newLayout #contactsList .conactInnerContainer .cc .uca {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
}

.newLayout #contactsList .conactInnerContainer .cc .uda {
    width: 55px;
    height: 55px;
    display: inline-block;
    background: #ccc;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 55px;
    font-size: 26px;
    font-weight: 700;
}

.newLayout #contactsList .conactInnerContainer .cc .ucn {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 175px;
    padding-left: 15px;
}

.newLayout #contactsList .conactInnerContainer .cc .ucc {
    font-size: 12px;
    color: #000;
    opacity: 0.5;
    display: block;
}

.newLayout #contactsList .conactInnerContainer .cc .styledCheckboxContainer {
    position: absolute;
    left: 12px;
    top: 23px;
}

.newLayout #contactsList .conactInnerContainer .ccLetters {
    color: #3d3d3d;
    font-size: 15px;
    text-align: left;
    border-left: 0;
    padding: 5px 10px 6px 10px;
    font-weight: bold;
    background: #fbfbfb !important;
    line-height: 18px;
    border-bottom: 1px solid #dfdfdf;
    cursor: auto;
}

.newLayout #contactsList .conactInnerContainer .ccLetters input {
    display: none;
}

.newLayout #submodule-contactsnotications .contactTitle,
.newLayout #submodule-contactsnotications .contactTitleEnd,
.newLayout #submodule-contactslastcontacts .contactTitle,
.newLayout #submodule-contactslastcontacts .contactTitleEnd,
.newLayout #contactsList #contactListHeader .contactListFilter {
    margin: 0;
    padding: 10px 60px 10px 20px;
    background: #eee;
    border-bottom: 1px solid;
    height: 45px;
    width: auto;
    box-sizing: border-box;
    position: relative;
    color: #3d3d3d;
    font-size: 15px;
    text-shadow: none;
}

.newLayout #contactsList #contactListHeader .contactListFilter #contactFilterField {
    display: none;
}

.newLayout #contactsList #contactListHeader .contactListFilter input[name=allcontacts] {
    width: auto;
}


.newLayout #contactsList #contactListHeader .contactListFilter {
    padding-right: 0px;
    overflow: visible;
    padding-left: 12px;
    padding-top: 10px;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer {
    position: relative;
    float: right;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer .sortOption {
    float: right;
    font-size: 12px;
    margin: 0;
    position: relative;
    padding: 10px 10px 2px 20px;
    display: inline-block;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer .sortOption .rightBg {
    background: #fff none repeat scroll 0 0;
    position: absolute;
    right: -3px;
    top: 0;
    width: 10px;
    height: 100%;
    display: none;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer .sortOption.active {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 7px 0 #e0e0e0;
    text-decoration: none;
    z-index: 5;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer .sortOption.active .rightBg {
    display: inline-block;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer .valueSection .value {
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
    padding-right: 15px;
    background: url("../_d/mailbox-icon.png?v=1") 10px -2268px no-repeat;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer .sortOptionWindow {
    display: none;
    position: absolute;
    z-index: 4;
    background: #fff;
    border: 2px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 1px 7px #e0e0e0;
    box-shadow: 0 1px 7px 1px #e0e0e0;
    padding: 0 10px;
    right: -4px;
    top: 106%;
    width: 125px;
}

.newLayout #contactsList #contactListHeader .sortOptionContainer .sortOptionWindow a {
    display: inline-block;
    margin: 8px 0;
    text-decoration: underline;
    color: #990ae3;
}

.newLayout #submodule-contactsnotications .contactCell,
.newLayout #submodule-contactslastcontacts .contactCell {
    border: 0;
}

.newLayout #submodule-contactsnotications #contactNotificationRows .listHolder {
    border-bottom: 1px solid #e0e0e0;
}

.newLayout #module-contacts .contactListHeaderActionsContainer {
    height: auto;
}

.newLayout #contactsList .track,
.newLayout .facebookScroller .track {
    position: relative;
    right: auto;
    margin: 0;
    padding: 0;
    background: none;
}


/* preview contact */

.newLayout #contactDetails {
    background: #eeeeee;
    border: 0;
    border-radius: 0;
    color: #3d3d3d;
    margin: 0;
}

.newLayout #contactDetails .contactDetailInner {
    display: table;
    width: 100%;
}

.newLayout #contactDetailMore {
    border: solid #e0e0e0;
    border-width: 0 0 1px;
    display: table-row;
    width: 100%;
    font-size: 12px;
    color: #3d3d3d;
    padding: 15px 0;
}

.newLayout #contactDetailMore > div > p {
    padding: 0 20px;
    margin: 7px 0 !important;
    clear: both;
    display: inline-block;
    width: 100%;
}

.newLayout #contactDetailMore > div > p#contactDetailsEmailRow {
    margin-top: 20px !important;
}

.newLayout #contactDetailMore > div > p#contactDetailsEmailRow,
.newLayout #contactDetailMore > div > p#contactDetailsAdresRow,
.newLayout #contactDetailMore > div > p#contactDetailsBanksRow,
.newLayout #contactDetailMore > div > p#contactDetailsWebsiteRow {
    margin: 0;
    display: inline-block;
    width: 100%;
}

.newLayout #contactDetailMore > div > p#contactDetailsEmailRow .contactDetailTableLabel,
.newLayout #contactDetailMore > div > p#contactDetailsAdresRow .contactDetailTableLabel,
.newLayout #contactDetailMore > div > p#contactDetailsBanksRow .contactDetailTableLabel,
.newLayout #contactDetailMore > div > p#contactDetailsWebsiteRow .contactDetailTableLabel {
    float: left;
    width: auto;
}

.newLayout #contactDetailMore > div > p#contactDetailsEmailRow #contactDetailEmails,
.newLayout #contactDetailMore > div > p#contactDetailsAdresRow #contactDetailAddresses,
.newLayout #contactDetailMore > div > p#contactDetailsBanksRow #contactDetailsBanks,
.newLayout #contactDetailMore > div > p#contactDetailsWebsiteRow #contactDetailsWebsite {
    float: left;
}

.newLayout #contactDetailMore > div > p#contactDetailsEmailRow #contactDetailEmails > span,
.newLayout #contactDetailMore > div > p#contactDetailsAdresRow #contactDetailAddresses > span,
.newLayout #contactDetailMore > div > p#contactDetailsBanksRow #contactDetailsBanks > span,
.newLayout #contactDetailMore > div > p#contactDetailsWebsiteRow #contactDetailsWebsite > span {
    display: block;
    margin: 2px 0;
}

.newLayout #contactDetailMore > div > p#contactDetailsEmailRow #contactDetailEmails > span:first-child,
.newLayout #contactDetailMore > div > p#contactDetailsAdresRow #contactDetailAddresses > span:first-child,
.newLayout #contactDetailMore > div > p#contactDetailsBanksRow #contactDetailsBanks > span:first-child,
.newLayout #contactDetailMore > div > p#contactDetailsWebsiteRow #contactDetailsWebsite > span:first-child {
    margin-top: 0;
}

.newLayout #contactDetailMore > div > p#contactDetailsEmailRow #contactDetailEmails > span:last-child,
.newLayout #contactDetailMore > div > p#contactDetailsAdresRow #contactDetailAddresses > span:last-child,
.newLayout #contactDetailMore > div > p#contactDetailsBanksRow #contactDetailsBanks > span:last-child,
.newLayout #contactDetailMore > div > p#contactDetailsWebsiteRow #contactDetailsWebsite > span:last-child {
    margin-bottom: 0;
}

.newLayout #contactDetailMore .contactDetailLabel {
    min-width: 55px;
    display: inline-block;
    text-align: left;
    color: #3d3d3d;
}

.newLayout #contactDetailMore .rowElement {
    display: block;
    margin: 15px 0;
}

.newLayout #contactDetailMore .rowElement:first-child {
    margin-top: 0;
}

.newLayout #contactDetailMore .rowElement:last-child {
    margin-bottom: 0;
}

.newLayout #contactDetailMore .contactDetailTableAdditional {
    float: right;
}

.newLayout #contactDetailMore a {
    text-decoration: underline;
    color: #0083be !important;
}

.newLayout #contactDetails .contactDetailInner {
    border: 0;
    border-radius: 0;
}

.newLayout #contactDetails .contactDetailHeader {
    margin: 0;
    padding: 0;
    padding-left: 90px;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    height: 45px;
    width: auto;
    box-sizing: border-box;
    position: relative;
    color: #3d3d3d;
    font-size: 15px;
    text-shadow: none;
    display: table-cell;
    vertical-align: middle;
}

.newLayout #contactDetails .contactDetailHeader #contactDetailAvatar,
.newLayout #contactDetails .contactDetailHeader .defaultAvatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 20px;
}

.newLayout #contactDetails .contactDetailHeader .defaultAvatar {
    display: inline-block;
    background: #ccc;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    font-weight: 700;
}

.newLayout #contactDetails .contactDetailHeader #contactDetailName {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.newLayout #contactDetails #contactDetailsPhoneRow {
    margin: 0 !important;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent {
    font-size: 12px;
    display: table;
    width: 100%;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement {
    display: table-row;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .contactDetailLabel,
.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .contactPhoneNumber,
.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnsOptionsContact {
    display: table-cell;
    line-height: 30px;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .contactDetailLabel {
    width: 55px;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer,
.newLayout #contactNotificationRows .btnCallContainer,
.newLayout #contactRecentRows .btnCallContainer {
    width: 35px;
    height: 14px;
    background: url("../_d/mailbox-icon.png?v=1") 11px -696px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    cursor: pointer;
}

.newLayout #contactNotificationRows .btnCallContainer,
.newLayout #contactRecentRows .btnCallContainer {
    border-left: 1px solid #dfdfdf;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer.disabled,
.newLayout #contactNotificationRows .btnCallContainer.disabled,
.newLayout #contactRecentRows .btnCallContainer.disabled {
    background-position: 11px -710px;
    cursor: default;
    width: 32px;

}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnSms {
    width: 35px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") 9px -753px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-left: 1px solid #e0e0e0;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .contactPhoneNumber {
    width: 120px;
}

.newLayout #contactDetails .contactDetailDelete {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat 0px -3678px;
    display: block;
    height: 16px;
    right: 6px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 10px;
    width: 15px;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer .btnCall,
.newLayout #contactNotificationRows .btnCallContainer .btnCall,
.newLayout #contactRecentRows .btnCallContainer .btnCall {
    display: none;
    position: absolute;
    top: 17px;
    left: 5px;
    border: 1px solid #e0e0e0;
    background: #fff;
    width: 130px;
    z-index: 10;
    padding: 0.7em;
    cursor: default;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer .btnCall .btnCallPhone,
.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer .btnCall .btnCallMobile,
.newLayout #contactNotificationRows .btnCallContainer .btnCall .link,
.newLayout #contactRecentRows .btnCallContainer .btnCall .link {
    display: block;
    background: none;
    color: #990ae3;
    font-size: 12px;
    text-indent: 0;
    position: static;
    width: 100%;
    margin: 5px 0px !important;
    border: 0 !important;
    text-decoration: underline;
    line-height: normal;
    padding: 0 !important;
    cursor: pointer !important;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer .btnCall .btnCallPhone:hover,
.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer .btnCall .btnCallMobile:hover,
.newLayout #contactNotificationRows .btnCallContainer .btnCall .link:hover,
.newLayout #contactRecentRows .btnCallContainer .btnCall .link:hover {
    text-decoration: none;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer .btnsTop,
.newLayout #contactNotificationRows .btnCallContainer .btnsTop,
.newLayout #contactRecentRows .btnCallContainer .btnsTop {
    border: solid #e0e0e0;
    border-width: 1px 1px 0;
    background: #fff;
    width: 26px;
    height: 22px;
    border-radius: 3px 3px 0 0;
    position: absolute;
    top: -22px;
    box-sizing: border-box;
    left: -1px;
    line-height: normal;
}

.newLayout #contactDetails #contactDetailsPhoneRow .contactDetailTableContent .rowElement .btnCallContainer .btnsTop .btnsTopImg,
.newLayout #contactNotificationRows .btnCallContainer .btnsTop .btnsTopImg,
.newLayout #contactRecentRows .btnCallContainer .btnsTop .btnsTopImg {
    background: #fff url("../_d/mailbox-icon.png?v=1") 5px -693px no-repeat;
    display: inline-block;
    width: 100%;
    height: 20px;
    background-clip: content-box;
    padding: 3px 0;
    box-sizing: border-box;
}

.newLayout .contactDetailTabs #contactDetailFacebookConn {
    display: block;
    padding: 10px;
    background: #572178;
    border: 1px solid #461663;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s linear;
    box-sizing: border-box;
    height: auto;
    width: 50%;
    margin: 0 auto;
}

.newLayout .contactDetailTabs #contactDetailFacebookConn:hover {
    background: #461663;
}

.newLayout .contactDetailTabs #contactDetailFacebookConn span {
    background: none;
    color: #FFFFFF;
    display: inline-block;
    float: none;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    padding: 0;
    text-shadow: none;
    margin: 0;
}

.newLayout #contactDetails .contactDetailGroupContainer {
    margin: 0;
    padding: 10px 20px 0px;
    border: 0;
    font-size: 12px;
}

.newLayout #contactDetails .contactDetailGroupBox,
.newLayout #contactDetails .contactDetailSharedBox {
    border: 0;
    padding: 0 20px;
    width: 100%;
    float: none;
    margin: 15px 0px;
}

.newLayout #contactDetails .contactDetailGroupBox .contactDetailGroupTitle {
    color: #3d3d3d;
    padding: 0;
}

.newLayout #contactDetails .contactDetailGroupBox .folderGroup {
    display: inline-block;
    margin-right: 10px;
}

.newLayout #contactDetailTabsBox {
    background: #fff;
}

.newLayout #contactDetailTabsBox .tabs {
    background: #fbfbfb;
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

.newLayout #contactDetailTabsBox .tabs a {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    display: inline-block;
    height: 50px;
    width: 82px;
    float: left;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -12px -3875px;
}

.newLayout #contactDetailTabsBox .tabs a#contactDetailTab1 {
    background-position: 15px -4234px;
}

.newLayout #contactDetailTabsBox .tabs a#contactDetailTab2 {
    background-position: 15px -4182px;
}

.newLayout #contactDetailTabsBox .tabs a#contactDetailTab3 {
    background-position: 15px -4234px;
}

.newLayout #contactDetailTabsBox .tabs a#contactDetailTab4 {
    background-position: 15px -4234px;
}

.newLayout #contactDetailTabsBox .tabs a#contactDetailTab5 {
    background-position: 15px -4132px;
}

.newLayout #contactDetailTabsBox .tabs a#contactDetailTab6 {
   background-position: 15px -4078px;
}

.newLayout #contactDetailTabsBox .tabs a#contactDetailTab7 {
   background-position: 15px -4026px;
}

.newLayout #contactDetailTabsBox .tabs a.selected {
    border-bottom-color: transparent;
    background-color: #fff;
}

.newLayout #contactDetailTabsBox .contactDetailTabs {
    clear: both;
    border: 0;
    min-height: 200px;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .addNoteFieldContainer {
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    margin: 0;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .addNoteButton {
    line-height: 38px;
    border: 0;
    border-radius: 2px;
    background: #00cc66;
    color: #fff;
    font-size: 15px;
    padding: 0 30px;
    display: inline-block;
    font-weight: 700;
    float: none;
    text-shadow: none;
    margin: 0px;
    height: 38px;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .inactiveButton {
    opacity: 0.6;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .addNoteButton span {
    display: inline-block;
    width: auto;
    height: auto;
    background: none;
    color: #fff;
    font-size: 15px;
    padding: 0;
    margin: 0;
    text-shadow: none;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .addNoteButton:hover {
    background: #02b95e;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .addNoteButtons {
    text-align: right;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .contactListFilter {
    background: #eee;
    border: solid #e0e0e0;
    border-width: 1px 0;
    padding: 5px;
}

.newLayout #contactDetailTabsBox #contactDetailsNotes .contactListFilter input[type="text"] {
    line-height: 28px;
    height: 28px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 10px;
}


/* contact activity */

.newLayout #contactDetailTabsBox .activityFeedItem {
    padding: 3px 27px 0 35px;
    min-height: 50px;
}

.newLayout #contactDetailTabsBox .activityFeedItem .activityFeedDate {
    left: auto;
    top: 3px;
    right: 20px;
}

.newLayout #contactDetailTabsBox .activityFeedItem .iconNote {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -14px -4404px;
    width: 22px;
    height: 22px;
    padding: 0;
}

.newLayout #contactDetailTabsBox .activityFeedItem .iconMailIn,
.newLayout #contactDetailTabsBox .activityFeedItem .iconMailOut {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../_d/mailbox-icon.png?v=1")  no-repeat -14px -4404px;
    width: 22px;
    height: 22px;
    padding: 0;
}

.newLayout #contactDetailTabsBox .activityFeedItem .iconSMS2 {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -14px -4506px;
    width: 32px;
    height: 26px;
    padding: 0;
}

.newLayout #contactDetailTabsBox .activityFeedItem .iconPhoneIn,
.newLayout #contactDetailTabsBox .activityFeedItem .iconPhoneMiss,
.newLayout #contactDetailTabsBox .activityFeedItem .iconPhoneOut {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -14px -4454px;
    width: 32px;
    height: 26px;
    padding: 0;
}


/* contacts folder list */

.newLayout .folderList li div.folderGroup span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -174px -3852px;
    padding: 0 0 0 30px;
}

.newLayout .folderList li li div span,
.newLayout .folderList li li li div span {
    padding-left: 30px;
}

.newLayout #contactsGroupsList > ul,
.newLayout #smsFolderList > ul {
    padding: 0 1px 0 10px;
}

.newLayout .folderList #contactsGroupsList li div,
.newLayout .folderList #smsFolderList li div {
    color: #3d3d3d;
    text-decoration: none;
    font-style: normal;
    line-height: 28px;
    display: inline-block;
    width: 100%;
    border: 1px solid transparent;
    padding: 0;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;
}

.newLayout .folderList #contactsGroupsList li div u,
.newLayout .folderList #smsFolderList li div u {
    font-size: 12px;
    color: #3d3d3d;
}

.newLayout .folderList #contactsGroupsList li div:hover,
.newLayout .folderList #contactsGroupsList .selectedGroup,
.newLayout .folderList #smsFolderList li div:hover,
.newLayout .folderList #smsFolderList .selectedGroup {
    background-color: #fbfbfb !important;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.newLayout .folderList #contactsGroupsList li div i,
.newLayout .folderList #smsFolderList li div i {
    height: 28px;
}

.newLayout .folderList #contactsGroupsList li div small,
.newLayout .folderList #smsFolderList li div small {
    background: url("../_d/mailbox-icon.png?v=1") -1px -2270px no-repeat;
    display: none;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -4px;
}

.newLayout .folderList #contactsGroupsList li div:hover small,
.newLayout .folderList #smsFolderList li div:hover small {
    display: block;
}

.newLayout #submodule-contactsgroups a.sidebarBoxLinks {
    text-decoration: underline;
    color: #990ae3;
    display: inline-block;
    padding-left: 35px;
    background: url("../_d/mailbox-icon.png?v=1") 20px -2288px no-repeat;
    margin: 0 0 10px;
}

.newLayout #submodule-contactsgroups a.sidebarBoxLinks:hover {
    text-decoration: none;
}

.newLayout #contactNotificationRows .listMail {
    width: 123px;
}

.newLayout #contactNotificationRows .listMobileIcon {
    display: none;
}

.newLayout #contactRecentRows {
    padding: 0 20px;
}

.newLayout #contactRecentRows .listHolder {
    line-height: 45px;
    border-bottom: 1px solid #e0e0e0;
    background: none;
    padding: 0;
    overflow: visible;
}

.newLayout #contactRecentRows .listHolder a {
    font-weight: 700;
    color: #990ae3;
}

.newLayout #contactRecentRows .listHolder .listMail {
    overflow: visible;
}

.newLayout #contactNotificationRows .listHolder .listMail .listEmailIcon,
.newLayout #contactRecentRows .listHolder .listMail .listEmailIcon {
    width: 23px;
    height: 14px;
    background: url("../_d/mailbox-icon.png?v=1") -1px -670px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.newLayout #contactNotificationRows .listHolder .listMail .listSMSIcon,
.newLayout #contactRecentRows .listHolder .listMail .listSMSIcon {
    width: 23px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") 9px -753px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
}

.newLayout #contactNotificationRows .listHolder .listMail .addContactIcon {
    width: 35px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") 6px -788px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
}

.newLayout #contactRecentRows .listHolder .listMail .addContactIcon {
    width: 35px;
    height: 16px;
    background: url("../_d/mailbox-icon.png?v=1") 11px -788px no-repeat;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
}

.newLayout #contactNotificationRows .listHolder .listMail .listEmailIconDisable {
    background-position: 6px -683px;
}

.newLayout #contactRecentRows .listHolder .listMail .listEmailIconDisable {
    background-position: 0px -683px;
}

.newLayout #contactNotificationRows .listHolder .listMail .listPhoneIconDisable,
.newLayout #contactRecentRows .listHolder .listMail .listPhoneIconDisable {
    background-position: 11px -710px;
}

.newLayout #contactNotificationRows .listHolder .listMail .listMobileIconDisable,
.newLayout #contactRecentRows .listHolder .listMail .listMobileIconDisable {
    background-position: 9px -738px;
}

.newLayout #contactNotificationRows .listHolder .listMail .listSMSIconDisable,
.newLayout #contactRecentRows .listHolder .listMail .listSMSIconDisable {
    background-position: 9px -770px;
}


/*styled chechbox */

.newLayout .styledCheckboxContainer .styledCheckboxEl {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../_d/mailbox-icon.png?v=1") 0 -637px no-repeat;
    margin: 4px 0;
    position: relative;
    z-index: 11;
    cursor: pointer;
}

.newLayout .styledCheckboxContainer .styledCheckboxEl.checked {
    background-position: 0 -620px;
}

.newLayout .styledCheckboxContainer input[type=checkbox] {
    display: none;
}


/* new contact form */

.newLayout #module-contacts-newcontact > h2 {
    margin: 0;
    padding: 15px 60px 15px 20px;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    height: 45px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    color: #3d3d3d;
    font-size: 15px;
    text-shadow: none;
}

.newLayout #contactsPersonalContactForm {
    border: 0;
    border-radius: 0;
    background: #fbfbfb;
}

.newLayout #contactsPersonalContactForm select,
.newLayout #profileEditBox select {
    height: 33px;
    width: 100px;
}

.newLayout #profileEditBox select {
    margin-left: 10px;
}

.newLayout #profileEditBox {
    border: 0;
    position: relative;
}

.newLayout #contactsPersonalContactForm .styledSelectContainer,
.newLayout #profileEditBox .styledSelectContainer {
    float: left;
    margin-left: 5px;
}

.newLayout #contactsPersonalContactForm .styledSelectContainer .value:after,
.newLayout #profileEditBox .styledSelectContainer .value:after {
    height: 31px;
}

.newLayout #contactsPersonalContactForm #contactAdditionalField_photo .regLabel,
.newLayout #profileEditBox #contactAdditionalField_photo .regLabel {
    vertical-align: middle;
}

.newLayout #contactsPersonalContactForm input[type=text],
.newLayout #contactsPersonalContactForm textarea,
.newLayout #profileEditBox input[type=text],
.newLayout #profileEditBox textarea {
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 3px;
    width: 233px;
    line-height: 20px;
    padding: 2px 10px 0 10px;
    margin: 0;
    box-sizing: border-box;
    z-index: auto;
}

.newLayout #contactsPersonalContactForm input[type=text],
.newLayout #profileEditBox input[type=text] {
    height: 33px;
}

.newLayout #contactsPersonalContactForm input[type=text]:focus,
.newLayout #contactsPersonalContactForm textarea:focus,
.newLayout #profileEditBox input[type=text]:focus,
.newLayout #profileEditBox textarea:focus {
    border-color: #757575;
}

.newLayout #contactsPersonalContactForm .regLabel,
.newLayout #profileEditBox .regLabel {
    font-size: 12px;
    font-weight: 700;
    line-height: 33px;
}

.newLayout #contactsPersonalContactForm .inputWrappContainer,
.newLayout #profileEditBox .inputWrappContainer {
    overflow: visible;
}

.newLayout #contactsPersonalContactForm .inputWrapp,
.newLayout #profileEditBox .inputWrapp {
    background: none;
    z-index: auto;
    float: none;
    display: block;
}

.newLayout #contactsPersonalContactForm .nextSign,
.newLayout #contactsPersonalContactForm .removeSign,
.newLayout #profileEditBox .nextSign,
.newLayout #profileEditBox .removeSign {
    border: 1px solid #d5d5d5;
    background: #e0e0e0;
    text-indent: 0;
    color: #3d3d3d;
    font-size: 20px;
    border-radius: 3px;
    height: 33px;
    width: 33px;
    margin: 0 0 0 5px;
    box-sizing: border-box;
    padding: 0;
    font-weight: 700;
    text-align: center;
}

.newLayout #contactsPersonalContactForm #contactAddressContainer > div,
.newLayout #profileEditBox #contactAddressContainer > div {
    margin-top: 10px;
    height: 43px;
}

.newLayout #contactsPersonalContactForm #contactPhoneContainer > div,
.newLayout #contactsPersonalContactForm #contactEmailContainer > div,
.newLayout #contactsPersonalContactForm #contactBankAccountContainer > div,
.newLayout #contactsPersonalContactForm #contactWebsiteContainer > div,
.newLayout #profileEditBox #contactBankAccountContainer > div,
.newLayout #profileEditBox #contactWebsiteContainer > div,
.newLayout #profileEditBox #contactPhoneContainer > div,
.newLayout #profileEditBox #contactEmailContainer > div {
    margin-top: 10px;
    height: 33px;
}

.newLayout #contactsPersonalContactForm #contactAddressContainer > div:first-child,
.newLayout #contactsPersonalContactForm #contactPhoneContainer > div:first-child,
.newLayout #contactsPersonalContactForm #contactEmailContainer > div:first-child,
.newLayout #contactsPersonalContactForm #contactBankAccountContainer > div:first-child,
.newLayout #contactsPersonalContactForm #contactWebsiteContainer > div:first-child,
.newLayout #profileEditBox #contactBankAccountContainer > div:first-child,
.newLayout #profileEditBox #contactWebsiteContainer > div:first-child,
.newLayout #profileEditBox #contactAddressContainer > div:first-child,
.newLayout #profileEditBox #contactPhoneContainer > div:first-child,
.newLayout #profileEditBox #contactEmailContainer > div:first-child {
    margin-top: 0px;
}

.newLayout #contactsPersonalContactForm #contactPhotoArea {
    width: 92px;
    height: 92px;
    padding: 0;
}

.newLayout #contactsPersonalContactForm #contactPhotoArea .defaultAvatar {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 86px;
    font-size: 20px;
    font-weight: 700;
}

.newLayout #contactsPersonalContactForm #contactPhotoArea img {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50%;
    max-width: 90px !important;
    max-height: 90px !important;
}

.newLayout #contactsPersonalContactForm .contactPhotoAreaContainer {
    display: inline-block;
    position: relative;
}

.newLayout #contactsPersonalContactForm #contactPhotoForm {
    position: absolute;
    text-indent: -999px;
    height: 100%;
    width: 100%;
}

.newLayout #contactsPersonalContactForm #contactPhotoForm .attachmentFormInputs {
    position: static;
    width: 90px;
    height: 90px;
    opacity: 0;
    z-index: 2;
}

.newLayout #contactsPersonalContactForm #contactPhotoForm #contactAttachPhoto {
    cursor: pointer;
    width: 90px !important;
    height: 90px !important;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.newLayout #contactsPersonalContactForm #contactRemovePhotoLink {
    position: relative;
    z-index: 3;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer {
    border: 0;
    margin: 0;
    z-index: auto;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer .addAdditionalFieldContainerWindow {
    position: relative;
    display: inline-block;
    left: -25px;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer #contactAdditionalItems {
    display: none;
    position: absolute;
    z-index: 4;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 7px 0px #e0e0e0;
    padding: 0 10px;
    right: 0px;
    top: 94%;
    width: 125px;
    left: auto;
    bottom: auto;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer #contactAdditionalItems .mailActionBoxItems {
    padding: 0;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer #contactAdditionalItems .mailActionBoxItems a {
    padding: 0;
    text-decoration: underline;
    color: #990ae3;
    margin: 8px 0;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer #contactAdditionalItems .mailActionBoxItems a:hover {
    text-decoration: none;
    background: none;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder td {
    border-bottom: 1px solid #e0e0e0;
}

.newLayout #contactsPersonalContactForm table {
    padding: 20px;
    border: 0;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer .addAdditionalFieldContainerWindow > a {
    color: #3d3d3d;
    text-decoration: underline;
    display: inline-block;
    padding: 9px 10px 9px 25px;
    box-sizing: border-box;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer .addAdditionalFieldContainerWindow > a .arrow {
    background: url("../_d/mailbox-icon.png?v=1") 1px -2268px no-repeat;
    display: inline-block;
    width: 15px;
    height: 12px;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer .addAdditionalFieldContainerWindow > a .rightBg {
    background: #fff none repeat scroll 0 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
    height: 100%;
    display: none;
}

.newLayout #contactsPersonalContactForm #addAdditionalFieldContainerHolder .addAdditionalFieldContainer .addAdditionalFieldContainerWindow > a.active {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 7px 0 #e0e0e0;
    text-decoration: none;
    z-index: 5;
    position: relative;
}

.newLayout #contactsPersonalContactForm .buttonsContainer td {
    border-top: 1px solid #e0e0e0;
    text-align: right;
}

.newLayout #contactsPersonalContactForm .buttonsContainer .buttonNormal,
.newLayout #contactsPersonalContactForm .buttonsContainer .buttonNormal span {
    text-decoration: underline;
    border: 0;
    margin: 0;
    padding: 0;
    text-shadow: none;
    background: none;
    color: #3d3d3d;
    font-size: 12px;
    font-weight: normal;
    float: none;
    display: inline-block;
}

.newLayout #contactsPersonalContactForm .buttonsContainer .buttonSpecial {
    float: none;
    background: none;
    margin: 15px 0;
    padding: 0;
    display: inline-block;
    height: auto;
}

.newLayout #contactsPersonalContactForm .buttonsContainer .buttonSpecial span {
    line-height: 38px;
    height: 38px;
    border-radius: 2px;
    background: #00cc66;
    color: #fff;
    font-size: 15px;
    padding: 0 18px;
    display: inline-block;
    font-weight: 700;
    float: none;
    text-shadow: none;
    margin-left: 16px;
    margin-right: 0;
    font-weight: 700;
}

.newLayout #contactsPersonalContactForm .buttonsContainer .buttonSpecial:hover span {
    background: #02b95e;
    text-decoration: none;
}

.newLayout #newContactLabels .styledCheckboxContainer,
.newLayout #contactShareContact .styledCheckboxContainer {
    float: left;
}

.newLayout #newContactLabels .styledCheckboxContainer .styledCheckboxEl {
    margin: 3px;
    z-index: 3;
}

.newLayout #contactShareContact .styledCheckboxContainer .styledCheckboxEl {
    margin: 0 6px 0 0;
    z-index: 3;
}

.newLayout #contactsPersonalContactForm .common-label-addNewLabelEtiquette {
    text-decoration: underline;
    color: #3d3d3d;
}


#submodule-contactsgroups .folderList li div i{
  margin-right: 0px;
}

.newLayout #newContactLabels li div,
.newLayout #newContactLabels2 li div {
    float: none;
    overflow: hidden;
}

.newLayout #contactsPersonalContactForm .radioMailContainer {
    vertical-align: middle;
    margin-right: 5px;
}

.newLayout #contactSex label {
    margin-right: 15px;
}

.newLayout #presonalContactChangedBirthday .optionsList {
    z-index: 11;
}

.newLayout #contactsPersonalContactForm #contactAdditionalField_birthday .styledSelectContainer:first-child {
    margin-left: 0;
}

.newLayout .labelIcon1 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -3928px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon2 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4096px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon3 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4306px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon4 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -3970px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon5 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -3886px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon6 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4138px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon7 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4348px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon8 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4222px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon9 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4054px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon10 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4180px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon11 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4012px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout .labelIcon12 {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -160px -4264px;
    padding: 0 20px 0 0;
    margin-right: 13px;
}

.newLayout div.labelGroupIcon1 span,
.newLayout span.labelGroupIcon1 span,
.newLayout div#newContactLabels li div.labelGroupIcon1 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -3933px;
}

.newLayout div.labelGroupIcon2 span,
.newLayout span.labelGroupIcon2 span,
.newLayout div#newContactLabels li div.labelGroupIcon2 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4101px;
}

.newLayout div.labelGroupIcon3 span,
.newLayout span.labelGroupIcon3 span,
.newLayout div#newContactLabels li div.labelGroupIcon3 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4311px;
}

.newLayout div.labelGroupIcon4 span,
.newLayout span.labelGroupIcon4 span,
.newLayout div#newContactLabels li div.labelGroupIcon4 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -3975px;
}

.newLayout div.labelGroupIcon5 span,
.newLayout span.labelGroupIcon5 span,
.newLayout div#newContactLabels li div.labelGroupIcon5 span {
   background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -3891px;
}

.newLayout div.labelGroupIcon6 span,
.newLayout span.labelGroupIcon6 span,
.newLayout div#newContactLabels li div.labelGroupIcon6 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4143px;
}

.newLayout div.labelGroupIcon7 span,
.newLayout span.labelGroupIcon7 span,
.newLayout div#newContactLabels li div.labelGroupIcon7 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4353px;
}

.newLayout div.labelGroupIcon8 span,
.newLayout span.labelGroupIcon8 span,
.newLayout div#newContactLabels li div.labelGroupIcon8 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4227px;
}

.newLayout div.labelGroupIcon9 span,
.newLayout span.labelGroupIcon9 span,
.newLayout div#newContactLabels li div.labelGroupIcon9 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4059px;
}

.newLayout div.labelGroupIcon10 span,
.newLayout span.labelGroupIcon10 span,
.newLayout div#newContactLabels li div.labelGroupIcon10 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4185px;
}

.newLayout div.labelGroupIcon11 span,
.newLayout span.labelGroupIcon11 span,
.newLayout div#newContactLabels li div.labelGroupIcon11 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4017px;
}

.newLayout div.labelGroupIcon12 span,
.newLayout span.labelGroupIcon12 span,
.newLayout div#newContactLabels li div.labelGroupIcon12 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -177px -4269px;
}

.newLayout .folderList li div.labelGroupIcon1 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -3930px;
}

.newLayout .folderList li div.labelGroupIcon2 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4098px;
}

.newLayout .folderList li div.labelGroupIcon3 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4308px;
}

.newLayout .folderList li div.labelGroupIcon4 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -3972px;
}

.newLayout .folderList li div.labelGroupIcon5 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -3888px;
}

.newLayout .folderList li div.labelGroupIcon6 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4140px;
}

.newLayout .folderList li div.labelGroupIcon7 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4350px;
}

.newLayout .folderList li div.labelGroupIcon8 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4224px;
}

.newLayout .folderList li div.labelGroupIcon9 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4056px;
}

.newLayout .folderList li div.labelGroupIcon10 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4182px;
}

.newLayout .folderList li div.labelGroupIcon11 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4014px;
}

.newLayout .folderList li div.labelGroupIcon12 span {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -175px -4266px;
}

.newLayout #contactAddressContainer > div {
    margin-top: 10px;
}

.newLayout #contactAddressContainer > div:first-child {
    margin: 0;
}

.newLayout .contactListBulkActionsContainer {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 45px;
    padding-left: 40px;
    box-sizing: border-box;
    display: none;
}

.newLayout .contactListBulkActionsContainer .contactListBulkActions {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #990ae3;
    padding: 15px 0;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a {
    display: inline-block;
    color: #fff;
    border-left: 1px solid #642d96;
    line-height: 12px;
    border-radius: 0;
    text-decoration: none;
    width: 54px;
    height: 20px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    white-space: nowrap;
    text-indent: -99999px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    overflow: visible;
    background: none;
    border-right: 0;
    margin-top: -5px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a#contactBulkActionDelete .iconTitle {
    background: url("../_d/mailbox-icon.png?v=1") 6px -1256px no-repeat;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a:hover {
    text-indent: 0;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a:hover span.iconTitle,
.newLayout .contactListBulkActionsContainer #contactListBulk a#contactBulkActionDelete:hover .iconTitle {
    background-color: #642d96;
    border-radius: 3px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a:first-child {
    border: 0;
    margin-left: 12px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a .title {
    position: absolute;
    left: 50%;
    text-align: center;
    bottom: -10px;
    font-size: 12px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a .iconTitle {
    display: block;
    width: 50%;
    height: 125%;
    margin: 0 auto;
    background: url("../_d/contacts-actions-icons.png") 0 0 no-repeat;
    margin-top: -3px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a.contactInfoMail .iconTitle {
    background-position: -5px -3px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a#contactBulkActionMove .iconTitle {
    background-position: -4px -73px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a#contactBulkActionSMS .iconTitle {
    background-position: -5px -36px;
}

.newLayout .contactListBulkActionsContainer #contactListBulk a.contactInfoMailDisable,
.newLayout .contactListBulkActionsContainer #contactListBulk a.contactMoveDisable,
.newLayout .contactListBulkActionsContainer #contactListBulk a.contactDetailDeleteDisable,
.newLayout .contactListBulkActionsContainer #contactListBulk a.listSMSIconDisable {
    display: none;
}

.newLayout .contactItemBtnsContainer {
    width: 100%;
    height: 78px;
    padding-left: 40px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.newLayout .contactItemBtnsContainer .contactItemBtns {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #990ae3;
    padding: 25px 0;
    position: relative;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns a {
    display: inline-block;
    color: #fff;
    border-left: 1px solid #642d96;
    line-height: 12px;
    border-radius: 0;
    text-decoration: none;
    width: 54px;
    height: 20px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    white-space: nowrap;
    text-indent: -99999px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    overflow: visible;
    background: none;
    border-right: 0;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns a:first-child {
    border: 0;
    margin-left: 12px;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns a .iconTitle {
    display: block;
    width: 50%;
    height: 125%;
    margin: 0 auto;
    background: url("../_d/contacts-actions-icons.png") 0 0 no-repeat;
    margin-top: -3px;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .mailIcon_unread .iconTitle {
    background-position: -5px -3px;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .ccMobileIcon .iconTitle {
    background-position: -5px -115px;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .ccPhoneIcon .iconTitle {
    background-position: -5px -115px;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .ccSMSIcon .iconTitle {
    background-position: -5px -36px;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .mailIcon_read,
.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .ccMobileIconDisable,
.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .phoneIcon_inactive,
.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns .ccSMSIconDisable {
    display: none;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns a .title {
    position: absolute;
    left: 50%;
    text-align: center;
    font-size: 12px;
    max-width: 200px;
    width: 200px;
    white-space: initial;
    top: 125%;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns a:hover .iconTitle {
    background-color: #642d96;
    border-radius: 3px;
}

.newLayout #wrapper .contactItemBtnsContainer .contactItemBtns a:hover {
    text-indent: 0;
}


/* form error */

.newLayout .errorContainer {
    width: auto;
}

.newLayout .errorLine {
    display: none !important;
}

.newLayout .regErrorBox,
.newLayout .regSuccessBox {
    background: none;
    border: 3px solid #00cdff;
    color: #3d3d3d;
    border-radius: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: visible;
}

.newLayout .regErrorBox:before,
.newLayout .regSuccessBox:before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #00cdff;
    border-bottom: 6px solid transparent;
    content: "";
    top: 10px;
    left: -8px;
}

.newLayout #wrapper .fieldTextError {
    border: 1px solid #ff0048 !important;
    color: #ff0048 !important;
}

.newLayout #popupFileImport .error{
    color: #ff0048 !important;
}

/*cloud*/

.newLayout #popupFilesLink h2:before {
    background-image: url("../_d/mailbox-icon.png?v=1");
    background-repeat: no-repeat;
    background-position: 8px -3082px;
}

.newLayout #popupFilesLinkClipboard,
.newLayout #popupFilesLinkFileEditor,
.newLayout #popupFilesLinkPassword,
.newLayout #popupFilesLink .textareaDecorator {
    display: inline-block;
    margin-right: 0;
    padding: 9px 8px;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.newLayout #popupFilesLinkPassword {
    width: 170px;
}

.newLayout .popupFilesLinkContainer a.buttonSpecial {
    float: none;
    display: inline-block;
    padding: 0 18px;
    height: 38px;
    background: #6a2c90;
    border-radius: 2px;
    font-weight: 700;
    font-size: 15px;
    line-height: 38px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.newLayout .popupFilesLinkContainer a.buttonSpecial:hover {
    background-color: #572178;
}

.newLayout .popupFilesLinkContainer a.buttonSpecial.inactiveButton {
    background: #757575;
    text-shadow: none;
    box-shadow: none;
    opacity: 0.6;
}

.newLayout #filelist td.icon {
    background: none;
}

.newLayout .filesIconsCheckboxContainer {
    right: auto;
    left: 5px;
    width: 18px;
    height: 18px;
}


/*cloud - end*/


/*faq*/

.newLayout #submodule-faqcategory .sidebarBoxTop {
    padding: 15px 10px 0 10px;
    width: auto;
    height: 45px;
    font-size: 15px;
    line-height: 23px;
    color: #3d3d3d;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    text-shadow: none;
    box-sizing: border-box;
}

.newLayout #submodule-faqcategory .sidebarBox {
    width: 100%;
    border: 0;
    box-sizing: border-box;
}

.newLayout #faqCategoriesContent {
    padding: 0 10px;
}

.newLayout #faqCategoriesContent a,
.newLayout #faqCategoriesContent p {
    background: none;
    position: relative;
    display: block;
    margin: 0;
    padding: 4px 0 4px 25px;
    width: 100%;
    min-height: 30px;
    height: auto;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.newLayout #faqCategoriesContent p {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -183px -4392px;
}

.newLayout #faqCategoriesContent a:before {
    background: url("../_d/mailbox-icon.png?v=1") no-repeat -183px -4392px;
    content: "";
    display: inline-block;
    float: left;
    height: 20px;
    margin-left: -20px;
    width: 20px;
}

.newLayout #faqCategoriesContent a:hover {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.newLayout #faqCategoriesContent a#category_c_general:before,
.newLayout #faqCategoriesContent a#category_c_kkk:before,
.newLayout #faqCategoriesContent a#category_c_general,
.newLayout #faqCategoriesContent a#category_c_kkk,
.newLayout #faqCategoriesContent p {
    background-position: -183px -4392px;
}

.newLayout #faqCategoriesContent a#category_c_email:before,
.newLayout #faqCategoriesContent a#category_c_email {
    background-position: -183px -4422px;
}

.newLayout #faqCategoriesContent a#category_c_contacts:before,
.newLayout #faqCategoriesContent a#category_c_contacts {
    background-position: -183px -4452px;
}

.newLayout #faqCategoriesContent a#category_c_socialmedia:before,
.newLayout #faqCategoriesContent a#category_c_socialmedia {
    background-position: -183px -4482px;
}

.newLayout #faqCategoriesContent a#category_c_voip:before,
.newLayout #faqCategoriesContent a#category_c_voip {
    background-position: -183px -4512px;
}

.newLayout #faqCategoriesContent a#category_c_cloud:before,
.newLayout #faqCategoriesContent a#category_c_cloud {
    background-position: -183px -4542px;
}

.newLayout .faqListBox {
    position: static;
    float: left;
    width: 30%;
    min-width: 270px;
    min-height: 100%;
    height: 100%;
    border-right: 1px solid #757575;
    box-sizing: border-box;
    padding-bottom: 0px;
}

.newLayout .faqTitleBox {
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 45px;
    font-size: 15px;
    line-height: 23px;
    color: #3d3d3d;
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    z-index: 2;
    overflow: hidden;
}

.newLayout .faqTitleBox h3 {
    display: table-cell;
    margin: 0;
    height: 45px;
    font-size: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.newLayout #module-faq .faqCategoryList {
    padding: 0;
    list-style: none;
}

.newLayout .faqCategoryList .questions {
    display: block;
    padding: 10px 20px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    transition: background 0.2s linear;
    cursor: pointer;
}

.newLayout .faqCategoryList .questions.questionsOpen,
.newLayout .faqCategoryList .questions:hover {
    background: #e8f8ff;
}

.newLayout .faqCategoryList {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: none;
}

.newLayout .faqContent {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 15px;
}

.newLayout .faqContent .answers {
    display: none;
}

.newLayout .faqContent .answers.open {
    display: block;
    padding: 20px;
}

.newLayout .faqContent .answers img {
    max-width: 100%;
}

.newLayout .videoBox {
    position: relative;
    margin: 10px auto;
    padding-bottom: 56.25%;
    max-width: 640px;
    height: 0;
    overflow: hidden;
}

.newLayout .videoBox iframe,
.newLayout .videoBox object,
.newLayout .videoBox embed,
.newLayout .videoBox video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*faq - end*/


/*call popup*/

.newLayout #popupVoipCalling .voipCallingTitle a.close {
    top: 50%;
    right: 15px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url('../_d/phone_calls_title_icons_sd.png') no-repeat -15px -55px;
}

.newLayout .popupTypeVoip {
    padding: 0;
    width: 370px;
    background: #fbfbfb;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    box-shadow: 6px 0 10px -4px rgba(0, 0, 0, 0.1), -6px 0 10px -4px rgba(0, 0, 0, 0.1);
}

.newLayout .popupTypeVoip .voipPopupMulti {
    margin: 0 0 7px;
    padding: 0;
    background: transparent;
}

.newLayout .popupTypeVoip .voipCallingTitle {
    position: relative;
    margin: -2px -1px 0;
    padding: 0 50px;
    font-weight: 700;
    font-size: 12px;
    line-height: 40px;
    color: #fff;
    background: #00cc66;
    border: 1px solid #02b95e;
}

.newLayout .popupTypeVoip .voipCallingTitle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background: #02b95e url('../_d/phone_calls_title_icons_sd.png') no-repeat 0 0;
}

.newLayout .popupTypeVoip .callIcon5 span span {
    color: #fff;
}

.newLayout .popupTypeVoip .borderedBoxContainer {
    padding: 10px;
    background: #fbfbfb;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
}

.newLayout .popupTypeVoip .borderedBoxContainerInner {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.newLayout .popupTypeVoip .borderedBoxContainerInner img {
    border: 1px solid #e0e0e0;
    border-radius: 50%;
}

.newLayout .popupTypeVoip .voipPopupUserPhone,
.newLayout .popupTypeVoip .voipPopupUserPhone a {
    top: 10px;
    left: 80px;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    color: #0083be;
}

.newLayout .popupTypeVoip .voipPopupUserPhone small {
    font-size: 15px;
}

.newLayout .popupTypeVoip .voipPopupNotes {
    padding: 0 10px;
}

.newLayout .popupTypeVoip .addNoteFieldContainer {
    margin: 0 0 10px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-shadow: none;
}

.newLayout .popupTypeVoip .addNoteFieldContainer textarea {
    font-size: 14px;
    padding: 7px;
    margin: 0;
}

.newLayout .popupTypeVoip .addNoteButtons {
    padding: 0;
    text-align: right;
}

.newLayout .popupTypeVoip a.buttonSpecial,
.newLayout .popupTypeVoip .buttonSpecial {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    background: #00cc66;
    border: 1px solid #02b95e;
    border-radius: 2px;
    transition: background 0.2s linear;
}

.newLayout .popupTypeVoip a.buttonSpecial:hover,
.newLayout .popupTypeVoip .buttonSpecial:hover {
    background: #02b95e;
}

.newLayout .popupTypeVoip a.inactiveButton,
.newLayout .popupTypeVoip .inactiveButton,
.newLayout .popupTypeVoip a.inactiveButton:hover,
.newLayout .popupTypeVoip .inactiveButton:hover {
    background: #757575;
    border-color: #5b5b5b;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.6;
}

.newLayout .popupTypeVoip .contactMailInfoMobile {
    position: absolute;
    top: 40px;
    display: none;
    padding: 0 10px;
    width: 34px;
    height: 16px;
    background: url('../_d/phone_calls_icons_sd.png') no-repeat;
    border-left: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.newLayout .popupTypeVoip .contactInfoMail,
.newLayout .popupTypeVoip .contactInfoPhone,
.newLayout .popupTypeVoip .contactMailInfoSMS,
.newLayout .popupTypeVoip .addContactIcon {
    position: absolute;
    top: 40px;
    display: inline-block;
    padding: 0 10px;
    width: 34px;
    height: 16px;
    background: url('../_d/phone_calls_icons_sd.png') no-repeat;
    border-left: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.newLayout .popupTypeVoip .contactInfoMail {
    left: 80px;
    padding-left: 0;
    width: 24px;
    background-position: -2px -2px;
    border-left: 0;
}

.newLayout .popupTypeVoip .contactInfoMailDisable {
    background-position: -2px -22px;
}

.newLayout .popupTypeVoip .contactInfoPhone {
    left: 104px;
    background-position: center -42px;
}


.newLayout .popupTypeVoip .contactInfoPhoneDisable,
.newLayout .popupTypeVoip .contactInfoPhoneHiddenNumber {
    background: rgba(0, 0, 0, 0) url("../_d/phone_calls_icons_sd.png") no-repeat scroll 5px -62px !important;
}

.newLayout .popupTypeVoip .contactMailInfoMobile {
    left: 138px;
    background-position: center -82px;
    display: none;
}

.newLayout .popupTypeVoip .contactInfoMobileDisable {
    background-position: center -102px;
}

.newLayout .popupTypeVoip .contactMailInfoSMS {
    left: 138px;
    background-position: center -122px;
}

.newLayout .popupTypeVoip .contactMailInfoSMSDisable {
    background-position: center -142px;
}

.newLayout .popupTypeVoip .addContactIcon {
    left: 172px;
    background-position: center -162px;
}

.newLayout .popupTypeVoip .addContactIconDisable {
    background-position: center -182px;
}

.newLayout .popupTypeVoip .folderActionBox {
    top: 59px;
    left: 40px;
}

.newLayout .popupTypeVoip .folderActionBox a {
    display: block;
    margin: 5px 0;
    padding: 0;
    color: #990ae3;
    background: none;
    text-decoration: underline;
}

.newLayout .popupTypeVoip .folderActionBox a:hover {
    background: none;
    text-decoration: none;
}

.newLayout .popupTypeVoip .folderActionBox .addContactActionBoxTop {
    display: inline-block;
    width: 20px;
    height: 24px;
    position: absolute;
    top: -21px;
    right: -1px;
    left: auto;
    margin-top: -4px;
    background: #fbfbfb url('../_d/phone_calls_icons_sd.png') no-repeat center -158px;
    border: solid #e0e0e0;
    border-width: 1px 1px 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.newLayout .popupTypeVoip .actionsAddContactPopup .folderActionBox {
    display: none;
    position: absolute;
    top: 123px;
    right: 15px;
    left: auto;
    width: 120px;
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 1em;
    box-sizing: border-box;
    z-index: 2;
}

.newLayout .popupTypeVoip .folderActionBox .folderActionBoxBottom {
    display: none;
}

.newLayout #popupContatsList h2:before {
    background-image: url("../_d/mailbox-icon.png?v=1");
    background-repeat: no-repeat;
    background-position: 8px -3368px;
}

.newLayout #popupContatsList .textareaDecorator {
    display: inline-block;
    margin-right: 0;
    padding: 9px 8px;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
}

.newLayout #popupContatsList #popupContatsListContainer {
    margin-top: 20px;
    padding: 0;
    width: 100%;
    border-radius: 0;
}

.newLayout #popupContatsList .popupContatsListItem {
    border-bottom-color: #e0e0e0;
}

.newLayout #popupContatsList .popupContatsListItem .popupContactDetailAvatar {
    left: 0;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    overflow: hidden;
}

.newLayout #loginBarName {
    float: right;
    color: #fff;
    text-decoration: underline;
    padding: 13px 0 0 0;
    font-size: 14px;
    margin-right: 10px;
}

.newLayout .folderlistOver {
    z-index: 0;
}

.newLayout #submodule-filefolders{
    z-index: 2;
}

.newLayout.unselectable .folderlistOver {
    z-index: 100;
}

.newLayout #folderListBox .scrollViewport .scrollOverview {
    padding-bottom: 100px;
}

@media all and (max-width: 480px) {
    .newLayout .popupTypeVoip {
        right: auto;
        left: 50%;
        margin-left: -150px;
        width: 300px;
    }
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .newLayout .popupTypeVoip .contactInfoMail,
    .newLayout .popupTypeVoip .contactInfoPhone,
    .newLayout .popupTypeVoip .contactMailInfoMobile,
    .newLayout .popupTypeVoip .contactMailInfoSMS,
    .newLayout .popupTypeVoip .addContactIcon,
    .newLayout .popupTypeVoip .folderActionBox .addContactActionBoxTop {
        background-image: url('../_d/phone_calls_icons_hd.png');
        background-size: 20px 200px;
    }
    .newLayout .popupTypeVoip .voipCallingTitle:before {
        background-image: url('../_d/phone_calls_title_icons_hd.png');
        background-size: 25px 50px;
    }
}


/*call popup - end*/


/*share file*/

.newLayout.errorBody {
    padding-bottom: 160px;
    min-height: 100%;
    box-sizing: border-box;
}

.newLayout.errorBody .wrapperContainer {
    overflow: hidden;
}

.newLayout.errorBody #messageBox {
    padding-left: 0;
    box-shadow: none;
}

.newLayout.errorBody #messageBox .successBox {
    width: 100%;
    padding: 24px 50px 24px 70px;
    z-index: 10;
    left: 0;
    background: #00cc66 url("../_d/mailbox-icon.png?v=1") no-repeat -110px -3532px;
    color: #fff;
    border-bottom: 1px solid #02b95e;
    box-sizing: border-box;
    border-width: 0 0 1px 0;
    border-radius: 0;
    height: 70px;
    -webkit-box-shadow: 0 2px 1px -1px #e0e0e0;
    box-shadow: 0 2px 1px -1px #e0e0e0;
    font-size: 14px;
    z-index: 1020;
    font-weight: 700;
}

.newLayout.errorBody #messageBox .errorBox {
    width: 100%;
}

.newLayout.errorBody .loginBarContainer {
    padding-right: 0;
    padding-left: 0;
    width: auto;
    min-width: 0;
    max-width: 998px;
    height: 70px;
    box-sizing: border-box;
}

.newLayout.errorBody .loginBarContainer .logo {
    position: absolute;
    top: 0;
    left: 0;
}

.newLayout.errorBody .loginBarContainer .loginBarButton {
    margin-top: 20px;
    padding-top: 0;
    padding-right: 0;
}

.newLayout.errorBody .loginBarContainer .langBar {
    position: relative;
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
}

.newLayout.errorBody #langBarSelected {
    position: relative;
    display: inline-block;
    margin-right: 0;
    padding: 5px 25px 6px 10px;
    background: transparent;
    border: 2px solid transparent;
    color: #3d3d3d;
    font-size: 12px;
    line-height: 15px;
    text-decoration: underline;
    z-index: 3;
}

.newLayout.errorBody #langBarSelected:before {
    display: none;
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    background: #fff;
}

.newLayout.errorBody #langBarSelected:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll 4px -2270px;
    width: 20px;
    height: 8px;
}

.newLayout.errorBody #langBarSelected.active {
    background: #fff;
    text-decoration: none;
    border-color: #e0e0e0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 1px 1px 7px #e0e0e0;
    box-shadow: 0 -2px 9px 1px #e0e0e0;
}

.newLayout.errorBody #langBarSelected.active:before {
    display: block;
}

.newLayout.errorBody #langBarLangs {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    margin-top: -1px;
    padding: 10px;
    width: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    list-style: none;
    -webkit-box-shadow: 0 1px 1px 7px #e0e0e0;
    box-shadow: 0 1px 7px 1px #e0e0e0;
    z-index: 2;
}

.newLayout.errorBody #langBarLangs li {
    margin: 0 0 10px;
}

.newLayout.errorBody #langBarLangs li:last-child {
    margin-bottom: 0;
}

.newLayout.errorBody #langBarLangs a {
    padding: 0;
    font-size: 12px;
    border: 0;
    color: #990ae3;
    background: none;
    text-decoration: underline;
}

.newLayout.errorBody #topBarLogo {
    width: auto;
}

.newLayout.errorBody #wrapper {
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-bottom: 0px;
    width: auto;
    max-width: 998px;
}


.newLayout.errorBody div#content.sharedFolderContent {
    margin-top: 0;
    padding: 0;
}

.newLayout.errorBody .shareFilesInfoBar {
    padding: 0 15px 15px;
    overflow: hidden;
}

.newLayout.errorBody .loginBarButton a,
.newLayout.errorBody #wrapper .shareFilesInfoBar a.actionButton {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    line-height: 28px;
    border-radius: 2px;
    background: #990ae3;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transition: background 0.2s linear;
}

.newLayout.errorBody .loginBarButton a {
    margin-right: 0;
}

.newLayout.errorBody #wrapper .shareFilesInfoBar a.actionButton {
    margin-top: 2px;
}

.newLayout.errorBody #filelist > .maillistData.isShared div.filelistIcon {
    left: 0;
}

.newLayout.errorBody .loginBarButton a:hover,
.newLayout.errorBody #wrapper .shareFilesInfoBar a.actionButton:hover {
    background: #642d96;
}

.newLayout.errorBody .footer {
    display: block;
    background: #e0e0e0;
    z-index: 10;
    margin-top: 0px;
}

.newLayout.errorBody .footer div {
    max-width: 998px;
}

.newLayout.errorBody div#content {
    margin-top: 0;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.newLayout.errorBody .selectBox {
    position: relative;
    width: 100%;
    max-width: 400px;
    cursor: pointer;
}

.newLayout.errorBody .selectBox:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 35px;
    background: #e0e0e0;
    pointer-events: none;
    z-index: 11;
}

.newLayout.errorBody .selectBox:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    margin-top: -6px;
    width: 8px;
    height: 12px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -21px -144px;
    pointer-events: none;
    z-index: 11;
}

.newLayout.errorBody .selectBox select {
    display: block;
    padding: 7px 0px 6px 0x;
    width: 100%;
    height: 35px;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
}

.newLayout.errorBody .bigbutton,
.newLayout.errorBody .bigButtonSpecial,
.newLayout.errorBody a.bigButtonSpecial,
.newLayout.errorBody #wrapper .bigbutton,
.newLayout.errorBody #wrapper a.button-label-savePassword {
    display: inline-block;
    margin-right: 10px;
    padding: 0 20px;
    height: auto;
    line-height: 38px;
    border-radius: 2px;
    background: #990ae3;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s linear;
}

.newLayout.errorBody input[type=submit].bigbutton,
.newLayout.errorBody input[type=submit].bigButtonSpecial,
.newLayout.errorBody #wrapper input[type=submit].bigbutton {
    -webkit-appearance: none;
}

.newLayout.errorBody .bigbutton:hover,
.newLayout.errorBody .bigButtonSpecial:hover,
.newLayout.errorBody a.bigButtonSpecial:hover,
.newLayout.errorBody #wrapper .bigbutton:hover,
.newLayout.errorBody #wrapper a.button-label-savePassword:hover {
    background: #642d96;
}

.newLayout.errorBody .selectBox select {
    -webkit-appearance: none;
}

.newLayout.errorBody .verifyImg {
    clear: both;
    float: left;
    box-sizing: border-box;
}

.newLayout.errorBody .verifyImg figure {
    margin: 0;
}

.newLayout.errorBody .verifyImg img {
    max-width: 100%;
}

.newLayout.errorBody .verifyImg .selectBox {
    float: left;
    margin-left: 4px;
    width: 33.333%;
    max-width: 160px;
    box-sizing: border-box;
}

.newLayout.errorBody .verifyImg .selectBox:first-child {
    margin-right: 4px;
}

.newLayout.errorBody .verifyImg + .errorContainer {
    clear: both;
}

.newLayout.errorBody .registerUserData,
.newLayout.errorBody .registerRecaptcha,
.newLayout.errorBody #newUserData {
    clear: both;
    float: left;
    width: 100%;
}

.newLayout.errorBody #fillDataForm {
    overflow: hidden;
}

.newLayout.errorBody .registerUserData .userDataBox,
.newLayout.errorBody .registerRecaptcha .registerRecaptchaBox,
.newLayout.errorBody .registerRecaptcha .registerTerms,
.newLayout.errorBody #newUserData .userDataRow,
.newLayout.errorBody #fillDataForm .userDataBox,
.newLayout.errorBody #fillDataForm .registerTerms,
.newLayout.errorBody #fillDataForm .SecurityQuestionBox {
    clear: both;
    float: left;
    padding-left: 200px;
    width: 100%;
    border-bottom-color: #e0e0e0;
    box-sizing: border-box;
}

.newLayout.errorBody #fillDataForm .registerTerms {
    border-bottom: 0;
}

.newLayout.errorBody #newUserData .userDataRow,
.newLayout.errorBody #fillDataForm .userDataBox .row,
.newLayout.errorBody #fillDataForm .SecurityQuestionBox .row {
    margin-bottom: 10px;
}

.newLayout.errorBody .registerUserData .userDataBox .regLabel,
.newLayout.errorBody #newUserData .userDataBox .regLabel,
.newLayout.errorBody .registerRecaptcha .registerRecaptchaBox .regLabel,
.newLayout.errorBody #newUserData .regLabel,
.newLayout.errorBody #fillDataForm .regLabel {
    float: left;
    margin-left: -200px;
    padding-top: 7px;
    width: 190px;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d;
}

.newLayout.errorBody .registerRecaptcha .registerRecaptchaBox .regLabel {
    padding-top: 2px;
}

.newLayout.errorBody #wrapper .registerUserData input.fieldText,
.newLayout.errorBody #wrapper .mysecAnwser input.fieldText,
.newLayout.errorBody #newUserData input.fieldText,
.newLayout.errorBody #wrapper .SecurityQuestionBox input.fieldText {
    display: inline-block;
    margin-right: 0;
    padding: 9px 8px;
    width: 100%;
    max-width: 200px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-appearance: none;
}

.newLayout.errorBody #wrapper .registerUserData input.fieldTextError,
.newLayout.errorBody #wrapper .mysecAnwser input.fieldTextError {
    border-color: #d84e0d;
}

.newLayout.errorBody .registerRecaptcha #imageCaptchaContainer {
    position: relative;
    float: left;
    width: 100%;
}

.newLayout.errorBody .registerRecaptcha .registerRecaptchaBox .registerTerms,
.newLayout.errorBody #forgotStep2 .registerTerms,
.newLayout.errorBody #registerButtonForgot {
    clear: both;
    float: left;
    padding-left: 200px;
    width: 100%;
    box-sizing: border-box;
}

.newLayout.errorBody #forgotStep2 .registerTerms,
.newLayout.errorBody #forgotStep2 .mysecQuestion,
.newLayout.errorBody #forgotStep2 .mysecAnwser {
    padding-left: 30px;
}

.newLayout.errorBody .forgotText .radioField {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 8px 0 7px 30px;
    width: 100%;
    font-weight: normal;
    text-align: left;
    cursor: pointer;
}

.newLayout.errorBody .forgotText .radioField input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.newLayout.errorBody .forgotText .radioField label {
    font-size: 15px;
    line-height: 20px;
    color: #3d3d3d;
}

.newLayout.errorBody .forgotText .radioField label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url('../_d/newlayout_settings_sd.png') no-repeat -15px -100px;
}

.newLayout.errorBody .forgotText .radioField input:checked + label:before {
    background-position: -15px -120px;
}

.newLayout.errorBody div#content.faqStaticContent {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.newLayout .faqStaticContent h1 {
    padding-bottom: 10px;
    padding-left: 15px;
}

.newLayout .faqStaticContent .faqStaticContentBox {
    position: relative;
    padding-left: 200px;
    border-top: 1px solid #e0e0e0;
    overflow: hidden;
}

.newLayout .faqStaticContent .faqListBox {
    min-height: 450px;
}

.newLayout #foldersMoveListContainer .viewport,
.newLayout #mailsMoveListContainer .viewport {
    height: 200px;
}

.newLayout #filelist .sortOptionContainer {
    float: left;
    margin-left: 10px;
}

.newLayout.errorBody div#content.termsContent {
    margin-top: 0;
}

.newLayout.errorBody div#content.termsContent .termsOfService {
    overflow-x: auto;
}

.newLayout.errorBody div#content.termsContent .termsOfService table {
    width: 100%;
}

.newLayout.errorBody #fillDataForm #normalUserSexData {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 9px 8px;
    width: 100%;
}

.newLayout.errorBody #fillDataForm #normalUserBirthday select,
.newLayout.errorBody #fillDataForm #normalUserSecQuestion select {
    display: inline-block;
    margin-right: 0;
    padding: 9px 8px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-sizing: border-box;
}

.newLayout.errorBody #fillDataForm #normalUserSecQuestion select {
    width: 100%;
    max-width: 400px;
}

.newLayout.errorBody .footer a {
    color: #990ae3;
}

@media screen and (max-width: 992px) {
    .newLayout.errorBody .verifyImg + .errorContainer {
        float: left;
        clear: both;
        margin-top: 60px;
        margin-left: 164px;
    }
    .newLayout.errorBody .verifyImg + .errorContainer .regErrorBox:before {
        border-bottom: 6px solid #00cdff;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        top: -15px;
        left: 10px;
    }
    .newLayout.errorBody .contactSearchContainer input.searchField {
        width: 200px;
    }
    .newLayout #popupAccountsCreate,
    .newLayout #popupAttachMobileTerms,
    .newLayout #popupVideoPlayer,
    .newLayout #popupNewSMS,
    .newLayout #popup5stepRecommend,
    .newLayout #popupDomainsChangeProfile,
    .newLayout #popupFilesLink,
    .newLayout #popupCreateMailRule,
    .newLayout #popupAttachLandlineNumberTerms {
        margin-top: 0 !important;
        width: 90% !important;
    }
    .newLayout #popupNewSMS table {
        width: 100% !important;
    }

    .newLayout #popupNewSMS #newSMSToFancy,
    .newLayout #popupNewSMS #newSMSToFancyField,
    .newLayout #popupNewSMS #newSMSMessage {
        width: 100% !important;
    }

    .newLayout .settingsMainPositionBox {
        width: 340px;
    }

    .newLayout .settingsMainPositionBox .settingsEmptyBox {
       display: none !important;
    }
}

@media screen and (max-width: 879px) {
    .newLayout #popupAccountsCreate #imageCaptchaContainer img {
        max-width: 100%;
    }
    .newLayout #popupAccountsCreate #imageCaptchaContainer .prettySelect {
        margin-right: 0.33% !important;
        margin-left: 0 !important;
        width: 33% !important;
    }
    .newLayout #popupAccountsCreate #imageCaptchaContainer select {
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .newLayout #popupAccountsCreate #normalUserSecQuestion .prettySelect {
        width: 100% !important;
        max-width: 470px;
    }
    .newLayout #popupAccountsCreate #normalUserSecQuestion .prettySelect select {
        width: 100% !important;
    }
    .newLayout #popupAccountsCreate .regLabel {
        width: auto;
        line-height: 16px;
        vertical-align: middle;
    }
}

@media screen and (max-width: 768px) {
    .newLayout.errorBody #topBarLogo {
        left: 0;
        margin-left: 0;
        padding-left: 8px;
    }
    .newLayout.errorBody .registerUserData .userDataBox,
    .newLayout.errorBody .registerRecaptcha .registerRecaptchaBox,
    .newLayout.errorBody .registerRecaptcha .registerTerms,
    .newLayout.errorBody #newUserData .userDataRow,
    .newLayout.errorBody #registerButtonForgot,
    .newLayout.errorBody #fillDataForm .userDataBox,
    .newLayout.errorBody #fillDataForm .registerTerms,
    .newLayout.errorBody #fillDataForm .SecurityQuestionBox {
        padding-left: 0;
    }
    .newLayout.errorBody .registerUserData .userDataBox .regLabel,
    .newLayout.errorBody .registerRecaptcha .registerRecaptchaBox .regLabel,
    .newLayout.errorBody #newUserData .regLabel,
    .newLayout.errorBody #fillDataForm .regLabel {
        margin-left: 0;
        width: 100%;
        text-align: left;
    }
    .newLayout.errorBody .verifyImg .selectBox {
        margin-left: 0.15%;
        width: 33%;
    }
    .newLayout.errorBody .verifyImg .selectBox:first-child {
        margin-right: 0.15%;
    }
    .newLayout #popup5stepRecommend {
        padding-bottom: 0;
    }
    .newLayout #popup5stepRecommend .popupButtons {
        position: relative;
        height: auto;
    }
    .newLayout #popup5stepRecommend .popupButtons .buttonSpecial {
        margin-bottom: 10px;
        margin-left: 0;
        height: auto;
        width: 100%;
        box-sizing: border-box;
    }

    .newLayout .copyMailTo {
    //   width: 90px !important;
        top:1px !important;
    }

    .newLayout .copyMailTo a {
        white-space: nowrap;
        display: block;
    }

    .newLayout #newmailToForm {
        padding-right: 88px !important;
    }

    .newLayout .copyMailToSlash {
        display: none;
    }

    .newLayout #module-settings-accounts .buttonSpecial span {
        height: initial !important;
        line-height: 25px !important;
    }

    .newLayout #module-settings-accounts .buttonSpecial {
        margin: 0 !important;
    }

    .newLayout #module-settings-accounts .accountList {
        padding: 10px 10px 0 10px !important;
        height: 45px !important;
    }

    .newLayout #module-settings-accounts #accountList .settingsEmailAccount {
        padding: 5px 10px 5px 10px !important;
    }

    .newLayout #module-settings-accounts #accountList .toRight {
        margin: 10px 0 0 0 !important;
        float: none !important;
    }

    .newLayout #wrapper #module-settings-accounts .settEmailAccount a {
        margin-bottom: 10px;
        display: inline-table;
    }

    .newLayout #wrapper #module-settings-accounts .settEmailAlias {
        margin-left: 23px !important;
    }
}

@media screen and (max-width: 650px) {
    .newLayout #module-maillist .popState,
    .newLayout #module-maillist .infoBox,
    .newLayout .popState,
    .newLayout .infoBox {
        display: none !important;
    }
    .contentColumn #maillist {
        display: none !important;
    }
    .newLayout.errorBody {
        padding-bottom: 0;
        min-height: 100%;
    }
    .newLayout.errorBody #wrapper {
        padding-bottom: 0;
    }
    .newLayout.errorBody div#content {
        float: left;
        padding-left: 15px !important;
        width: 100%;
        box-sizing: border-box;
    }
    .newLayout.errorBody #topBarLogo {
        display: block;
    }
    .newLayout.errorBody .footer {
        position: relative;
    }
    .newLayout.errorBody .selectBox {
        width: 100%;
    }
    .newLayout.errorBody .userDataBox .errorContainer {
        clear: both;
        float: left;
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }
    .newLayout.errorBody .userDataBox .regErrorBox,
    .newLayout.errorBody .userDataBox .regSuccessBox {
        right: auto;
        left: 0;
        background: #fff;
        z-index: 100;
    }
    .newLayout.errorBody .userDataBox .regErrorBox:before {
        border-bottom: 6px solid #00cdff;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        top: -15px;
        left: 10px;
    }
    .newLayout .faqStaticContent .faqStaticContentBox {
        padding-left: 0;
    }
    .newLayout .faqStaticContent .faqStaticContentBox #sidebar {
        display: block;
        width: 100%;
    }
    .newLayout .faqStaticContent .faqStaticContentBox .faqListBox {
        width: 100%;
        border-right: 0;
    }
    .newLayout.errorBody div#content.faqStaticContent .faqCategoryList {
        height: auto !important;
    }
    .newLayout .faqStaticContent .faqStaticContentBox div#faqContent {
        width: 100%;
    }

    .newLayout div.track{
       display: none;
    }

    #smsMiddleScrollbar .viewport,
    .newLayout div.scrollViewport {
        overflow: visible !important;
        height: auto !important;
    }
    #smsMiddleScrollbar .overview,
    .newLayout  div.scrollOverview {
        overflow: visible !important;
        position: relative !important;
        top: 0 !important;
    }

    .newLayout #mailsMoveListContainer .viewport {
        overflow: auto !important;
    }

    .newLayout #filesMoveListContainer .viewport {
        overflow: auto !important;
    }

    .newLayout .popup {
        top: 50px !important;
        width: 90% !important;
        margin-bottom: 50px !important;
    }
    .newLayout #popupContatsList,
    .newLayout #showPopupAddRssFeed,
    .newLayout #deleteMailRule,
    .newLayout #popupLoginMethods,
    .newLayout #popupFilesNewmail {
        margin-top: 0 !important;
    }
    .newLayout #popupRateUs {
        padding-bottom: 0;
    }
    .newLayout #popupRateUs .popupButtons {
        position: relative;
        bottom: auto;
    }
    .newLayout .popup h2 {
        padding-right: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newLayout .popup .regLabel {
        width: auto;
        line-height: 18px;
    }
    .newLayout #popupNotesLabelForm .regLabel,
    .newLayout #popupNewMaillist .regLabel,
    .newLayout #popupLabelForm .regLabel,
    .newLayout #popupChangeMailingList .regLabel,
    .newLayout #popupDomainsChangeAcc .regLabel,
    .newLayout #popupCompanyChange .regLabel,
    .newLayout #popupDomainsAddAcc .regLabel,
    .newLayout #popupRenameChannel .regLabel,
    .newLayout #popupAttachPhone .regLabel {
        padding-top: 5px;
        width: auto;
        line-height: 20px;
        vertical-align: middle;
    }
    .newLayout .popup div.contactsMoveList {
        margin-left: 0;
        width: 100%;
        max-width: none;
    }
    .newLayout #popupCreateMailRule .rowLabel {
        clear: both;
        width: 100%;
        text-align: left;
    }
    .newLayout #popupCreateMailRule .rowSplitter {
        padding-left: 0;
    }
    .newLayout #popupCreateMailRule .popupButtons {
        position: relative;
        bottom: auto;
        margin-top: 20px;
    }
    .newLayout .popup.popupMove .foldersLabel {
        left: 30px;
        text-align: left;
    }
    .newLayout .popup.popupMove .foldersMoveList {
        top: 90px;
        left: 30px;
        width: auto;
        right: 30px;
    }
    .newLayout #foldersMoveListContainer .viewport,
    .newLayout #mailsMoveListContainer .viewport,
    .newLayout #filesMoveListContainer .viewport,
    .newLayout .popup.popupMove .foldersMoveList .viewport {
        width: 100%;
    }
    .newLayout #popupContactsConnectToLabels .foldersLabel {
        margin: 0 0 10px;
        padding: 0;
    }
    .newLayout #popupGmailImportContent .passwordMarkBar {
        margin-left: 0;
    }
    .newLayout #profileSpaceToCropPhoto {
        width: 100%;
    }
    .newLayout #popupAccountsCreate .userDataBoxTypeSel {
        padding-left: 0;
    }
    .newLayout #popupDomainsAccountsDelete .popupTypeAccountContent {
        padding-right: 0;
        padding-left: 0;
    }
    .newLayout #popupAccountsCreate input[type=text],
    .newLayout #popupAccountsCreate input[type=password],
    .newLayout #popupAccountsCreate textarea {
        width: 100%;
    }
    .newLayout #popupAccountsCreate #normalUserSecQuestion .prettySelect,
    .newLayout #popupAccountsCreate #normalUserSecQuestion select {
        width: 100% !important;
    }
    .newLayout #popupAccountsCreate #imageCaptchaContainer .prettySelect {
        margin-bottom: 10px;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .newLayout #popupAccountsCreate #imageCaptchaContainer .prettySelect select {
        margin: 0 !important;
    }
    .newLayout #popupAccountsCreate .registerTerms {
        padding-left: 0;
    }
    .newLayout #popupAccountsCreate .bigButtonSpecial {
        line-height: 38px;
        height: 38px;
        border-radius: 2px;
        background: #990ae3;
        color: #fff;
        font-size: 15px;
        padding: 0 18px;
        display: inline-block;
        font-weight: 700;
        float: none;
        text-decoration: none;
        text-shadow: none;
        margin-left: 16px;
        margin-right: 0;
        font-weight: 700;
    }
    .newLayout #popupAccountsCreate .bigButtonSpecial:hover {
        background: #642d96;
    }
    .newLayout #showPopupAddRssFeed #socialmediaChannelResultCon,
    .newLayout #popupContactsConnect #contactsSearchResult,
    .newLayout #popupContactsLegalRetrieveData #contactsLegalSearchResult {
        left: 20px;
        right: auto;
        padding: 0;
        width: 80%;
    }
    .newLayout #popupAttachMobileTerms {
        padding-bottom: 20px;
    }
    .newLayout #popupAttachMobileTerms .registerTermsMobile,
    .newLayout #popupAttachLandlineNumberTerms .registerTermsLandline {
        margin-bottom: 20px;
        width: 100%;
    }
    .newLayout #popupAttachMobileTerms .popupButtons,
    .newLayout #popupAttachLandlineNumberTerms .popupButtons,
    .newLayout #popupFilesUpload .popupButtons {
        position: relative;
        height: auto;
    }
    .newLayout #importOption .popupButtons {
        padding-left: 20px !important;
    }
    .newLayout .rateBoxContentOptions label {
        padding-right: 5px;
        padding-left: 5px;
    }
    .newLayout #popupNewSMS .warningIco {
        background-image: none;
    }
    .newLayout #popupForwardZen .forwardZenSubjectField .inputDecorator,
    .newLayout #popupVacationResponder .vacationResponderSubjectField .textInput {
        width: 100% !important;
        box-sizing: border-box;
    }
    .newLayout #popupFilesLink .popupFilesLinkContainer {
        margin-top: 160px;
        margin-left: 15px;
    }
    .newLayout #popupFilesLink .popupFilesLinkMenu {
        top: -160px;
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .newLayout #popupFilesLink .popupFilesLinkMenuItem {
        width: 100%;
        box-sizing: border-box;
    }
    .newLayout #popupFilesLink .popupFilesLinkMenuItemSelected {
        border-style: solid;
        border-radius: 0;
    }
    .newLayout .popup {
        width: 90% !important;
    }
    .newLayout .popup.popupMove {
        height: auto;
        min-height: 280px;
    }
    .newLayout #popupContatsList,
    .newLayout #showPopupAddRssFeed,
    .newLayout #deleteMailRule,
    .newLayout #popupLoginMethods,
    .newLayout #popupFilesNewmail {
        margin-top: 0 !important;
    }
    .newLayout #popupRateUs {
        padding-bottom: 0;
    }
    .newLayout #popupRateUs .popupButtons {
        position: relative;
        bottom: auto;
    }
    .newLayout .popup h2 {
        padding-right: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newLayout #popupNotesLabelForm .regLabel,
    .newLayout #popupNewMaillist .regLabel,
    .newLayout #popupLabelForm .regLabel,
    .newLayout #popupChangeMailingList .regLabel,
    .newLayout #popupDomainsChangeAcc .regLabel,
    .newLayout #popupCompanyChange .regLabel,
    .newLayout #popupDomainsAddAcc .regLabel,
    .newLayout #popupRenameChannel .regLabel,
    .newLayout #popupAttachPhone .regLabel {
        padding-top: 5px;
        width: auto;
        line-height: 20px;
        vertical-align: middle;
    }
    .newLayout .popup div.contactsMoveList {
        margin-left: 0;
        width: 100%;
        max-width: none;
    }
    .newLayout #popupCreateMailRule .rowLabel {
        clear: both;
        width: 100%;
        text-align: left;
    }
    .newLayout #popupCreateMailRule .rowSplitter {
        padding-left: 0;
    }
    .newLayout #popupCreateMailRule .popupButtons {
        position: relative;
        bottom: auto;
        margin-top: 20px;
    }
    .newLayout .popup.popupMove .foldersLabel {
        left: 30px;
        text-align: left;
    }
    .newLayout .popup.popupMove .foldersMoveList {
        top: 90px;
        left: 30px;
        width: auto;
        right: 30px;
    }
    .newLayout #foldersMoveListContainer .viewport,
    .newLayout #mailsMoveListContainer .viewport,
    .newLayout #filesMoveListContainer .viewport,
    .newLayout .popup.popupMove .foldersMoveList .viewport {
        width: 100%;
    }
    .newLayout #popupContactsConnectToLabels .foldersLabel {
        margin: 0 0 10px;
        padding: 0;
    }
    .newLayout #popupGmailImportContent .passwordMarkBar {
        margin-left: 0;
    }
    .newLayout #profileSpaceToCropPhoto {
        width: 100%;
    }
    .newLayout #popupAccountsCreate .userDataBoxTypeSel {
        padding-left: 0;
    }
    .newLayout #popupDomainsAccountsDelete .popupTypeAccountContent {
        padding-right: 0;
        padding-left: 0;
    }
    .newLayout #popupAccountsCreate input[type=text],
    .newLayout #popupAccountsCreate input[type=password],
    .newLayout #popupAccountsCreate textarea {
        width: 100%;
    }
    .newLayout #popupAccountsCreate #normalUserSecQuestion .prettySelect,
    .newLayout #popupAccountsCreate #normalUserSecQuestion select {
        width: 100% !important;
    }
    .newLayout #popupAccountsCreate #imageCaptchaContainer .prettySelect {
        margin-bottom: 10px;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .newLayout #popupAccountsCreate #imageCaptchaContainer .prettySelect select {
        margin: 0 !important;
    }
    .newLayout #popupAccountsCreate .registerTerms {
        padding-left: 0;
    }
    .newLayout #popupAccountsCreate .bigButtonSpecial {
        line-height: 38px;
        height: 38px;
        border-radius: 2px;
        background: #990ae3;
        color: #fff;
        font-size: 15px;
        padding: 0 18px;
        display: inline-block;
        font-weight: 700;
        float: none;
        text-decoration: none;
        text-shadow: none;
        margin-left: 16px;
        margin-right: 0;
        font-weight: 700;
    }
    .newLayout #popupAccountsCreate .bigButtonSpecial:hover {
        background: #642d96;
    }
    .newLayout #showPopupAddRssFeed #socialmediaChannelResultCon,
    .newLayout #popupContactsConnect #contactsSearchResult,
    .newLayout #popupContactsLegalRetrieveData #contactsLegalSearchResult {
        left: 20px;
        right: auto;
        padding: 0;
        width: 80%;
    }
    .newLayout #popupAttachMobileTerms {
        padding-bottom: 20px;
    }
    .newLayout #popupAttachMobileTerms .registerTermsMobile,
    .newLayout #popupAttachLandlineNumberTerms .registerTermsLandline {
        margin-bottom: 20px;
        width: 100%;
    }
    .newLayout #popupAttachMobileTerms .popupButtons,
    .newLayout #popupAttachLandlineNumberTerms .popupButtons,
    .newLayout #popupFilesUpload .popupButtons {
        position: relative;
        height: auto;
    }
    .newLayout #importOption .popupButtons {
        padding-left: 20px !important;
    }
    .newLayout .rateBoxContentOptions label {
        padding-right: 5px;
        padding-left: 5px;
    }
    .newLayout #popupNewSMS .warningIco {
        background-image: none;
    }
    .newLayout #popupForwardZen .forwardZenSubjectField .inputDecorator,
    .newLayout #popupVacationResponder .vacationResponderSubjectField .textInput {
        width: 100% !important;
        box-sizing: border-box;
    }
    .newLayout #popupFilesLink .popupFilesLinkContainer {
        margin-top: 160px;
        margin-left: 15px;
    }
    .newLayout #popupFilesLink .popupFilesLinkMenu {
        top: -160px;
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .newLayout #popupFilesLink .popupFilesLinkMenuItem {
        width: 100%;
        box-sizing: border-box;
    }
    .newLayout #popupFilesLink .popupFilesLinkMenuItemSelected {
        border-style: solid;
        border-radius: 0;
    }
}

.newLayout .scrollBarContainer .disable {
    display: none !important;
}

.newLayout .scrollBarContainer:hover .disable {
    display: none !important;
}

@media screen and (max-width: 450px) {
    .newLayout .rateBoxContentOptions label {
        padding-right: 3px;
        padding-left: 3px;
    }

    .newLayout main #topBarLogo {
        width: 125px;
        background-position-y: 12px;
    }
}

@media screen and (max-width: 410px) {
    .newLayout main #topBarLogo {
        width: 110px;
        background-position-y: 12px;
    }
}

@media screen and (max-width: 390px) {
    .newLayout main #topBarLogo {
        width: 100px;
        background-position-y: 15px;
    }
}

@media screen and (max-width: 380px) {
    .newLayout main #topBarLogo {
        width: 90px;
        background-position-y: 17px;
    }
}

@media screen and (max-width: 370px) {
    .newLayout main #topBarLogo {
        width: 80px;
        background-position-y: 19px;
    }
}

@media screen and (max-width: 320px) {
    .newLayout main #topBarLogo {
        background: rgba(0, 0, 0, 0) url("../_d/logo_icon_online_white.png?v=1") no-repeat scroll 3px 12px / 91% auto;
        width: 35px;
    }
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

    @media screen and (max-width: 600px) {
        .newLayout main #topBarLogo {
            width: 140px;
            background-position-y: 12px;
        }
    }

    @media screen and (max-width: 400px) {
        .newLayout main #topBarLogo {
            width: 120px;
            background-position-y: 12px;
        }
    }

    @media screen and (max-width: 380px) {

        .newLayout main #topBarLogo {
            width: 100px;
            background-position-y: 14px;
            margin-left: 5px;
            margin-right: 2px;
        }
    }

    @media screen and (max-width: 360px) {
        .newLayout main #topBarLogo {
            width: 95px;
            background-position-y: 15px;
        }
    }

    @media screen and (max-width: 355px) {
        .newLayout main #topBarLogo {
            width: 85px;
            background-position-y: 15px;
        }
    }

    @media screen and (max-width: 345px) {
        .newLayout main #topBarLogo {
            width: 75px;
            background-position-y: 15px;
        }
    }

    @media screen and (max-width: 335px) {
        .newLayout main #topBarLogo {
            width: 70px;
            background-position-y: 17px;
        }
    }

    @media screen and (max-width: 325px) {
        .newLayout main #topBarLogo {
            width: 60px;
            background-position-y: 17px;
        }
    }

    @media screen and (max-width: 320px) {
        .newLayout main #topBarLogo {
            background: rgba(0, 0, 0, 0) url("../_d/logo_icon_online_white.png?v=1") no-repeat scroll 4px 10px / 91% auto;
            width: 35px;
        }
    }

}


/*share file - end*/

.noBusinessLarge header {
    right: 310px;
    width: auto;
}

.noBusinessLarge #adBanner200x600 {
    top: -65px !important;
}

.newLayout .wrapperContainer {
    padding-right: 0 !important;
}

.noBusinessLarge main {
    margin-right: 310px;
    border-right: 1px solid #dfdfdf;
    overflow: visible;
}

.noBusinessLarge {
    overflow-x: hidden;
}

.newLayout.errorBody .errorBox {
    position: relative;
    padding: 24px 50px 24px 70px;
    z-index: 10;
    left: 0;
    box-sizing: border-box;
    border-width: 0 0 1px 0;
    border-radius: 0;
    height: 70px;
    background: #ff6464 url("../_d/mailbox-icon.png?v=1") no-repeat -110px -3459px;
    border-bottom: 1px solid #d84e0d;
    color: #fff;
    -webkit-box-shadow: 0 2px 1px -1px #e0e0e0;
    box-shadow: 0 2px 1px -1px #e0e0e0;
    font-size: 14px;
    z-index: 1020;
    font-weight: 700;
}

.newLayout.errorBody .errorBox a {
    color: #fff !important;
}

#handleMailboxResize,
#handleMailboxResizeShadow {
    position: absolute;
    top: 0;
    right: -5px;
    width: 10px;
    height: 100%;
    min-height: 200px;
    cursor: col-resize;
    z-index: 20;
}

#handleSidebarResize,
#handleSidebarResizeShadow {
    position: absolute;
    top: 0;
    right: -5px;
    width: 10px;
    height: 100%;
    min-height: 200px;
    cursor: col-resize;
    z-index: 20;
    display: none;
}

#handleSidebarResizeShadow,
#handleMailboxResizeShadow {
    z-index: 19;
    width: 3px;
    right: auto;
    left: 0;
    display: none;
}

body.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
    cursor: col-resize !important;
}

#handleMailboxResize.resizing,
#handleSidebarResize.resizing {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20;
}

#handleSidebarResizeShadow.resizing,
#handleMailboxResizeShadow.resizing {
    background: #ccc;
    opacity: 0.5;
    display: block;
}

.newLayout .overLoaderN {
    background: transparent !important;
}

.newLayout .boxLoaderInfoMsgN {
    display: none !important;
}

@media screen and (max-width: 340px) {

    .settingsModuleBoxLeft .settingsMenuListBoxLeft {
        width: 220px !important;
    }
}

@media screen and (max-width: 1200px) {
    #module-maillist.mailBoxView .maillistData .mailItem .senderDateSection .sender {
        width: 35% !important;
    }
}

@media screen and (max-width: 1020px) {

    .newLayout header .search input.field {
        width: 150px
    }

    .newLayout #smsDetailsSMS .smsBubbleA,
    .newLayout #contactDetailsSMS .smsBubbleA {
        margin-right: 50px;
    }
    .newLayout #smsDetailsSMS .smsBubbleB,
    .newLayout #contactDetailsSMS .smsBubbleB {
        margin-left: 50px;
    }
}

@media screen and (max-width: 580px) {
    .newLayout .mailListContentArea .previewDate {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .newLayout .addRssButton {
        white-space: nowrap;
    }
    .newLayout #module-newmail .scrollBarWrapper {
        padding-bottom: 220px !important;
    }
    .newLayout #module-newmail #newmailSignatures {
        bottom: 120px;
    }
    .newLayout #module-newmail #newmailSignatures div .relativeContainer {
        margin-left: 20px;
    }
    .newLayout #module-newmail #newMailButtonsContainer {
        height: 120px;
    }
    .newLayout #module-newmail #newMailButtonsContainer #attachLinksContainer {
        width: 100%;
    }
    .newLayout #module-newmail #newMailButtonsContainer .buttonsContainer {
        bottom: 0;
        width: 100%;
        border-left: 0;
        box-sizing: border-box;
    }
    .newLayout #module-maillist #maillistPager .nextPage a,
    .newLayout #module-maillist #maillistPagerHalf .nextPage a,
    .newLayout #module-maillist #maillistPager .previousPage a,
    .newLayout #module-maillist #maillistPagerHalf .previousPage a {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        line-height: 32px;
        text-decoration: none;
    }
    .newLayout #module-maillist #maillistPager .nextPage a,
    .newLayout #module-maillist #maillistPagerHalf .nextPage a {
        margin-left: 10px;
    }
    .newLayout #module-maillist #maillistPager .previousPage a,
    .newLayout #module-maillist #maillistPagerHalf .previousPage a {
        margin-right: 10px;
    }
    .newLayout #module-maillist #maillistPager .nextPage .separator,
    .newLayout #module-maillist #maillistPagerHalf .nextPage .separator,
    .newLayout #module-maillist #maillistPager .previousPage .separator,
    .newLayout #module-maillist #maillistPagerHalf .previousPage .separator {
        display: none;
    }
    .newLayout #module-maillist #maillistPager .nextPage .arrow,
    .newLayout #module-maillist #maillistPagerHalf .nextPage .arrow,
    .newLayout #module-maillist #maillistPager .previousPage .arrow,
    .newLayout #module-maillist #maillistPagerHalf .previousPage .arrow {
        display: inline;
        font-size: 32px;
    }
    .newLayout #module-maillist #maillistPager .nextPage .text,
    .newLayout #module-maillist #maillistPagerHalf .nextPage .text,
    .newLayout #module-maillist #maillistPager .previousPage .text,
    .newLayout #module-maillist #maillistPagerHalf .previousPage .text {
        display: none;
    }
    .newLayout #contactsPersonalContactForm input[type=text] {
        width: 100%;
    }
    .newLayout #contactDetailTabsBox .tabs a {
        width: 20%;
        box-sizing: border-box;
    }
}

.openMailInfo {
    font-size: 34px;
    font-family: 'robotothin', sans-serif;
    color: #757575;
    padding: 0;
    position: absolute;
    width: 80%;
    top: 50%;
    text-align: center;
    margin-top: -20px;
    padding-left: 10%;
}

.empty-maillist {
    width: 100% !important;
}

.newLayout .horizontalScroll {
    overflow: auto;
    width: 100%;
}

.topBoxContainerSideBar,
.topBoxContainer {
    background: #eee;
    display: none;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
}

.topBoxContainer .topBoxContainerCenter {
    margin: 0 auto;
}

.topBox .topBoxContainerSideBar,
.topBox .topBoxContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topBoxContainer iframe {
    display: block;
}
#topLeftBoxContainerAds iframe {
    display: block;
}

.topBoxL {
    margin: 160px 5px 0 0;
}

.topBoxL main {
    margin: 0 210px 0 0;
}

.topBoxL .topBoxContainer {
    position: absolute;
    right: 0;
    top: -160px;
}

.settingsEmailAccountPagination {
    cursor: pointer;
    color: #990ae3;
}

#editor-newmailContentForm {
    font-size: 16px;
}

.newLayout #socialmediaFeedContent .thumb {
    margin-top: 71px;
}

.newLayout .dndDropZone {
    top: -9px;
    height: 99%;
    left: 0;
    width: 99%;
}

#popupSuhlusTerms {
    display: none;
    width: 750px;
    margin-left: -375px;
}

.newLayout.menuMin #content {
    padding-left: 0 !important;
}

.newLayout.menuMin #sidebar {
    margin-left: 0 !important;
    width: 0 !important;
    border-right: 0px !important;
}

.newLayout.menuMin nav,
.newLayout.menuMin nav .subFix {
    width: 40px;
}

.newLayout.menuMin .sidebar-submoduleList,
.newLayout.menuMin nav #mainNav a,
.newLayout.menuMin nav #contentTopTabMenuResize a,
.newLayout.menuMin nav .subFix li.icon a {
    display: none;
}

.newLayout.menuMin nav #mainNavBottom li.icon {
    padding: 15px;
}

.newLayout.menuMin #mainNav li {
    padding-bottom: 20px;
}

.newLayout.menuMin nav #mainNavBottom a {
    padding: 5px;
}

.newLayout.menuMin main {
    padding: 16px 0 0 40px;
}

.newLayout.menuMin nav {
    top: 130px;
}

.newLayout.menuMin .buttonNewmail {
    background: #990ae3 none repeat scroll 0 0;
    border: 0 none;
    height: 43px;
    left: -40px;
    padding: 12px 3px;
    position: absolute;
    width: 34px;
}

.newLayout.menuMin #wrapper .buttonNewmail a {
    background: #00cc66 none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    padding: 5px 2px;
    text-shadow: none;
    width: 30px;
}

.newLayout.menuMin #sidebar .newButtonMin {
    border: none;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    margin-left: -6px;
    vertical-align: middle;
    width: 40px;
    background-color: #00cc66;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-position: 10px -1000px;
}

.newLayout.menuMin #sidebar .newButtonMin:hover,
.newLayout.menuMin #sidebar .buttonNewmail a:hover {
    background-color: #02b95e;
}

.newLayout.menuMin #submodule-quotabox,
.newLayout.menuMin #submodule-filesquotabox {
    width: 0px;
    height: 0px;
    padding: 0;
}

#sidebar .newButtonMin,
.newLayout.menuMin #sidebar .nameMax {
    display: none;
}

.newLayout.menuMin #sidebar .newButtonMin {
    display: block;
}

.newLayout.menuMin nav ul.sub li.lang {
    background-position: 8px -500px;
}

.newLayout.menuMin nav ul.sub li.faq {
    background-position: 8px -537px;
}

.newLayout.menuMin nav ul.sub li.feedback {
    background-position: 8px -575px;
}

.newLayout .rateBoxContentOptions label {
    padding: 0 12px;
}

.newLayout .rateBoxContentOptions {
    padding-left: 5px;
}

.newLayout .rateBoxContentDecorator {
    margin: 0 22px;
}

#passwordReminderRequired .errorContainer {
    top: 43px;
}

.newLayout #filesMoveListContainer .viewport {
    height: 200px;
}

.newLayout #submodule-filesquotabox .buttonNewmail {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.newLayout #maillistPager {
  padding: 5px 0;
  width: 100%;
}

.newLayout #maillistPager .pager{
    width: 100%;
    text-align: center;

}

.newLayout #maillistPager select {
    min-width: 40px;
}

.newLayout #maillistPager span{
    margin: 3px;
    display: inline-table;
}


.newLayout #maillistPager .optionsList {
}

.newLayout #maillistPager .styledSelectContainer {
    text-align: left;
}

.newLayout #mailingListDataContainer textarea {
    width: 100%;
    height: 100px;
}

.newLayout #mailingListDataContainer .buttonAction {
    float: right;
    margin: 10px 0 0 !important;
}


.newLayout .maillistButtonsFixed .maillistButtonsContainer {
    background: #990ae3 none repeat scroll 0 0;
}

.newLayout .maillistData th.mtype {
    cursor: default;
}

.newLayout #vPaddInfo {
    margin-bottom: 10px;
}
.newLayout #vPaddInfo #shareLinkSendOk {
    float: none;
}

.newLayout .settingsModuleBox .newMenuRight {
    background: rgba(0, 0, 0, 0) url("../_d/iconsNewHighRes.png?v=4") no-repeat scroll 0 -672px / 45px 1043px;
    display: block;
    height: 42px;
    margin-left: 18px;
    width: 56px;
}

.newLayout .settingsModuleBoxLeft {
    float: left;
    cursor: pointer;
    padding-right: 6px;
}

.newLayout .settingsModuleBox li:hover {
    color: #fff;
    background-color: #642d96;
}

.newLayout section:hover {
    background-color: #642d96;
}

.newLayout section.modules:hover {
    background-color: #fff;
}

.newLayout .newMenuArrow {
    background-position: -8px -2806px;
    display: block;
    float: left;
    height: 14px;
    margin-top: 10px;
    width: 14px;
}

.newLayout .newMenuArrowRight {
    transform: rotate(270deg);
}

.newLayout .settingsModuleBoxLeft .up,
.newLayout .settingsModuleBox .up {
    transform: rotate(180deg);
}

.newLayout .settingsModuleBox .left {
    transform: rotate(90deg);
}

#newMenuSearch {
    display: none;
}

.newLayout .newMenuSearch {
    background-position: 4px -2708px;
    background-color: #fff;
}

.newLayout .borderLeft {
    float:left;
    border-left: 1px solid #fff;
    height: 33px;
    padding: 0 2px 0 2px;
}

.newLayout .borderLeftLogo {
    float:left;
    border-left: 1px solid #fff;
    height: 33px;
    margin-top: 6px;
}


.newLayout .newLogout {
    background-position: -2px -2676px;
    display: block;
    height: 35px;
    width: 24px;
}

#newMenuLogout {
    padding-right: 10px;
    height: 43px;
    padding-top: 6px;
}

.newLayout .displayBlock {
    display: block;
}

#newMenuIcon {
    float: left;
    display: block;
    height: 35px;
    width: 35px;
}

.newLayout .mailbox {
    background-position: 2px -2648px;
}

.newLayout .goto {
    background-position: center -268px;
    height: 35px;
    width: 24px;
}

.newLayout .faq {
    background-position: -2px -2767px;
    height: 35px;
    width: 24px;
}

.newLayout .settingsModuleBox .searchMobileIcon {
    background-position: -6px -4548px;
    height: 35px;
    width: 24px;
    position: relative;
    top: 0;
    left: 0;
}

.newLayout .settingsModuleBox .searchMobileLi .search{
    left: 5px;
    width: 97%;
}

.newLayout .sett {
    background-position: -2px -2736px;
    height: 35px;
    width: 24px;
}

.newLayout header .files {
    background-position: 2px -2826px;
}

.newLayout header .contact {
    background-position: 4px -2856px;
}

.newLayout header .sms {
    background-position: 4px -2886px;
}

.newLayout header .socialmedia {
    background-position: 2px -2946px;
}

.newLayout header .notes {
    background-position: 4px -2976px;
}

.newLayout .settingsModuleBox .settingsModuleIn {
    display: block;
    float:left;
}

.settingsModuleBox .settingsModuleTitle {
    display: block;
    float:left;
    margin: 10px 5px;
    color: #fff;
}

.newLayout .settingsMenuListBox li {
    border-bottom: 1px solid #e0e0e0;
    height: 20px;
    list-style: outside none none;
    padding: 10px;
    color: #990ae3;
}

.newLayout .settingsMenuListBox li.pright {
    padding-right: 13px;
}

.newLayout .settingsMenuListBox ul {
    padding: 0;
    margin: 0;
}

.optionFax {
    float: left;
}

.optionArrow {
    float: right;
    background: url("../_d/mailbox-icon.png?v=1") no-repeat scroll -1px -2288px;
    display: inline-block;
    height: 10px;
    margin-top: 6px;
    width: 10px;
}

#debugBar {
    display: none;
}

.newLayout #popupNewSMSProgressBar {
    display: none;
}

.newLayout #popupNewSMSProgressBar .progressBar {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    height: 18px;
    margin: 0;
    overflow: hidden;
    width: auto;
    display: block
}

.newLayout #popupNewSMSProgressBar .progressBarFull {
    background: #95908a none repeat scroll 0 0;
}

.newLayout #popupNewSMS .smsSmartTagsBox {
    position: static;
}

.newLayout #popupNewSMS .popupButtons {
    padding-right: 95px;
}

.newLayout #popupFeedBack .feedbacklabel{
    display: block;
    margin-bottom: 10px;
}

.newLayout #popupFeedBack .feedbackCheckLabel {
    margin-left: 5px;
}

.newLayout #feedbackW, .newLayout #feedbackNotW {
    position: relative;
    top: 2px;
}

#normalUserLanguage .languageTip {
    position:relative;
    top:7px;
}

.newLayout .contactDetail {
    margin-bottom: 0px;
}

.newLayout #smsReplyForm,
.newLayout #contactSmsReplyForm, .styledReplySMS {
    margin-top: 0px;
}

@media screen and (-ms-high-contrast: active) {
    .newLayout #filelist label.fileCheckContainer .label::before,
    .newLayout .checkboxMailContainer input[type="checkbox"],
    .newLayout #maillist .maillistData .mailItem input[type="checkbox"] {
        display: block !important;
    }

    .newLayout #module-maillist #mailistHeaderOptions .checkboxMailContainer::before,
    .newLayout #maillist .maillistData .mailItem .mailCheckContainer::before {
        display: none !important;
    }

    .newLayout #filelist label.fileCheckContainer input {
        left: 0px !important;
        opacity: 1 !important;
        height: 15px !important;
        width: 15px !important;
    }

    .newLayout #module-maillist #maillistButtons .maillistHeaderBtn {
        text-indent: 0 !important;
        width: 90px !important;
    }

    .newLayout #module-maillist #maillistButtons .maillistHeaderBtn span.title {
        margin-left: -40% !important;
    }
}

body.filesLanding {
    background: #f2f2f2;
}

.newLayout #filesLandingPage {
    background: #f2f2f2;
    padding-top: 35px;
    text-align: center;
    font-size: 14px;
    border: 0px;
}

.newLayout #filesLandingPage .title {
    font-family: "Pebble",sans-serif;
    font-size: 3.57em;
    line-height: 0.5;
    text-transform: uppercase;
    font-weight: normal;
}
.newLayout #filesLandingPage h1 {
    font-size: 3.57em;
    color: #990ae3;
}


.newLayout #filesLandingPage h2 {
    color: #444444;
    font-size: 3.57em;
}

.newLayout #filesLandingPage .container {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.newLayout #filesLandingPage .card {
    background: #ffffff none repeat scroll 0 0;
    padding: 20px 15px;
}

.newLayout #filesLandingPage p {
    padding: 0 0 2px;
    font-size: 1em;
    line-height: 1.5;
}

.newLayout #filesLandingPage a {
     color: #990ae3;
     text-decoration: none;

}
.newLayout #filesLandingPage .btn_margin {
    margin-top: 15px;
}

.newLayout #filesLandingPage .btn_button {
    padding: 10px;
}

.newLayout #filesLandingPage .btn {
    background-color: #00cdcd;
    border-color: #00cdcd;
    color: #ffffff;
    white-space: nowrap;
    font-size: 1em;
    padding: 1px 28px;
    background-image: none;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 2.625rem;
    max-width: 100%;
    min-width: 125px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.newLayout #filesLandingPage .btn__icon {
    margin-left: 4px;
    margin-right: -5px;
    fill: currentcolor;
    height: 0.9em;
    width: 1em;
}

.newLayout #filesLandingPage .btn_vertical {
    vertical-align: middle;
}

.newLayout #filesLandingPage .filesLandingPage_footer {
    padding: 30px 0 100px 0;
}

.errorBody #fileUploadForm {
    margin: -6px 10px 0 0;
}


@media screen and (max-width: 500px) {
    .newLayout #filesLandingPage {
        font-size: 12px;
    }

    .newLayout #filesLandingPage .title {
        font-size: 2em;
    }
}

.newLayout .folderGroup span {
    display: flex;
    margin-right: 3px;
}

.newLayout .folderGroup span u {
    margin-left: 2px;
}

.newLayout .filesDropIllustration {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -1545px;
    display: block;
    height: 55px;
    margin: 0 auto;
    width: 130px;
}


.newLayout .emptySMSInfo {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -1615px;
    display: block;
    height: 101px;
    margin: 0 auto;
    width: 124px;
}

.newLayout #submodule-filefolders .sidebarBox {
    width: 100%;
}

.newLayout .contactDetailPhoto {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -2520px;
    display: block;
    height: 70px;
    width: 70px;
}

.newLayout .contactDetailPhoto50 {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll -108px -2520px !important;
    display: block;
    height: 50px;
    width: 50px;
}


.newLayout .contactUserPhoto {
    background: rgba(0, 0, 0, 0) url("../_d/mailbox-icon.png?v=1") no-repeat scroll 0 -2600px;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.newLayout .accessLogTable {
    width: 40%;
    margin: 30px auto;
    text-align: left;
}

.newLayout .accessLogTable th,
.newLayout .accessLogTable td {
    border: 1px solid #d9d9d9;

    vertical-align: middle;
}

#app_cookie {
    position: absolute;
    top: 35px;
    z-index: 9999;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    text-align: center;
    left: auto;
    display: none;
}

#app_cookie *, #app_cookie :after, #app_cookie :before {
    box-sizing: inherit;
}

#app_cookie #page-container {
    display: inline-block;
}

#app_cookie p,
#app_cookie body {
    font-size: 1em;
    font-family: Neue Helvetica W01, sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    padding: 0;
}

#app_cookie .header__notice {
    background-color: #fff;
    font-size: 12px;
    font-weight: 700;
}

#app_cookie .container {
    background-color: rgba(0, 205, 255, .15);
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 8px 30px;
    min-height: 50px;
}

@media (max-width: 600px) {
    #app_cookie .header__notice {
        width: 95%;
    }
}

#app_cookie .header__notice-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 35px;
    padding: 5px 0 10px;
}

@media (min-width: 600px) {
    #app_cookie .header__notice-inner {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }
}

#app_cookie .header__notice-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 10px;
}

@media (min-width: 600px) {
    #app_cookie .header__notice-main {
        margin-bottom: 0;
    }
}

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

#app_cookie .icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    background-image: none;

}

#app_cookie .header__notice-icon {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    color: #00cdff;
    margin-right: 6px;
}

@media only screen and (min-width: 600px) {
    #app_cookie .btn {
        min-width: 150px;
    }
}

#app_cookie .btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-image: none;
    min-width: 125px;
    max-width: 100%;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 28px;
    border-radius: 30px;
    letter-spacing: .2px;
    cursor: pointer;
    transition: .15s ease;
    transition-property: background-color, border-color, color;
    color: #fff;
    background-color: #990ae3;
    border: 2px solid #990ae3;
}

#app_cookie .btn--link {
    background: transparent;
    border: 0;
    text-transform: none;
    text-align: inherit;
    font-size: 1em;
    height: auto;
    padding: 0;
    min-width: 0;
    line-height: inherit;
    border-radius: 0;
    color: #990ae3;
}

#app_cookie a {
    text-decoration: none;
    color: #990ae3;
    font-weight: 700;
}

#app_cookie .btn__inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

#app_cookie .btn__text {
    margin-bottom: 3px;
}

#app_cookie .btn--link .btn__icon--right {
    margin-left: .5em;
    margin-right: 0;
}

#app_cookie .btn--link .btn__icon {
    font-size: .875em;
}

#app_cookie .btn__icon--right {
    margin-left: 8px;
    margin-right: -5px;
}

#app_cookie .btn--small {
    min-width: 0;
    font-size: 11px;
    line-height: 16px;
    padding: 3px 18px;
    border-radius: 15px;
}

#app_cookie .btn--variant-light {
    color: #990ae3;
    background-color: #fff;
    border-color: #fff;
}

#app_cookie .header__notice-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
}

#app_cookie .btn:hover,
#app_cookie .card--link:hover .btn {
    background-color: #c0f;
    border-color: #c0f;
    color: #fff;
}

#app_cookie .btn--variant-light:hover,
#app_cookie .card--link:hover .btn--variant-light {
    background-color: #fff;
    border-color: #990ae3;
    color: #990ae3;
}

#app_cookie .btn--link:hover,
#app_cookie .card--link:hover .btn--link {
    background-color: transparent;
    color: #c0f;
}

#app_cookie .btn--small .btn__icon--left {
    margin-right: 6px;
}