.fade-in {opacity: 1; transition: opacity 0.5s ease;}
.fade-out {opacity: 0; transition: opacity 0.5s ease;}
#selector {
    overflow: hidden; /* Hide the element content, while height = 0 */
    height: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;
}
#selector.visible {
    height: 100px; /* any measurable value, not "auto" */
    opacity: 1;
    transition: height 0ms 0ms, opacity 400ms 0ms;
}

main {
	/*margin-top: -35vh;
	flex-shrink: 0;*/
}

header .mdl-layout__header-row {
	padding-left: 40px;
	padding-right: 0px;
}

main div.mdl-grid {
	max-width: 1600px;
	width: calc(100% - 16px);
	margin: 0 auto;
}

main div.app-content {
	border-radius: 2px;
	padding: 80px 56px;
	margin-bottom: 80px;
}

main div.app-content div.breadcrumbs{ }

div.mdl-card.card-over[data-cards-element="card"] {
    border: 3px dotted #666;
    background: #eee;
}

dialog div[data-dialog-element="dataFields"] .mdl-textfield {
    width: 100%;
}

dialog .mdl-textfield {
    width: 100%;
}


.is-small-screen main div.app-content {
	padding: 40px 28px;
}

#selector {
    overflow: hidden; /* Hide the element content, while height = 0 */
    height: 0;
    opacity: 0;
    transition: height 0ms 400ms, opacity 400ms 0ms;
}
#selector.visible {
    height: 100px; /* any measurable value, not "auto" */
    opacity: 1;
    transition: height 0ms 0ms, opacity 400ms 0ms;
}

/* file input start */
.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;
}
/* file input end */

main div.app-content h3 {
/*	margin-top: 48px;*/
}

footer {
	padding-left: 40px;
}

footer .mdl-mini-footer--link-list a {
	font-size: 13px;
}