body {
    font-family: Arial;
}

body.xdesktop {
    background-color: transparent;
}

body.xdesktop div.container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0 auto;
}

body.xdesktop div.container {
    width: 1170px;
}

body.xdesktop .iframebox {
    border: none;
}

body.xdesktop #addresslist {
    border-right: 1px solid #dcdcdc;
}

body.xdesktop #messagestack div.loading {
    border-color: #ffcd02 !important;
}

body.xdesktop #apps-menu {
    padding: 0;
    right: 112px;
}

body.xdesktop #apps-menu a.app-item {
    padding-bottom: 0;
}

body.xdesktop .ui-dialog .ui-dialog-titlebar {
    background: white;
    padding: 5px 15px 0;
}

body.xdesktop .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
}

body.xdesktop .ui-dialog .ui-dialog-content .formbuttons input.button,
body.xdesktop .ui-dialog .ui-dialog-content .formbuttons input.button.mainaction,
body.xdesktop .ui-dialog .ui-dialog-buttonpane button,
body.xdesktop .formbuttons input.button,
body.xdesktop .formbuttons input.button.mainaction,
body.xdesktop .formbuttons .button,
body.xdesktop .boxcontent input.button.mainaction {
    background-color: #ffcd02;
    font-family: Arial;
    font-weight: normal !important;
    font-size: 13px;
    line-height: 14px;
    color: #3e403b;
    border: none;
}

body.xdesktop .ui-dialog .ui-dialog-content .formbuttons input.button:hover,
body.xdesktop .ui-dialog .ui-dialog-content .formbuttons input.button.mainaction:hover,
body.xdesktop .ui-dialog .ui-dialog-buttonpane button:hover,
body.xdesktop .formbuttons input.button:hover,
body.xdesktop .formbuttons input.button.mainaction:hover,
body.xdesktop .formbuttons .button:hover,
body.xdesktop .boxcontent input.button.mainaction:hover {
    background-color: #ffcd02 !important;
}

body.xdesktop .header .header__content {
    padding: 60px 0 50px;
}

body.xdesktop .header .header__content .logo a {
    display: inline-block;
}

body.xdesktop .header .header__content .logo a img {
    width: 100%;
    height: auto;
}

body.xdesktop .section-login .section-login__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -25px 100px;
}

body.xdesktop .section-login .section-login__wrapper .login-img {
    padding: 0 25px;
}

body.xdesktop .section-login .section-login__wrapper #login-form {
    padding: 0 25px;
    margin: 0 !important;
}

body.xdesktop .section-login .section-login__wrapper #login-form h1 {
    font-family: Arial;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #3c3d38;
    padding: 0;
    margin: 15px 0 45px !important;
}

body.xdesktop .section-login .section-login__wrapper #login-form form p.info {
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    margin: 0 0 40px;
}

body.xdesktop .section-login .section-login__wrapper #login-form #message {
    min-height: auto;
    padding: 0;
}

body.xdesktop .section-login .section-login__wrapper #login-form #message .content {
    font-family: Arial;
    margin: -10px 0 20px;
}

body.xdesktop .section-login .section-login__wrapper #login-form #message .warning {
    background: none;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    color: #ee5353;
    padding: 0;
}

body.xdesktop .section-login .section-login__wrapper #login-form form td.title,
body.xdesktop .section-login .section-login__wrapper #login-form form td.input {
    width: auto;
    display: table-cell;
    padding: 0;
}

body.xdesktop .section-login .section-login__wrapper #login-form form label {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    text-align: right;
    display: block;
    box-sizing: border-box;
    min-height: 29px;
    padding: 8px 0 0;
    margin: 0 20px 0 0;
}

body.xdesktop .section-login .section-login__wrapper #login-form form input {
    display: block;
    background-color: transparent;
    border: none !important;
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    box-sizing: border-box;
    border-bottom: 1px solid #e3e5e2 !important;
    width: 285px;
    padding: 6px 8px 7px;
    margin: 0 0 2px;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

body.xdesktop .section-login .section-login__wrapper #login-form form input:focus {
    border-color: #ffcd02 !important;
}

body.xdesktop .section-login .section-login__wrapper #login-form .formbuttons {
    margin: 0 0 0 113px;
}

body.xdesktop .section-login .section-login__wrapper #login-form .formbuttons button {
    display: inline-block;
    width: auto;
    height: auto;
    background: #ffcd02;
    border: none !important;
    font-family: Arial;
    font-weight: normal !important;
    font-size: 13px;
    line-height: 14px;
    color: #3e403b;
    text-align: center;
    border-radius: 3px !important;
    outline: none;
    position: relative;
    padding: 10px 0 9px;
    min-width: 162px;
    margin: 35px 0 0;
}

body.xdesktop .section-login .section-login__wrapper #login-form .formbuttons button:after {
    content: '\f054';
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.xdesktop .section-login .section-login__wrapper #login-form .links {
    margin: 75px 0 0;
}

body.xdesktop .section-login .section-login__wrapper #login-form .links p {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3e403b;
}

body.xdesktop .section-login .section-login__wrapper #login-form .links p a {
    font-weight: bold;
    color: #3e403b;
    text-decoration: none;
    border-bottom: 2px solid #ffcd02;
}

body.xdesktop #vendor-branding {
    display: none;
}

body.xdesktop {
    min-width: auto !important;
}

body.xdesktop #header #topline {
    background-color: white;
    height: auto;
    padding: 4px 50px;
}

body.xdesktop #header #topline:after {
    content: '';
    display: table;
    clear: both;
}

body.xdesktop #header #topline .topleft {
    display: none;
}

body.xdesktop #header #topline .topright {

}

body.xdesktop #header #topline .topright .username {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    padding: 0;
}

body.xdesktop #header #topnav {
    background-color: white;
    padding: 8px 50px 24px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.xdesktop #header #topnav .topnav__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    position: relative;
}

body.xdesktop #header #topnav .topnav__left:after {
    content: '';
    display: block;
    width: 180px;
    height: 2px;
    background-color: #ffcd02;
    position: absolute;
    left: -14px;
    bottom: -22px;
}

body.xdesktop #header #topnav .topnav__left #toplogo {
    padding: 0;
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar {
    position: relative;
    right: auto;
    top: auto;
    width: 350px;
    margin: 0 0 0 70px;
    visibility: visible !important;
}

body.xdesktop.settings-page  #header #topnav .topnav__left #quicksearchbar,
body.xdesktop.settings-page  #mainscreen.enigma #quicksearchbar {
    display: none;
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar #searchmenulink {
    top: 44%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar #searchmenulink:hover,
body.xdesktop #header #topnav .topnav__left #quicksearchbar #searchmenulink:focus {
    background-color: transparent;
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar  #searchmenulink:before {
    font-family: FontAwesome;
    content: "\f002" "\f107";
    font-size: 25px;
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar #searchreset {
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar #searchreset:hover,
body.xdesktop #header #topnav .topnav__left #quicksearchbar #searchreset:focus {
    background-color: transparent;
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar  #searchreset:before {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 20px;
}

body.xdesktop #header #topnav .topnav__left #quicksearchbar form input {
    background-color: #f9f9f9;
    border: none !important;
    width: 100%;
    box-sizing: border-box;
    border-radius: 30px !important;
    height: auto;
    padding: 18px 15px 17px 58px;
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop #header #topnav .topnav__right {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

body.xdesktop #header #topnav .topnav__right #taskbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    padding: 30px 0 0;
    margin: 0 -25px;
}

body.xdesktop #header #topnav .topnav__right #taskbar a {
    margin: 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    float: none;
    padding: 0 25px !important;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-selected,
body.xdesktop #header #topnav .topnav__right #taskbar a:hover {
    background-color: transparent;
}

body.xdesktop #header #topnav .topnav__right #taskbar a {
    position: relative;
}

body.xdesktop #header #topnav .topnav__right #taskbar a:before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-mail:before {
    content: url("../images/icon-poczta.png");
    display: block;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-mail:hover:before {
    content: url("../images/icon-poczta-hover.png");
    display: block;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-addressbook:before {
    content: url("../images/icon-kontakty.png");
    display: block;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-addressbook:hover:before {
    content: url("../images/icon-kontakty-hover.png");
    display: block;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-settings:before {
    content: url("../images/icon-ustawienia.png");
    display: block;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-settings:hover:before {
    content: url("../images/icon-ustawienia-hover.png");
    display: block;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-apps:before {
    content: url("../images/icon-aplikacje.png");
    display: block;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-apps:hover:before {
    content: url("../images/icon-aplikacje-hover.png");
    display: block;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-logout {
    display: inline-block;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-logout:before {
    content: url("../images/icon-logout.png");
    display: block;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-logout:hover:before {
    content: url("../images/icon-logout-hover.png");
    display: block;
}

body.xdesktop #header #topnav .topnav__right #taskbar a.button-interface-options {
    display: none;
}

body.xdesktop #header #topnav .topnav__right #taskbar a .button-inner {
    display: block;
    font-family: Arial;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    color: #3c3d38;
    padding: 0;
    margin: 4px 0 0;
    height: auto;
    border-bottom: 2px solid transparent;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

body.xdesktop #header #topnav .topnav__right #taskbar a:hover .button-inner {
    border-bottom: 2px solid #ffcd02;
}

body.xdesktop .popupmenu {
    border-color: #f9f9f9;
    max-height: none;
    padding: 3px;
}

body.xdesktop .popupmenu ul.toolbarmenu li label {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop .popupmenu ul.toolbarmenu li label span {
    margin: 0 0 0 3px;
}

body.xdesktop .popupmenu ul.toolbarmenu li select {
    display: block;
    height: 22px;
    background-color: #fafafa;
    border: none;
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop .popupmenu ul.toolbarmenu li.separator {
    margin: 5px 0 0;
}

body.xdesktop input.switchbox-input:checked + label.switchbox,
body.xmobile input.switchbox-input:checked + label.switchbox {
    background-color: #ffcd02 !important;
    border-color: #ffcd02 !important;
}

body.xdesktop .popupmenu .buttons {
    padding: 8px 0 5px;
    height: auto;
    border-top: 1px solid #dcdcdc;
    margin: 8px 0 0;
}

body.xdesktop .popupmenu .buttons .button {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3e403b;
    background-color: #ffcd02;
    padding: 5px 20px;
}

body.xdesktop .popupmenu .buttons .button:hover,
body.xdesktop .popupmenu .buttons .button:focus {
    background-color: #ffcd02 !important;
}

body.xdesktop #mainscreen {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

body.xdesktop.extwin #mainscreen .offset {
    top: 111px;
}

body.xdesktop #mainscreen.offset #settings-sections,
body.xdesktop #mainscreen.offset #settings-right,
body.xdesktop #mainscreen.offset #pluginbody {
    top: 100px;
}

body.xdesktop #mainscreen.enigma #settings-sections,
body.xdesktop #mainscreen.enigma #settings-right {
    top: 187px;
}

body.xdesktop #mainscreen .mainscreen__top {
    min-height: 87px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    padding: 23px 60px 23px 20px;
    border-bottom: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.xdesktop #mainscreen.enigma .toolbar {
    min-height: 87px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    padding: 23px 60px 23px 20px;
    border-bottom: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.xdesktop #mainscreen .mainscreen__top .toolbar,
body.xdesktop #mainscreen.enigma .toolbar {
    position: static;
    top: 0;
    left: 0;
    height: auto;
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.button,
body.xdesktop #mainscreen.enigma .toolbar a.button {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #3c3d38;
    height: auto;
    min-width: auto;
    max-width: none;
    padding: 0 20px;
    margin: 0;
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.button:before,
body.xdesktop #mainscreen.enigma .toolbar a.button:before {
    font-family: FontAwesome;
    font-size: 14px !important;
    color: #3c3d38;
    display: inline-block;
    margin: 0 10px 0 0;
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.checkmail:before {
    content: "\f021";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.compose:before {
    content: "\f040";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.reply:before {
    content: "\f112";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.reply-all:before {
    content: "\f122";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.forward:before {
    content: "\f064";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.delete:before {
    content: "\f1f8";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.move:before {
    content: "\f07c";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.markasjunk2:before {
    content: "\f06d";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.junk:before {
    content: "\f06d";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.notjunk:before {
    content: "\f06d";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.archive:before {
    content: "\f187";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.markmessage:before {
    content: "\f02b";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.more:before {
    content: "\f00a";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.back:before,
body.xdesktop #mainscreen .mainscreen__top .toolbar a.close:before {
    content: "\f0a8";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.send:before {
    content: "\f1d8";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.savedraft:before {
    content: "\f0c7";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.attach:before {
    content: "\f0c6";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.insertsig:before {
    content: "\f044";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.responses:before {
    content: "\f097";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.enigma:before {
    content: "\f023";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.import:before,
body.xdesktop #mainscreen.enigma .toolbar a.import:before {
    content: "\f019";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.export:before,
body.xdesktop #mainscreen.enigma .toolbar a.export:before {
    content: "\f093";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.print:before {
    content: "\f02f";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar a.search:before {
    content: "\f002";
}

body.xdesktop #mainscreen .mainscreen__top .toolbar span.dropbutton .dropbuttontip,
body.xdesktop #mainscreen.enigma .toolbar span.dropbutton .dropbuttontip {
 padding: 1px 0 0;
}

body.xdesktop #mainscreen .mainscreen__top .toolbar span.dropbutton .dropbuttontip:before,
body.xdesktop #mainscreen.enigma .toolbar span.dropbutton .dropbuttontip:before {
    font-family: FontAwesome;
    content: "\f078";
    font-size: 14px;
    color: #3c3d38;
}

body.xdesktop #mainscreen .mainscreen__top #messagesearchtools {
    position: static;
    right: auto;
    top: auto;
}

body.xdesktop #mainscreen .mainscreen__top #messagesearchtools #searchfilter {
    visibility: visible !important;
    position: static;
    right: auto;
    top: auto;
}

body.xdesktop #mainscreen .mainscreen__top #messagesearchtools #searchfilter select {
    position: static;
    width: 245px !important;
    height: 40px;
    border: 1px solid #ebebeb;
    background-color: #f5f5f5;
    opacity: 1;
    -khtml-appearance: menulist-button;
    -webkit-appearance: menulist-button;
    margin: 0;
}

body.xdesktop #mainscreen .mainscreen__top #messagesearchtools #searchfilter .menuselector {
    display: none;
}

body.xdesktop #mainscreen #mainscreencontent {
    top: 187px;
}

body.xdesktop.extwin #mainscreen #mainscreencontent {
    top: 111px;
}

body.xdesktop #mainscreen #mainscreencontent #composeview-right #composebodycontainer textarea {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    padding: 10px;
}

body.xdesktop #mainscreen .uibox .boxtitle,
body.xdesktop h1.boxtitle {
    background-color: #ffcd02 !important;
    color: #3c3d38 !important;
}

body.xdesktop #mainscreen #mainscreencontent #compose-attachments a.button {
    background-color: #ffcd02;
}

body.xdesktop #mainscreen #mainscreencontent #compose-attachments a.button:hover {
    background-color: #ffcd02 !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left {
    border-bottom: 1px solid #dcdcdc;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer {
    background-color: white;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer #folderlist-content {
    background-color: white;
    bottom: 70px;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer #mailboxlist {
    padding: 25px 10px 25px 20px;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer #mailboxlist li a {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer #mailboxlist li.selected > a {
    font-weight: bold;
    background-color: #f5f5f5;
    padding: 7px 0 2px 28px;
    border-radius: 15px !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer #mailboxlist li.selected > .expanded {
    left: 10px !important;
    top: 7px !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer #mailboxlist li {
    background-color: white;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-left #mailboxcontainer #mailboxlist li > ul {
    border: none;
    margin: 3px 0 0;
}

body.xdesktop #mainscreen #mainscreencontent #folderlist-footer,
body.xdesktop #mainscreen #folderslist-footer {
    height: auto;
    border: none;
    padding: 25px 0 25px;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

body.xdesktop #mainscreen #mainscreencontent #folderlist-footer {
    min-width: 180px;
}

body.xdesktop #mainscreen .boxfooter {
    height: auto;
    border: none;
    padding: 25px 0 25px;
    width: auto;
}

body.xdesktop #mainscreen #mainscreencontent #folderlist-footer #mailboxmenulink,
body.xdesktop #mainscreen #folderslist-footer #mailboxmenulink,
body.xdesktop #mainscreen .boxfooter .groupactions,
body.xdesktop #mainscreen .boxfooter .delete {
    padding: 0;
    margin: 2px 0 0;
}

body.xdesktop #mainscreen #mainscreencontent #folderlist-footer #mailboxmenulink:before,
body.xdesktop #mainscreen #folderslist-footer #mailboxmenulink:before,
body.xdesktop #mainscreen .boxfooter .groupactions:before {
    font-family: FontAwesome;
    display: inline-block;
    content: '\f013';
    color: #3c3d38;
    font-size: 16px;
}

body.xdesktop #mainscreen .boxfooter .delete:before {
    font-family: FontAwesome;
    display: inline-block;
    content: '\f00d';
    color: #3c3d38;
    font-size: 16px;
}

body.xdesktop #mainscreen #mainscreencontent #folderlist-footer .add,
body.xdesktop #mainscreen #folderslist-footer .add,
body.xdesktop #mainscreen .boxfooter .add {
    padding: 0;
    margin: 2px 10px 0;
}

body.xdesktop #mainscreen #mainscreencontent #folderlist-footer .add:before,
body.xdesktop #mainscreen #folderslist-footer .add:before,
body.xdesktop #mainscreen .boxfooter .add:before {
    font-family: FontAwesome;
    display: inline-block;
    content: '\f067';
    color: #3c3d38;
    font-size: 16px;
}

body.xdesktop #mainscreen .boxfooter .countdisplay {
    top: auto;
}

body.xdesktop #mainscreen .boxfooter .countdisplay #rcmcountdisplay {
    padding: 0 40px 0 10px;
}

body.xdesktop #mainscreen #mainscreencontent #folderlist-footer #quotadisplay,
body.xdesktop #mainscreen #folderslist-footer #quotadisplay {
    position: static;
    background: url('../images/cf-quota.png');
    width: 160px;
    text-align: right;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #3c3d38;
}

body.xdesktop #mainscreen #folderslist-footer #quotadisplay {
    background: url('../images/cf-quota-white.png');
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right {
    border-bottom: 1px solid #dcdcdc;
    -webkit-box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
    box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top {
    border: none;
    -webkit-box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
    box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistheader {
    background-color: white;
    top: 25px;
    padding: 0 20px;
    height: auto;
    border: none;
    -webkit-box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
    box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistheader #listmenulink:focus {
    background-color: transparent;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistheader #countcontrols .countdisplay {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistheader #countcontrols .pagenavbuttons {
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistheader #countcontrols .pagenavbuttons a {
    padding: 0;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistheader #countcontrols .pagenavbuttons #pagejumper {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    border: none !important;
    padding: 0;
    position: relative;
    top: 1px;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer {
    top: 75px;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #mailview-top #messagelistcontainer,
body.xdesktop #mainscreen #mainscreencontent.list #mailview-right #mailview-top #messagelistcontainer {
    top: 0;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td {
    background-color: transparent;
    border-bottom-color: #dcdcdc;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #messagelistcontainer .messagelist tr th,
body.xdesktop #mainscreen #mainscreencontent.list #mailview-right #messagelistcontainer .messagelist tr th {
    background-color: #ffcd02;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #messagelistcontainer .messagelist tr th a {
    color: #3e403b !important;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #messagelistcontainer .messagelist tr th span:before {
    color: #3e403b !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td:last-child {
    padding-right: 10px !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td span.fromto,
body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td a,
body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td span.date {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr.unread td span.fromto,
body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr.unread td a,
body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr.unread td span.date {
    color: #3c3d38;
    font-weight: bold;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.subject span.date {
    top: 9px !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td .status {
    position: relative;
    top: -2px;
}


body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td .status.forwarded:before {
    content: '\f064';
    font-family: FontAwesome;
}


body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td .status:before {
    content: '\f2b7';
    font-family: FontAwesome;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td .status.replied:before {
    content: "\f112";
    font-family: FontAwesome;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td .unread.status:before {
    content: '\f0e0';
    font-family: FontAwesome;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #mailview-top #messagelistcontainer .messagelist tr th.status span:before,
body.xdesktop #mainscreen #mainscreencontent.list #mailview-right #mailview-top #messagelistcontainer .messagelist tr th.status span:before {
    content: '\f0e0';
    font-family: FontAwesome;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.status span,
body.xdesktop #mainscreen #mainscreencontent.list #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.status span {
    position: relative;
    top: -2px;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.status span:before,
body.xdesktop #mainscreen #mainscreencontent.list #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.status span:before {
    content: '\f2b7';
    font-family: FontAwesome;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.status span.unread:before,
body.xdesktop #mainscreen #mainscreencontent.list #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.status span.unread:before {
    content: '\f0e0';
    font-family: FontAwesome;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.subject {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.subject span.date {
    top: 5px;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistcontainer #messagelist tr td.flags {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelist {
    margin-bottom: 39px;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #messagelistfooter {
    padding: 3px 10px 1px 20px;
    background-color: white;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
    box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #listselectors {
    margin: 0;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #maillistmode,
body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top #mailthreadmode {
    border: none;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-right #mailview-top .menuselector {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #b6b6b6;
    border: none;
    margin: 0;
}

body.xdesktop #mainscreen #mainscreencontent #mailview-bottom {
    border: none;
    border-left: 1px solid #dcdcdc;
}

body.xdesktop #mainscreen #mainscreencontent.desktop #mailview-bottom {
    border-left: none;
    -webkit-box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
    box-shadow: inset 20px 0 50px -60px rgba(0,0,0,0.7) !important;
    border-top: 1px solid #dcdcdc;
}

body.xdesktop #messageheader {
    background-color: transparent;
    margin: 0 20px;
    padding: 20px 0 10px 72px;
    border-bottom: 1px solid #dcdcdc;
}

body.xdesktop #messageheader #contactphoto {
    border-radius: 50% !important;
    top: 18px;
    left: 25px;
}

body.xdesktop #messageheader .subject {
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #3c3d38;
}

#mailview-right #messageheader {
    padding-left: 78px;
    background-color: white;
    border: none;
    border-bottom: 1px solid #dcdcdc;
}

#mailview-right #messageheader h2.subject {
    margin-left: 0;
}

body.xdesktop #messageheader .headers-table tr td {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop #messageheader .headers-table tr td.from a,
body.xdesktop #messageheader .headers-table tr td.to a,
body.xdesktop #messageheader .headers-table tr td.date {
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

body.xdesktop #messageheader #countcontrols {
    top: 15px;
}

body.xdesktop #messageheader #countcontrols a.button {
    background-color: transparent;
    padding: 2px 10px;
}

body.xdesktop #messageheader #countcontrols a.button span {
    position: relative;
}

body.xdesktop #messageheader #countcontrols a.button span:before {
    font-family: FontAwesome;
    font-size: 14px;
    color: #9d9e9b;
    display: inline-block;
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0
}

body.xdesktop #messageheader #countcontrols a.reply span:before {
    content: "\f112";
}

body.xdesktop #messageheader #countcontrols a.replyall span:before {
    content: "\f122";
}

body.xdesktop #messageheader #countcontrols a.forward span:before {
    content: "\f064";
}

body.xdesktop #messageheader #countcontrols a.forward span:before {
    content: "\f064";
}

body.xdesktop #messageheader #countcontrols a.extwin span:before {
    content: "\f2d2";
}

body.xdesktop #messageheader #countcontrols a.extwin {
    padding: 2px 5px 2px 0;
}

body.xdesktop #messagepreview {
    margin: 0 20px;
}

body.xdesktop #messagepreview .leftcol #messagebody {
    margin: 20px 0 0;
}

body.xdesktop #messagepreview .leftcol #messagebody .message-part .pre {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
}

div.message-part div.pre {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    padding: 0 20px;
}

body.xdesktop .folderlist li.mailbox ul {
    border: none;
}

body.xdesktop #enigmamenu {
    color: #3c3d38;
}

body.xdesktop #header #topline a.closelink {
    color: #3c3d38;
}

.boxfooter .listbutton .inner {
    height: auto;
    width: auto;
}

body.xdesktop .ui-dialog.error {
    background-color: #f3f3f3;
    border: 1px solid #dcdcdc !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    text-align: center;
}

body.xdesktop .ui-dialog.error .ui-widget-header {
    background-color: #f3f3f3;
    padding-top: 10px;
}

body.xdesktop .ui-dialog.error .ui-widget-header .ui-dialog-title {
    display: inline-block;
    width: auto;
    float: none;
    background: none;
    font-weight: normal;
    color: #3c3d38;
    padding: 0;
}

body.xdesktop .ui-dialog.error .ui-widget-header .ui-dialog-title:before {
    content: '\f071';
    font-family: FontAwesome;
    font-size: 15px;
    display: inline-block;
    color: #ffcd02;
    margin: 0 10px 0;
}

body.xdesktop .ui-dialog.error .ui-widget-header .ui-icon-closethick {
    background: none;
    text-indent: 0;
    top: -4px;
    left: 3px;
    width: 15px;
    height: 15px;
}

body.xdesktop .ui-dialog.error .ui-widget-header .ui-icon-closethick:after {
    content: '\f00d';
    font-family: FontAwesome;
    display: inline-block;
    color: #3c3d38;
    top: 0;
    right: 0;
}

/* Mobile */
body.xmobile #main-menu {
    background-color: #ffcd02 !important;
}

body.xmobile .popup-box {
    -webkit-box-shadow: inset -20px 0 50px -60px rgba(0,0,0,0.7) !important;
    box-shadow: inset -20px 0 50px -60px rgba(0,0,0,0.7) !important;
}

body.xmobile .popup-box .popup-close {
    background-color: #ffcd02 !important;
    -webkit-box-shadow: inset -20px 0 50px -60px rgba(0,0,0,0.7) !important;
    box-shadow: inset -20px 0 50px -60px rgba(0,0,0,0.7) !important;
}

body.xmobile #mainscreen {
    margin: 15px 20px 0;
}

body.xmobile #messagelist tr {
    border-bottom: 1px solid #dcdcdc;
}

body.xmobile .boxfooter .listbutton,
body.xmobile h1.boxtitle,
body.xmobile #messagestack div.loading {
    background-color: #ffcd02 !important;
}

body.xmobile #mailview-right #messageheader {
    padding-left: 0;
    padding-bottom: 10px;
}

body.xmobile div.message-part div.pre {
    padding: 0;
}

body.xmobile .folderlist li.mailbox div.treetoggle:before,
body.xmobile #directorylist li.addressbook div.expanded,
body.xmobile #directorylist li.addressbook div.collapsed {
    color: #ffcd02 !important;
}

body.xmobile .ui-button.mainaction,
body.xmobile .ui-button,
body.xmobile #contactphoto .formlinks a,
body.xmobile .contactfieldcontent a.contactfieldbutton,
body.xmobile #messagelistcontainer .pagenav a.button,
body.xmobile input.button.mainaction,
body.xmobile .formbuttons input.button,
body.xmobile #compose-attachments a.button {
    background-color: #ffcd02 !important;
    border: none;
    font-family: Arial;
    font-weight: normal !important;
    font-size: 13px;
    line-height: 14px;
    color: #3e403b;
}

body.xmobile #compose-attachments a.button {
    max-width: 200px;
}

body.xmobile #interface-options {
    left: 0 !important;
}

body.xmobile .header .header__content {
    text-align: center;
    padding: 80px 0;
}

body.xmobile .section-login {
    padding: 0 15px;
}

@media(min-width: 400px) {
    body.xmobile .section-login {
        padding: 0 30px;
    }
}

body.xmobile .section-login .section-login__wrapper .login-img {
    display: none;
}

body.xmobile .section-login .section-login__wrapper #login-form #company-name {
    display: none;
}

body.xmobile .section-login .section-login__wrapper #login-form {
    overflow: hidden;
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.xmobile .section-login .section-login__wrapper #login-form h1 {
    display: block;
    font-family: Arial;
    font-weight: normal !important;
    font-size: 20px;
    line-height: 25px;
    color: #3c3d38;
    width: 100%;
    text-align: center;
    margin: 0 0 40px;
}

body.xmobile .section-login .section-login__wrapper #login-form form {
    padding: 0;
}

body.xmobile .section-login .section-login__wrapper #login-form form p.info {
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #3c3d38;
    margin: 0 0 25px;
}

body.xmobile .section-login .section-login__wrapper #login-form form td.title,
body.xmobile .section-login .section-login__wrapper #login-form form td.input {
    width: auto;
    display: table-cell;
    padding: 0;
}

body.xmobile .section-login .section-login__wrapper #login-form form label {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #3c3d38;
    text-align: right;
    display: block;
    box-sizing: border-box;
    min-height: 29px;
    padding: 0;
    position: relative;
    top: -4px;
    margin: 0 20px 0 0;
}

body.xmobile .section-login .section-login__wrapper #login-form form input {
    display: block;
    background-color: transparent;
    border: none !important;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #3c3d38;
    box-sizing: border-box;
    border-bottom: 1px solid #e3e5e2 !important;
    width: 200px;
    padding: 6px 8px 7px;
    margin: 0 0 20px;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}


body.xmobile .section-login .section-login__wrapper #login-form form input:focus {
    border-color: #ffcd02 !important;
}

body.xmobile .section-login .section-login__wrapper #login-form .formbuttons {
    margin: 20px 0 0 0;
}

body.xmobile .section-login .section-login__wrapper #login-form .formbuttons button {
    display: inline-block;
    width: auto !important;
    height: auto;
    background: #ffcd02;
    border: none !important;
    font-family: Arial;
    font-weight: normal !important;
    font-size: 13px;
    line-height: 14px;
    color: #3e403b;
    text-align: center;
    border-radius: 3px !important;
    outline: none;
    position: relative;
    padding: 10px 0 9px;
    min-width: 162px;
    margin: 35px 0 0;
}

body.xmobile .section-login .section-login__wrapper #login-form .formbuttons button:after {
    content: '\f054';
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.xmobile .section-login .section-login__wrapper #login-form .links {
    margin: 30px 0 0;
}

body.xmobile .section-login .section-login__wrapper #login-form .links p {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3e403b;
}

body.xmobile .section-login .section-login__wrapper #login-form .links p a {
    font-weight: bold;
    color: #3e403b;
    text-decoration: none;
    border-bottom: 2px solid #ffcd02;
}

body.xmobile #mainscreen #mainscreencontent #composeview-right #composebodycontainer textarea {
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #3c3d38;
    padding: 10px;
}