﻿
/* TeamMailWidget classes*/

.teammailwidget {
    white-space: nowrap;
    vertical-align: middle;
}

    .teammailwidget a.default-link {
        display: inline-block;
        vertical-align: middle;
    }

    .teammailwidget .dropbutton {
        padding: 0;
        margin: 0;
        min-width: 1.5em;
        height: 1.5em;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        font-size: inherit;
    }

    .teammailwidget .droplist {
        box-sizing: border-box;
        border: none;
        outline: 1px solid #c3c9cc;
        -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
           -moz-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
                box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
        border-radius: 5px;
        background-color: #fff;
        padding: 0;
        margin: 0;
        position: absolute;
        display: block;
        box-sizing: border-box;
        min-width: 200px;
        max-height: 500px;
        overflow: auto;
        z-index: 100;
    }
        .teammailwidget .droplist .droplist-item {
            padding: 3px;
        }
            .teammailwidget .droplist .droplist-item a.droplist-item-link {
                display: block;
                line-height: normal;
                padding: .4em .5em;
            }
            .teammailwidget .droplist .droplist-item a.droplist-item-link:hover {
                background: #f3f3f3;
            }
                .teammailwidget .droplist .droplist-item a.droplist-item-link:focus-within {
                    background: Highlight;
                    color: HighlightText !important;
                }
