/* (//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); */
/*@import url(../v3/fa/css/fontawesome.min.css);*/

/* Put your custom styles here */
.somediv {

}

.evenrow1 {
    background-color: #ffffff;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

.evenrow1:hover {
    background-color: #fff8f8;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

.oddrow_public {
    background-color: #E0FFFF;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

.oddrow_public:hover {
    background-color: #F8F8FF;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

.oddrow_private {
    background-color: #E0F1F1;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

.oddrow_private:hover {
    background-color: #F8F8FF;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

.oddrow_saved {
    background-color: #E0F5F5;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

.oddrow_saved:hover {
    background-color: #F8F8FF;
    margin: 0;
    padding: 10px 5px 10px 10px;
    white-space: nowrap;
    overflow-x: hidden;
}

#showmaildivcontent {
    /*
     * using initial for all properties
     * to totally block inheritance
     */
    align-content: initial;
    align-items: initial;
    align-self: initial;
    alignment-baseline: initial;
    animation: initial;
    backface-visibility: initial;
    background: initial;
. . .
}

.round-button-on {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    cursor: pointer;
    color: #000;
    text-align: center;
    text-decoration: none;
    background: lightgreen;
    box-shadow: 0 0 3px gray;
    font-size: 13px;
}

.round-button-on:hover {
    background: green;
}

.round-button-off {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    cursor: pointer;
    color: #f6f6f6;
    text-align: center;
    text-decoration: none;
    background: darkred;
    box-shadow: 0 0 3px gray;
    font-size: 13px;
}

.round-button-off:hover {
    background: red;
}

#showmaildivcontent::before,
#showmaildivcontent::after,
#showmaildivcontent *,
#showmaildivcontent *::before,
#showmaildivcontent *::after {
    /*
     * using inherit for normally heritable properties,
     * and initial for the others, as unset does
     */
    align-content: initial;
    align-items: initial;
    align-self: initial;
. . . color : inherit;
. . .
}

.red {
    background-color: red;
}

/*** custom checkboxes ***/

input[type=checkbox] {
    display: none;
    color: #f00;
}

/* to hide the checkbox itself */
input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
}

input[type=checkbox] + label:before {
    content: "\f096";
}

/* unchecked icon */
input[type=checkbox] + label:before {
    letter-spacing: 10px;
}

/* space between checkbox and label */

input[type=checkbox]:checked + label:before {
    content: "\f046";
}

/* checked icon */
input[type=checkbox]:checked + label:before {
    letter-spacing: 5px;
}

.outermail {
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.innermail {
    overflow: hidden;
    padding: 8px 0 0 0;
    margin: 0;
}

.someviewport {
    overflow: auto;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    max-height: 100%;
    margin: 0 -100px 0 0;
    padding: 0 100px 0 0;
    height: 850px;
}