/*
    Benutzer-Style.

    Created: 06.01.2017, 05:00:04
    Author : Phil Schaffarzyk <phil.schaffarzyk@web.de>
             Aurel Spanier <spanier@maredata.de>
    Version: 0.5
*/
/********** LOGIN **********/
.login-card {
    margin: 20vh auto;
    background: rgba(255,255,255,0.96);
}

.login {
    background: url("../img/back-login.jpg");
    background-size: cover;
    background-position: center center;
}

/********** VIEW **********/
.user-general--content_contact {
    border-left: solid 4px #eee;
}

.user-general--content_contact ul.content_contact {
    padding: 5px;
    margin-left: 7px;
}

.user-general--content_contact ul.content_contact li {
    list-style: none;
    display: flex;
    vertical-align: middle;
    width: calc(100%);
    margin-left: 5px;
}

.user-avatar {
    display: block;
    max-width: 150px;
	margin: 20px auto;
    border-radius: 5px;
	box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.24);
}

/********** EDIT_PICTURE **********/
.mdl-button--file input {
  cursor: pointer;
  height: 100%;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 300px;
  z-index: 4;
}

.mdl-textfield--file .mdl-textfield__input {
  box-sizing: border-box;
  width: calc(100% - 32px);
}
.mdl-textfield--file .mdl-button--file {
  right: 0;
  top: 40px;
}