/* @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono');
@import url('https://fonts.googleapis.com/css?family=Raleway'); */

@font-face {
    font-family: 'Source Sans Pro';
    src: url('appfonts/SourceSansPro-Regular.ttf');
}


body {
    font-family: 'Source Sans Pro', sans-serif;
}

.content {
    margin-top: 10px;
}

.actions {
    border-bottom: 3px solid #ccc;
    padding: 2px 10px;
}

.mail-subject {
    background: thistle;
    padding: 5px;
}

.mail-info {
    border: 1px solid steelblue;
    padding: 2px 5px;
    margin-bottom: 4px;
    cursor: pointer;
}

.mail-info:hover{
    background-color: #eee;
}

.mail-info .from {
    color: red;
}

.mail-info .subject {
    color: green;
}

.mail {
    padding: 5px 15px;
    border: 1px solid black;
}

.table-field {
    margin-bottom: 10px;
    padding: 2px 10px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ccc;
}