body {
    margin: 0;
}

a img{
    border: 0px;
}

::-moz-selection {
    background-color: #a90047;
    color: #fff;
}

::selection {
    background-color: #a90047;
    color: #fff;
}

.recco-header .mdl-menu__container {
    z-index: 50;
    margin: 0 !important;
}

.recco-mobile-title {
    display: none !important;
}

.recco-logo-image {
    height: 100%;
}

.recco-header .material-icons {
    color: #767777 !important;
}

.recco-header .mdl-layout__drawer-button {
    background: transparent;
    color: #767777;
}

.recco-header .mdl-navigation__link {
    color: #757575;
    font-weight: 700;
    font-size: 14px;
}

.recco-navigation-container {
    /* Simple hack to make the overflow happen to the left instead... */
    direction: rtl;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 500px;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.recco-navigation {
    /* ... and now make sure the content is actually LTR */
    direction: ltr;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 800px;
}

.recco-navigation .mdl-navigation__link {
    display: inline-block;
    height: 60px;
    line-height: 68px;
    background-color: transparent !important;
    border-bottom: 4px solid transparent;
}

.recco-navigation .mdl-navigation__link:hover {
    border-bottom: 4px solid #a90047;
}

.recco-fab{
    background-color: #a90047!important;
}

.recco-button{
    background-color: #a90047!important;
}

.md-input-focused label,
.md-input-focused md-icon{
    color: #a90047!important;
}
.md-input-focused input{
    border-bottom-color: #a90047!important;
}

.recco-more-button {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}


.recco-drawer {
    border-right: none;
}

.recco-drawer-separator {
    height: 1px;
    background-color: #dcdcdc;
    margin: 8px 0;
}

.recco-drawer .mdl-navigation__link.mdl-navigation__link {
    font-size: 14px;
    color: #757575;
}

.recco-drawer span.mdl-navigation__link.mdl-navigation__link {
    color: #a90047;
}

.recco-drawer .mdl-layout-title {
    position: relative;
    background: #a90047;
    height: 160px;
}

.recco-drawer .recco-logo-image {
    position: absolute;
    bottom: 16px;
}

.recco-content{
    background-color: #fafafa;
    padding:10px;
}

.recco_card_title{
    border-bottom: 1px solid #a90047;
    text-align: center;
}
.recco-toolbar{
    background-color:#a90047!important;
}
.recco_card_title .mdl-card__title-text{
    color: #a90047;
    font-size:15px;
    font-weight: 500;
}
.md-title{
    color: #a90047;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 3px;
}

.dash{
    color: #a90047!important;
}

.dash-item{
    float:left;
}

.preferencialsim,
.vendeusim{
    color: #009688;
}
.preferencialsim i,
.vendeusim i{
    background-color:#009688!important;
}

.preferencialnao,
.vendeunao{
    color: #F44336;
}

.preferencialnao i,
.vendeunao i{
    background-color:#F44336!important;
}

.generom{
    color: #9C27B0;
}
.generoh{
    color: #3F51B5;
}

.vendedor-unselected,
.genero-unselected,
.vendeu-unselected,
.preferencial-unselected{
    opacity: 0.2;
}

.recco-chips span{
    font-size: 11px;
}

.acompanhantes-list,
.motivo-list,
.obs-list{
    float:left;
    margin: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}
.motivo-list{
    background: #FF5722;
}

.motivo-list-selected{
    background: #BF360C;
}

.acompanhantes-list{
    background: #9575CD;
}

.acompanhantes-list-selected{
    background: #673AB7;
}

.quemestaai{
    background-color: #a90047!important;
    color: #fff!important;
}

.mdl-data-table {
    white-space: normal;
}
.table-result{
    width: 100%;
}
.table-observacao{
    white-space: initial;
}
.table-observacao span{
    font-size: 11px;
    margin-right: 10px;
    white-space: nowrap;
}

.logincontent{
    background: #fafafa;
}
.loginbox{
    max-width: 90%;
    width: 500px;
}

md-content{
    padding-bottom: 100px;
}

.generoavatar{
    width:24px;
    height:24px;
}

.obstag{
    display: inline-block;
    white-space: nowrap;
    border-radius: 10px;
    background-color: #d8d8d8;
    padding:3px;
    font-size: 11px;
    margin: 3px;
}
/**** Mobile layout ****/
@media (max-width: 750px) {
    .dash-item,
    .acompanhantes-list,
    .motivo-list,
    .obs-list{
        float:none;
    }

    .recco-navigation-container {
        display: none;
    }

    .recco-title {
        display: none !important;
    }

    .recco-mobile-title {
        display: block !important;
        position: absolute;
        left: calc(50% - 70px);
        top: 0px;
        transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.nickName{
	float: right;
	font-weight: bold;
}