/* logo stuff to hide logo*/
#logo {
    display:none;
}

#layout-menu .popover-header {
    height: 10px;
    line-height: 10px;
    min-height: auto;
    border-bottom: 0!important;
}
/* ///// */
a.disabled:not(.btn) {
    opacity: .4;
}
html.layout-phone #layout-menu .popover-header {
    padding: 0 1rem;
    border-bottom: 1px solid #f1f3f4!important;
}
.popover .menu li a:not(.disabled):hover {
    color: #2c363a; 
    background-color: #e2f1ff;
}
.popover .menu .dropbutton a.dropdown {
    background-color: #fff;
}
.floating-action-buttons a.button {  
    /*background: #33a9e2;  compose button  */
    background: #fff;
    color:#2ea3ec;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,.4);
}
.floating-action-buttons a.button.compose:before {
    font-weight:400;
}
.floating-action-buttons a.button.compose:focus {
    outline:none;
    background: #e2f1ff;
}
html.layout-small .popover-header, html.layout-phone .popover-header {
    color: #222;
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f4!important;
    padding: 0 1em;
    height: 58px!important;
    line-height: 58px!important;
}
html.touch .popover .listing li a {
    padding: 0 1em;
}

a, a:visited {
    color: #248fd2;
}
p.image-attachment .attachment-links a:before, .quota-widget:before, .table-widget table.options-table td:not(:first-child) span:before, table.table th.checkbox-cell:before, a.button.icon:before, button.btn:before, .floating-action-buttons a.button:before, .ui-dialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before, .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before, .pgpkeyimport div.key label.keyid+a:before, .pgpkeyimport li.uid:before, .menu a:before, .popover .menu li a[aria-haspopup]:after, .searchbar form:before, .searchbar a:before, .ui.alert>i.icon:before, .listing td.action a:before, .listing.iconized li a:before, .listing.iconized li>i:before, .listing.iconized tr td:before, .listing.iconized.selectable li a:before, ul.treelist li div.treetoggle:before, .folderlist li a:before, .messagelist tr.thread td.threads div:before, .messagelist td.subject span.msgicon.status:before, .messagelist td.subject span.msgicon.status.replied.forwarded:after, .messagelist span.attachment span, .messagelist span.flagged:before, .messagelist tr.flaggedroot:not(:hover) span.unflagged:before, .messagelist tr:hover span.unflagged:before, .contactlist td.contact:before, .contactlist td.contactgroup:before, .contactlist li a:before, .attachmentslist li:before, .attachmentslist li a.cancelupload:before, .attachmentslist li a.delete:before, .keylist li:before, #identities-table td.mail:before, #responses-table td.name:before, #filterslist td.name:before, #filtersetslist td.name:before, .propform td.rowbuttons a:before, fieldset.advanced>legend:after, .input-group .icon:before, .multi-input a.icon.reset:before, .tagedit-list li.tagedit-listelement-old a:before, .mce-window .mce-window-head .mce-close:before, .mce-window .mce-foot .mce-container-body .mce-btn button:before, .mce-window .mce-foot .mce-search-foot div:nth-of-type(7) button:after, .mce-window .mce-checkbox i.mce-i-checkbox:before, .html-editor .mce-i-html:before, .html-editor .mce-i-plaintext:before, .googie_list li .googie_list_revert:before, .googie_list li .googie_add_to_dict:before, body.status-flagged #message-header .subject:before, #message-header .subject a.extwin:before, #message-header .short-header div.header-links a:before, .message-part blockquote span.blockquote-link:after, .message-htmlpart blockquote span.blockquote-link:after  {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
.listing li.selected, .listing tr.selected td {
    background-color: #e2f1ff;
}
ul.treelist li.selected>div>a, ul.treelist li.selected>a {
    background-color: #e2f1ff;
}

html:not(.touch) .listing li>a:focus, html:not(.touch) .listing.focus tbody tr.focused>td:first-child, html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused>td.selection+td {
    border-left: 2px solid #96ccff;  
}
a.button.icon.sidebar-menu:before, button.btn.sidebar-menu:before, a.button.icon.toolbar-menu-button:before, button.btn.toolbar-menu-button:before, a.button.icon.toolbar-list-button:before, button.btn.toolbar-list-button:before {
    font-weight: 400;
}
.messagelist tr.flagged td, .messagelist tr.flagged td.subject span.subject a, .messagelist tr.flagged td.subject span.date, .messagelist tr.flagged td.subject span.fromto {
    color: #e20400;
}
.btn {
    box-shadow: none!important;
}
.btn-primary {
    color: #fff;
    background: #248fd2;
    border-color: #248fd2;
}
.btn-primary:hover {
    background: #2ea3ec;
    border-color: #2ea3ec;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    background: #2ea3ec;
    border-color: #2ea3ec;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
   
}
.btn-secondary {
    background: #a5b3b9;
    border-color: #a5b3b9;
}
.popupmenu .listing li>a:not(.disabled):hover {
    color: #2c363a;
    background-color: #e2f1ff;
}
ul#responseslist {
    margin-top: 5px;
}
.mce-notification .mce-close {
    top: 3px!important;
    right: 5px!important;
    font-weight: normal!important;
    line-height: 30px!important;
    color: rgb(0 0 0 / 21%)!important;
    font-size: 30px!important;
    outline:none!important;
}
.mce-notification .mce-close:hover {
    color: rgb(0 0 0 / 60%)!important;
}
.mce-notification.mce-has-close {
    padding-right: 20px!important;
}
.menu.toolbar a.selected {
    color: #009afb;
}
.searchbar a.selected {
    color: #339fec;
}
.popover { 
   font-size:1rem;
}
.menu.toolbar .dropbutton a.dropdown:before {
    line-height: 58px;
    font-weight: 900;
}
.messagelist td.subject span.msgicon.status:before {
    font-weight: 900!important;
}

/* from contextmenu style.css */
div.contextmenu ul.toolbar a.rcmbutton>span.icon {
    font-size: 1rem !important; 
}
div.contextmenu ul.toolbar a.rcmbutton::after {
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 300 !important;
}

/* from style.css */
div.contextmenu a.cmd_plugin-contextmenu-collapseall::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
div.contextmenu a.cmd_plugin-contextmenu-expandall::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
div.contextmenu a.cmd_plugin-contextmenu-openextwin::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
div.contextmenu a.cmd_plugin-contextmenu-openinline::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
table.table th.checkbox-cell.alarm:before{
        font-weight:300;
}
a.button.icon.discard:before,button.btn.discard:before,a.button.icon.delete:before,button.btn.delete:before{
        font-weight:300;
}
a.button.icon.help:before,button.btn.help:before{
        font-weight:300;
}
a.button.icon.selection:before,button.btn.selection:before{
        font-weight:300;
}
.menu a.flag:before,.menu a.select.flagged:before{
        font-weight:300
}
.menu a.unflag:before{
        font-weight:300;
}
.menu a.read:before{
        font-weight:300;
}
.menu a.unread:before,.menu a.expand.unread:before,.menu a.select.unread:before{
        font-weight:300
}
.menu a.recipient:before{
        font-weight:300;
}
.menu a.save:before{
        font-weight:300;
}
.menu a.select.none:before{
        font-weight:300;
}
.menu a.select.page:before{
        font-weight:300;
}
.menu a.selection:before{
        font-weight:300!important;
}
.menu a.status:before{
        font-weight:300;
}
.searchbar a.unread:before{
        font-weight:300;
}
.listing.iconized li.addressbook a:before{
        font-weight:300;
}
.listing.iconized li.contactgroup a:before{
        font-weight:300;
}
.listing.iconized li.vacation>a:before{
        font-weight:300;
}
.listing.iconized li a.about:before{
        font-weight:300;
}
.listing.iconized tr.mailbox>td.section:before{
        font-weight:300;
}
.listing.iconized tr.folders>td.section:before{
        font-weight:300;
}
.folderlist li a:before{
        font-weight:300;
}
.folderlist li.inbox>a:before{
        font-weight:300;
}
.folderlist li.trash a:before{
        font-weight:300;
}
.folderlist li.trash.empty>a:before{
        font-weight:300;
}
.folderlist li.drafts a:before{
        font-weight:300;
}
.folderlist li.sent a:before{
        font-weight:300;
}
.folderlist li.junk a:before{
        font-weight:300;
}
.folderlist li.archive>a:before{
        font-weight:300;
}
.messagelist td.subject span.msgicon.status.unreadchildren:before{
        font-weight:300;
}
.messagelist td.subject span.msgicon.status.replied:before{
        font-weight:900;
        font-size: .9rem;
}
.messagelist td.subject span.msgicon.status.forwarded:before{
        font-weight:300;
        font-size: .9rem;
}
.messagelist td.subject span.msgicon.status.replied.forwarded:before{
        font-weight:300;
}
.messagelist td.subject span.msgicon.status.replied.forwarded:after{
        font-weight:300;
}
.messagelist tr.deleted td.subject span.msgicon.status:before{
        font-weight:300!important;
}
.messagelist span.attachment span.report:before{
        font-weight:300;
}
.messagelist span.attachment span.vcard:before{
        font-weight:300;
}
.messagelist tr:hover span.unflagged:before{
        font-weight:300;
}
.contactlist li a.addressbook::before{
        font-weight:300;
}
.contactlist li a.contactgroup::before{
        font-weight:300;
}
.attachmentslist li:before{
        font-weight:300;
}
.attachmentslist li.txt:before,.attachmentslist li.text:before{
        font-weight:300;
}
.attachmentslist li.pdf:before{
        font-weight:300;
}       
.attachmentslist li.odt:before,.attachmentslist li.doc:before,.attachmentslist li.docx:before,.attachmentslist li.msword:before{
        font-weight:300;
}
.attachmentslist li.ods:before,.attachmentslist li.xls:before,.attachmentslist li.xlsx:before,.attachmentslist li.msexcel:before{
        font-weight:300;
}
.attachmentslist li.rar:before,.attachmentslist li.zip:before,.attachmentslist li.gz:before{
        font-weight:300;
}       
.attachmentslist li.image:before,.attachmentslist li.jpg:before,.attachmentslist li.jpeg:before,.attachmentslist li.png:before{
        font-weight:300;
}
.attachmentslist li.mp3:before,.attachmentslist li.audio:before{
        font-weight:300;
}
.attachmentslist li.m4p:before,.attachmentslist li.video:before{
        font-weight:300;
}
.attachmentslist li.vcard:before{
        font-weight:300;
}
.attachmentslist li.html:before{
        font-weight:300;
}
.attachmentslist li.uploading:before{
        font-weight:300;
}

.unread td {
    font-weight: bold!important;
}
.messagelist td.subject {
    padding-top: 5px!important;
}
.messagelist td.subject span.fromto {
    color: inherit!important;
    padding-left: 1.34rem!important;
}
.messagelist td.subject span.date {
    color: inherit!important;
    font-weight: normal!important;
}
.messagelist td.subject span {
    line-height: 1.6em!important;
}
.messagelist td.subject span.fromto {
    font-size: 100%;
}
.messagelist td.subject span.msgicon.status.unread:before {
    color: #ff9007;
}
html:not(.touch) .listing li>a:focus, html:not(.touch) .listing.focus tbody tr.focused>td:first-child, html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused>td.selection+td {
    border-left-color: transparent;
}
.messagelist td.subject span.msgicon.status:hover:before {
    font-size: .6rem;
}
.custom-switch .custom-control-input:checked~.custom-control-label::before {
    border-color: #248fd2;
    background-color: #248fd2;
}
.custom-switch .custom-control-input:not(:disabled)~.custom-control-label:after, .custom-switch .custom-control-input:not(:disabled)~.custom-control-label:before {
    box-shadow: none!important;
}
.custom-switch .custom-control-input .custom-control-label:before {
    border-color:#000;
}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #adb5bd!important;
}
.form-control:focus, .recipient-input.focus {
    border-color: #59b4e0;
    box-shadow: 0 0 0 0.1rem rgb(55 190 255 / 21%);
}
.mce-tinymce.focused {
    border-color: #59b4e0!important;
    box-shadow: 0 0 0 0.1rem rgb(55 190 255 / 21%)!important;
}
.bs-popover-top .popover-header .cancel {
    font-size: 0;    
    float: left;
}
.bs-popover-top .popover-header .cancel:before {
    font-size: 20px;
    float:right;
}
.listing tr.selected td {
    border-bottom-color: #c1d7ea;
}

#message-header .header-links a.headers-summary::before {
    content: "\f077";
    font-weight: 700;
}
#message-header .header-links a.headers-details::before {
    content: "\f078";
}

@media screen and (min-width: 481px){
    #taskmenu .action-buttons a {
        color: #50c6ff;
    }
}

.popover-body .toolbarmenu li:hover {
    background: #e2f1ff;
}

@media screen and (max-width: 768px) {
    #layout>div>.header a.button:before {
         font-size: 1.4rem;
         margin: 0 .2rem;  
         height: 50px;
    }
    #layout>div>.header {
        line-height: 50px;
        height: 50px;
        min-height: 50px;
    }  
    #layout>div>.footer {
        background-color: #ffffff;
    }
    .messagelist td.subject {
        padding-top: 12px!important;
        padding-bottom: 8px;
    }
    .messagelist td.subject .subject {
        font-size: 110%;
    }
    .messagelist td.subject span.fromto {
        font-size: 125%!important;
    }
    .messagelist td.subject span.date {
        line-height: 2em!important;
    }
    .menu.toolbar a {
        max-width: 5rem;
    }
    #layout>div>.header .header-title {
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}


@media screen and (max-width:480px){
    .mce-menu .mce-menu-item.mce-menu-item-preview.mce-active:after{
        font-weight:900;
        font-weight:300;
    }
    .mce-menu .mce-menu-item.mce-menu-item-expand:after{
        font-weight:900;
        font-weight:300;
    }
    #taskmenu a {
        padding: 0 1em;
    }
    #messagestack {
        bottom: 4.7rem;
    }
    .ui-dialog .ui-dialog-content:not(.iframe) {
        padding: 3rem;
        font-size: 120%;
    }
    .ui-dialog .ui-dialog-title {
        font-size: 120%;
    }
    #messagestack {
        margin-left:25px;
        margin-right:25px;
    }

}