/** cPanel button - completely hidden from sidebar **/
#taskmenu a.button-cpwebmail {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}


#toolbar-list-menu li a.button-cptrashempty {
    display: none;
}

#toolbar-list-menu li a.button-cptrashempty::before {
    font-size: 1.25em;
    display: block;
    font-family: Icons;
    font-style: normal;
    text-decoration: inherit;
    text-align: top;
    font-weight:900;
    content:"\f794";
}

.minimal #topnav {
    height: 43px;
}

.minimal #taskbar a {
    height: 25px;
}

.minimal #taskmenu a.button-cpwebmail span.button-inner {
    background-size: 60%;
}

@media screen and (max-width: 480px) {
    #taskmenu a.button-cpwebmail {
        text-align: left;
        height: 47px;
        background-size: 10%;
        background-position-y: 11px;
        background-position-x: 9px;
        width: 100%;
    }

    #taskmenu a.button-cpwebmail > span {
        display: inline-block;
        width: 100px;
        line-height: 16px;
        margin-top: 6px;
        white-space: normal;
    }

    html.layout-small .popover-header,
    html.layout-phone .popover-header {
        background-color: #0075c8 !important;
    }

    /* Fix bug */
    html.layout-phone .popover-overlay {
        z-index: inherit;
    }
}

@media screen and (min-width: 481px) {
    #layout-menu {
        background-color: #F4F4F4;
    }

    #layout-menu .popover-header {
        background-color: #5ACBFC !important;
    }

    #taskmenu a.selected,
    #taskmenu a.selected:hover,
    #taskmenu a:hover,
    #taskmenu .action-buttons a:hover,
    #taskmenu a:focus {
        background-color: #E8F5FF;
    }

    #taskmenu .special-buttons {
        background-color: #F4F4F4;
    }
}

/* this mirrors the styles for the other buttons */
@media screen and (max-width: 1024px) and (min-width: 481px) {
    #taskmenu a.button-cpwebmail {
        width: 42px;
        height: 42px;
    }

    #taskmenu a.button-cpwebmail {
        background-size: 50%;
        background-position: center;
    }
}

/* this mirrors the styles for the other buttons */
@media screen and (max-height: 640px) and (min-width: 769px) {
    #taskmenu a.button-cpwebmail {
        height: 42px;
        width: 100%;
        background-size: 50%;
        background-position: center;
    }
}