/*
 * Copyright © 2000-2020 ANTEE s.r.o., All rights reserved. Confidential.
 */
/****** variables *******/
/******* colors *********/
.minimal #header {
    background-position: 10px 10px;
    border-top: 4px solid #aa131e;
}

.minimal #header #topline {
    background: #aa131e;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.minimal #header #topnav {
    top: 0;
}

.minimal #header #topnav #taskbar a:hover .tooltip {
    top: 33px;
}

#header #topline {
    height: 20px;
    background: #aa131e;
    color: #ffffff;
    border-bottom: none;
}

#header #topline a {
    color: #ffffff;
    text-decoration: underline;
}

#header #topline a:hover {
    text-decoration: none;
}

#header #topnav {
    background: none;
    height: auto;
    min-height: 105px;
    margin: 0;
    padding: 0;
    top: 0;
    overflow: hidden;
}

#header #topnav #taskbar {
    position: relative;
    padding-left: 75px;
    min-height: 53px;
    background: rgba(0, 0, 0, 0) url('images/background-top.png') 0 0 no-repeat;
    overflow: hidden;
    padding-bottom: 50px;
}

#header #topnav #taskbar a {
    color: #ffffff;
    padding: 5px 10px 0px 6px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: normal;
    font-size: 1.1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

#header #topnav #taskbar a.button-selected,
#header #topnav #taskbar a:hover {
    background-color: #e0e1e2;
    color: #333;
}

#header #topnav #toplogo {
    z-index: 3;
    margin: 15px;
    max-height: 90px;
    position: absolute;
}

.voice {
    display: none;
}

#mainscreen #messagesearchtools {
    width: auto;
}

#mainscreen #messagesearchtools #searchfilter {
    position: relative;
    right: 0;
    top: 0;
    float: left;
}

#mainscreen #messagesearchtools #quicksearchbar {
    position: relative;
    right: 0;
    top: 0;
    float: left;
    padding: 0;
    width: 190px;
}

#mainscreen #messagesearchtools #quicksearchbar.searchbox input,
#mainscreen #messagesearchtools #quicksearchbar input {
    width: 100%;
    height: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainscreen #messagesearchtools:after {
    content: ' ';
    display: block;
    height: 1px;
    visibility: hidden;
    clear: both;
}

#mainscreen #messagetoolbar a {
    margin: 0 0.6em;
}

#mainscreen #messagetoolbar a:not(.disabled):hover,
#mainscreen #addressbooktoolbar a:not(.disabled):hover,
#mainscreen #keystoolbar a:not(.disabled):hover {
    color: #aa131e;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

#mainscreen #messagetoolbar .spacer {
    display: none;
}

#mainscreen .uibox {
    border: 1px solid #bfbfbf;
}

#mainscreen .uibox .boxtitle,
#mainscreen .uibox .listing thead td {
    border-bottom: 1px solid #bfbfbf;
    border-radius: 2px 2px 0 0;
    filter: none;
    background-color: #f3f3f3;
    color: #aa131e;
}

#mainscreen #mailview-left #mailboxlist li.mailbox .unreadcount {
    top: 4px;
    color: #545454;
    background: #ffffff;
}

#mainscreen #mailview-left #mailboxlist li.mailbox.selected a .unreadcount {
    background: #ffffff;
    color: #000000;
    border-color: transparent;
}

#mainscreen #mailview-left #mailboxlist li.recent a {
    color: black;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table {
    border: none;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table thead th {
    color: #fff;
    filter: none;
    background-color: #8e8e8e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#717171));
    background: -moz-linear-gradient(top, #8e8e8e 0%, #717171 100%);
    background: -webkit-linear-gradient(top, #8e8e8e 0%, #717171 100%);
    background: -o-linear-gradient(top, #8e8e8e 0%, #717171 100%);
    background: -ms-linear-gradient(top, #8e8e8e 0%, #717171 100%);
    background: linear-gradient(top, #8e8e8e 0%, #717171 100%);
    border-left: 0;
    padding: 4px 5px;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table thead th:first-child {
    border-radius: 3px 0 0 0;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table thead th a {
    font-weight: bold;
    display: block;
    color: #ffffff;
    padding: 7px 0;
    margin: 0;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table tbody tr.selected td {
    border-left-color: #ddd;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table tbody tr td {
    padding: 2px 3px;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table tbody tr td.status .msgicon.unread {
    background-position: 0 -1016px;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table tbody tr.selected td.status .msgicon.unread {
    background-position: -23px -1015px;
}

#mainscreen #mailview-right .messagelist tr th div.collapsed,
#mainscreen #mailview-right .messagelist tr th div.expanded,
#mainscreen #mailview-right .messagelist tr th.threads a.listmenu,
#mainscreen #mailview-right .messagelist tr th.attachment span.attachment,
#mainscreen #mailview-right .messagelist tr th.attachment span.report,
#mainscreen #mailview-right .messagelist tr th.priority span.priority,
#mainscreen #mailview-right .messagelist tr th.priority span.prio1,
#mainscreen #mailview-right .messagelist tr th.priority span.prio2,
#mainscreen #mailview-right .messagelist tr th.priority span.prio3,
#mainscreen #mailview-right .messagelist tr th.priority span.prio4,
#mainscreen #mailview-right .messagelist tr th.priority span.prio5,
#mainscreen #mailview-right .messagelist tr th.flag span.flagged,
#mainscreen #mailview-right .messagelist tr th.flag span.unflagged,
#mainscreen #mailview-right .messagelist tr th.flag span.unflagged:hover,
#mainscreen #mailview-right .messagelist tr th.status span.status,
#mainscreen #mailview-right .messagelist tr th.status span.msgicon,
#mainscreen #mailview-right .messagelist tr th.status span.deleted,
#mainscreen #mailview-right .messagelist tr th.status span.unread,
#mainscreen #mailview-right .messagelist tr th.status span.unreadchildren,
#mainscreen #mailview-right .messagelist tr th.subject span.msgicon,
#mainscreen #mailview-right .messagelist tr th.subject span.deleted,
#mainscreen #mailview-right .messagelist tr th.subject span.unread,
#mainscreen #mailview-right .messagelist tr th.subject span.replied,
#mainscreen #mailview-right .messagelist tr th.subject span.forwarded,
#mainscreen #mailview-right .messagelist tr th.subject span.unreadchildren {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 23px;
    padding: 0;
    background-image: url('images/listicons.png');
    background-repeat: no-repeat;
}

#mainscreen #mailview-right .messagelist tr td.status,
#mainscreen #mailview-right .messagelist tr td.flag,
#mainscreen #mailview-right .messagelist tr td.attachment {
    text-align: center;
}

#mainscreen #mailview-right #mailview-top .boxlistcontent table.records-table thead th a {
    padding: 0;
}

#mainscreen #mailview-right .messagelist tr th.threads a.listmenu,
#mainscreen #mailview-right .messagelist tr th.status span.status,
#mainscreen #mailview-right .messagelist tr th.flag span.flagged,
#mainscreen #mailview-right .messagelist tr th.attachment span.attachment {
    text-indent: -2000em;
}

#mainscreen #mailview-right .messagelist tr th.threads a.listmenu {
    background-position: 0 -976px;
    cursor: pointer;
    width: 26px;
    border-left: 0;
}

#mainscreen #mailview-right .messagelist thead th.sortedASC a,
#mainscreen #mailview-right .messagelist thead th.sortedDESC a {
    background: url('images/listicons.png') no-repeat scroll right -920px;
}

#mainscreen #mailview-right #messagelist .message.selected td,
#mainscreen #mailview-right #messagelist .message.unfocused td {
    background: #aa131e !important;
}

#mainscreen #mailview-right #messagelist .message.selected td:first-child,
#mainscreen #mailview-right #messagelist .message.focused td:first-child,
#mainscreen #mailview-right #messagelist .message.unfocused td:first-child {
    border-left: 0;
}

#mainscreen #composeview-left #compose-contacts #composequicksearch {
    background-color: #ededed;
}

#mainscreen #composeview-left #compose-contacts #directorylist {
    border-bottom: 4px solid #ededed;
}

#mainscreen #composeview-left #compose-contacts #contacts-table td {
    background-image: url('images/listicons.png');
    border-bottom: 1px solid #bfbfbf;
}

#mainscreen #composeview-left #compose-contacts .boxpagenav a.icon {
    background-image: url('images/buttons.png');
}

#mainscreen #composeview-right {
    /* hide additional options on compose msg
		#composeoptionstoggle {
			display: none;
		}
		#composeoptions {
			display: block !important;
		}
		#composeheaders {
			padding-left: 0;
		} */
}

#mainscreen #composeview-right .moreheaderstoggle {
    filter: none;
    background-color: #eaeaea;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c8c8c8));
    background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    width: 20px;
}

#mainscreen #composeview-right .moreheaderstoggle .iconlink {
    background-image: url('images/listicons.png');
    background-position: -3px -1887px;
    top: auto;
    bottom: 2px;
    left: 1px;
    width: 18px;
    height: 18px;
}

#mainscreen #composeview-right .moreheaderstoggle.remove .iconlink {
    background-position: -3px -1866px;
}

#mainscreen #composeview-right #composeview-bottom #compose-attachments.droptarget.active {
    border-color: #bfbfbf;
}

#mainscreen #composeview-right #composeview-bottom #compose-attachments.droptarget.hover {
    border-color: #bfbfbf;
    background-color: #ededed;
}

@media only screen and (max-width: 1200px) {
    #mainscreen #messagesearchtools {
        left: 230px;
        top: -50px;
        right: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .chrome.webkit #mainscreen #messagetoolbar .button.print {
        position: absolute;
        top: -50px;
        left: 0;
    }
    .chrome.webkit #mainscreen #messagetoolbar .button.print + .button {
        position: absolute;
        top: -50px;
        left: 66px;
    }
    .chrome.webkit #mainscreen #messagetoolbar .button.print + .button + .button {
        position: absolute;
        top: -50px;
        left: 132px;
    }
}

input[type="text"],
input[type="password"],
input.button,
textarea {
    background-color: #fff;
}

input[type="text"]:focus,
input[type="password"]:focus,
input.button:focus,
textarea:focus {
    border-color: #b2b2b2;
    outline: none;
}

a.button:focus,
input.button:focus,
a.button:hover,
input.button:hover,
a.button.mainaction:hover,
input.button.mainaction:hover,
a.button.mainaction:focus,
input.button.mainaction:focus {
    outline: none;
}

select {
    font-size: 1em;
    padding: 6px 4px;
    border-radius: 4px;
    border: 1px solid #b2b2b2;
    background-color: #fff;
}

select:focus {
    outline: none;
}

.listsearchbox {
    padding: 4px;
    display: none;
}

#folderslist .listsearchbox + .scroller {
    top: 34px;
}

input[type="submit"]:hover,
input[type="button"]:hover {
    cursor: pointer;
    background: #333;
}

.formbuttons input.button:hover,
.formbuttons input.button:focus {
    border-color: #b2b2b2;
    outline: none;
}

textarea#composebody:active,
textarea#composebody:focus {
}

.contactcontrolleraddress .contactfieldcontent input {
    margin-bottom: 0.3em;
}

.previewheader .moreheaderstoggle {
    filter: none;
    background-color: #eaeaea;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c8c8c8));
    background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%);
    width: 20px;
}

.previewheader .moreheaderstoggle .iconlink {
    background-image: url('images/listicons.png');
    background-position: -3px -1887px;
    top: auto;
    bottom: 2px;
    left: 1px;
    width: 18px;
    height: 18px;
}

.previewheader .moreheaderstoggle.remove .iconlink {
    background-position: -3px -1866px;
}

#mainscreen #addressbooktoolbar {
    left: 225px;
}

#mainscreen #directorylist li a,
#mainscreen #contacts-table .contact td.name {
    background-image: url('images/listicons.png');
}

#mainscreen #addressview-left .listing li {
    background-color: #ededed;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 0.2em;
}

#mainscreen #addressview-left .listing > .addressbook {
    border-bottom: 0;
}

#mainscreen #addressview-left .listing li ul {
    border-top: 1px solid #bfbfbf;
}

#mainscreen #addressview-left ul.treelist li div.treetoggle {
    background: url('images/listicons.png') -3px -144px no-repeat;
}

#mainscreen #addressview-left ul.treelist li div.treetoggle.expanded {
    background-position: -3px -168px;
}

#mainscreen #addressview-right #addresslist .listing .selected.focused td:first-child,
#mainscreen #addressview-right #addresslist .listing .selected td {
    border-left: none;
    background-color: #aa131e;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
    color: #FFFFFF;
}

#mainscreen #addressview-right #addresslist .boxpagenav a.icon {
    background-image: url('images/buttons.png');
}

#mainscreen #settings-sections span.password a {
    background-position: 6px -1795px;
}

#mainscreen #settings-sections span.password.selected a {
    background-position: 6px -1819px;
}

#mainscreen #settings-sections span.filter a {
    background-position: 6px -1746px;
}

#mainscreen #settings-sections span.filter.selected a {
    background-position: 6px -1770px;
}

#mainscreen #settings-sections span.responses a {
    background-position: 6px -238px;
}

#settings-sections .responses a {
    background-position: 6px -238px !important;
}

#mainscreen #settings-sections span.responses.selected a {
    background-position: 6px -262px;
}

#settings-tabs span.listitem a:hover {
    background-color: #DFDFDF;
}

#mainscreen .listbox {
    background: #fff;
}

#mainscreen .listbox .listitem {
    background-color: #ededed;
    border-top: none;
    border-top: 1px solid #bfbfbf;
    margin-top: -1px;
}

#mainscreen .listbox .listitem a {
    color: #000000;
    background-image: url('images/listicons.png');
}

#mainscreen .listbox .listitem.selected,
#mainscreen .listbox .listitem.selected > a {
    color: #ffffff;
    background-color: #aa131e;
    font-weight: bold;
}

#mainscreen .listbox .tablink {
    background-color: #ededed;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #bfbfbf;
}

#mainscreen .listbox .tablink a {
    background-image: url('images/listicons.png');
    color: #000000;
}

#mainscreen .listbox .tablink.selected,
#mainscreen .listbox .tablink.selected > a {
    color: #ffffff;
    background-color: #aa131e;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
}

#mainscreen .listing {
    background-color: #ededed;
}

#mainscreen .listing tbody tr td {
    background-color: #ededed;
    border-top: none;
    border-bottom: 1px solid #bfbfbf;
    color: #000000;
}

#mainscreen .listing tbody tr td.section {
    background-image: url('images/listicons.png');
    border-bottom: 1px solid #bfbfbf;
}

#mainscreen .listing tbody tr.unfocused td,
#mainscreen .listing tbody tr.selected td {
    color: #ffffff;
    background-color: #aa131e;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
}

#mainscreen .listing tbody tr.selected td a {
    color: #fff;
    font-weight: 400;
}

#mainscreen .listing tbody tr.droptarget td {
    background: #e8e798;
}

#mainscreen .listing li {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    background: none;
    margin-top: -1px;
}

#mainscreen #folderslist-content .listing li {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    margin-top: -1px;
}

#mainscreen .listing li.selected,
#mainscreen .listing li.selected > a,
#mainscreen .listing li.selected a:hover {
    color: #ffffff;
    background-color: #aa131e;
    font-weight: bold;
}

#mainscreen .listing li.droptarget {
    background: #e8e798;
}

.tabsbar .tablink.selected a {
    color: #aa131e;
}

#mainscreen .boxfooter {
    filter: none;
    background-color: #f3f3f3;
    border-top: 1px solid #bfbfbf;
}

#mainscreen .boxfooter .listbutton {
    border-right: transparent;
    background: transparent;
    float: left;
}

#mainscreen .boxfooter .listbutton.groupactions .inner {
    background-position: 5px -1382px;
}

#mainscreen .boxfooter .listbutton.add .inner {
    background-position: 10px -1301px;
}

#mainscreen .boxfooter .listbutton.delete .inner {
    background-position: 10px -1342px;
}

#mainscreen .boxfooter .listbutton.removegroup .inner {
    background-position: 5px -1540px;
}

#mainscreen .boxfooter .listbutton .inner {
    display: inline-block;
    width: 48px;
    height: 35px;
    text-indent: -5000px;
    background-image: url('images/buttons_2.png');
}

#mainscreen .boxfooter #quotadisplay {
    float: right;
    left: 0;
    padding-left: 30px;
    background: url('images/quota.png') -100px 0 no-repeat;
}

#mainscreen .boxfooter #quotadisplay.countdisplay {
    display: inline-block;
    position: relative;
    top: 10px;
    color: #666666;
}

#mainscreen .boxfooter .countdisplay {
    float: right;
    color: #666666;
}

ul.toolbarmenu li a.active:hover {
    background: #aa131e;
    cursor: pointer;
}

.googie_list td.googie_list_onhover,
#rcmKSearchpane ul li.selected,
select.decorated option:hover,
select.decorated option[selected='selected'] {
    background: #aa131e;
    cursor: pointer;
}

#messagestack div {
    filter: none;
    background-color: #8e8e8e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#717171));
    background: -moz-linear-gradient(top, #8e8e8e 0%, #717171 100%);
    background: -o-linear-gradient(top, #8e8e8e 0%, #717171 100%);
    background: -ms-linear-gradient(top, #8e8e8e 0%, #717171 100%);
    background: linear-gradient(top, #8e8e8e 0%, #717171 100%);
}

#messagestack div.confirmation,
#messagestack div.loading,
#messagestack div.warning,
#messagestack div.error,
#messagestack div.info {
    color: #ffffff;
}

.boxcontent div.rulerow:hover,
.boxcontent div.actionrow:hover {
    background-color: #aa131e;
    border: 1px solid #bfbfbf;
}

.boxcontent div.rulerow:hover td.rowtargets span,
.boxcontent div.actionrow:hover td.rowtargets span,
.boxcontent div.rulerow:hover span.label,
.boxcontent div.actionrow:hover span.label {
    color: white;
}

.boxcontent #rules .rulerow td.advbutton {
    vertical-align: bottom;
}

*:focus {
    outline: 0;
}

ul.toolbarmenu li span.filterlink {
    background-position: 0 -2174px;
}

body .ui-dialog .ui-dialog-titlebar-close.ui-button:focus,
body .ui-dialog .ui-dialog-titlebar-close.ui-button.ui-state-focus {
    box-shadow: none !important;
}
body .ui-button.ui-state-focus {
    box-shadow: none !important;
    border-color: #ccc !important;
}

.ui-widget-content .license a {
    color: #aa131e;
}
#mainscreen #settings-right .uibox.contentbox {
    top: 0;
}
*:focus {
    box-shadow: none;
}
#s_interval {
    margin: 3px 12px;
    padding: 2px 1px;
}
#mailboxlist li.mailbox.unread > a {
    padding-right: 50px;
}
.enigma #keystoolbar {
    left: 225px;
}
#settings-sections #settings-tabs .enigma.keys a,
#sectionslist #sections-table #rcmrowenigma .section {
    background-image: url("../img/enigma_icons.png");
    background-position: 7px -467px;
    background-repeat: no-repeat;
}
#settings-sections #settings-tabs .enigma.keys.selected a {
    background-position: 7px -447px;
}
#sectionslist #sections-table #rcmrowenigma .section {
    background-position: 5px -396px;
}
#sectionslist #sections-table #rcmrowenigma.selected .section {
    background-position: 5px -424px;
}
.folderlist li.mailbox ul {
    background: #ededed;
}