@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Material+Icons);

* {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

body {
    background: #F8F8F8;
}

.scrollList {
    flex-grow: 1;
    overflow: auto;
}

.mdl-cell.top-component {
    margin: 30px auto 30px auto;
}

.email-input {
    width: 50%;
    height: 20px;
    margin: 10px;
}

.form-input {
    padding: 12px;
    min-width: 200px;
    margin: auto;
    flex-grow: 1;

}

.mdl-card {
    min-height: 160px;
    display: inline-block;
}

.grupogl {
    /*background-image:url("../images/fox-logo.png");*/
    /*height: 45px;*/
    background-image: url("../images/logo_grupogl.png");
    background-size: cover;
    resize: both;
    margin: 12px;
}

.expand {
    box-sizing: border-box;
    width: 50%; /* or less */
    display: inline-block;
    overflow: auto;
    max-height: 200px;
    vertical-align: top;
}

.notes-area {
    width: 90%;
    resize: none;
    outline: none;
    border: 1px solid #888;
}

.compact {
    margin: 8px 0 0;
}

.filter {
    margin: auto;
    text-align: right;
}

.row {
    min-width: 150px;
}

.center-icon {
    vertical-align: middle;
}

.dateTime {
    display: flex;
    align-items: center;
}

.container {
    display: inline-block;
    position: relative;
    margin: 5px;
}

.dealer_logo_img {
    height: auto;
    width: 100%;
}

.img_button {
    top: 2px;
    right: 4px;
    position: absolute;
}