body,html{
	height:100%
}

md-datepicker{
	display: block;
}
.md-datepicker-input-container{
	flex: 1 1 0%;
    display: flex;
}
.md-datepicker-input-container>input{
	width: 100%;
    max-width: 100%;
}
form.row, .row.form{
	align-items: end;
}

.chip{
	display: inline-block;
	margin: 3px;
	padding: 3px 5px;
	color: #FFF;
	background: #CCC;
	border-radius: 8px;
}
.md-avatar {
	width: 48px;
	height: 48px;
	margin: 16px;
	border-radius: 48px;
	border: 1px solid #ddd;
	vertical-align: center;
}
.md-menu .md-button{
	display: flex;
}
.btn-group .md-button{
    margin: 2px -2px;
    padding: 0px;
    border: 0px;
}
.md-button .md-avatar{
	margin: 0px 8px 0px 0px;
}
table .md-avatar{
	margin: 0px;
}
md-icon{
    text-align: center;
    line-height: 24px;
    height: 24px;
}
.md-dialog-container{
	z-index: 79;
}
.table {
	width: 100%;
}
.table tr td, .table tr th{
	padding: 15px 5px;
}
.table.table-hover tr th{
	background: #EFEFEF;
}
.table.table-hover tr:hover td{
	background: #EEE;
}
.table.table-striped{
	background: #FFF;
}
.table.table-striped:nth-child(odd){
	background: #CCC;
}


.well{
	padding: 15px;
}
.thumbnail{
	width:150px;
	height:150px;
	line-height: 150px;
	margin: auto auto;
	text-align: center;
	vertical-align: middle;
}
.thumbnail>i{
	font-size:50px;
}

.nowrap{
	white-space: nowrap;
	overflow: hidden;
}
.largelist li{
	height: 100px;
	line-height: 100px;
}
.largelist li img{
	height: 80px;
	width: 80px;
	margin: 10px;
}
.md-virtual-repeat-container.md-not-found{
	height: 100px;
}


a{
	text-decoration: none;
	color: inherit;
}
.block{
	display:block;
}
.center{
	text-align:center;
}
.pull-left{
	float:left !important;
}
.pull-right{
	float:right !important;
}
.pull-right i{
	margin-right: 5px;
}
.hideInline{
	display: none;
}
.md-dialog-container .hideInline{
	display: inherit;
}
.hidden{
	display:none;
}
.parent:hover .hidden{
	display: block;
}
*[ng-click]{
	cursor: pointer;
}
md-icon.icon{
	display: initial;
}
md-toolbar md-input-container {
	top: 15px;
}
figcaption{
	width: 100%;
}
md-grid-list md-grid-tile{
	overflow: hidden;
}
.content{
	overflow: auto;
}
.md-button.md-block {
	width: 100%;
	margin: 0px;
}
md-menu-item md-menu{
	padding: 0px;
}

/*Colors*/
.white, .white *{
	color: #FFF !important;
}
.blue, .blue *{
	color: #2196f3 !important;
}
.red, .red *{
	color: #f32121 !important;
}
.purple, .purple *{
	color: #d421f3 !important;
}
.green, .green *{
	color: #49f321 !important;
}
.yellow, .yellow *{
	color: #f3ee21 !important;
}
.orange, .orange *{
	color: #f38d21 !important;
}







*:not(i){
	font-family: 'Open Sans', sans-serif;
}
.editor .editor *, .ace_editor, .ace_editor *{
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
}
.md-block md-icon{
	margin: 0px;
	right: 2px;
	left: auto;
}
img.stretch, img.fill{
	width: 100%;
}

/*MD Simple Page*/
.simple{
	background: #ccc;
	overflow: auto;
}
.simple > header{
	position: relative;
	height: 30vh;
	min-height: 150px;
	overflow: hidden;
}
.simple > header.small{
	height: 150px;
}
.simple > header.min{
	height: 75px;
	min-height: 75px;
}
.simple > header img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.simple > header .menu-icon{
	position: absolute;
	margin: 10px 0px;
	border-radius: 0px 5px 5px 0px;
	padding: 10px;
	font-size: 20px;
	z-index: 4;
}
.simple > section{
	position: relative;
	top: -83px;
	margin: 0px auto;
	width: 80%;
}
.simple > section.full{
	width: 98%;
}
.simple > section > .title{
	background: rgba(255,255,255,.5);
	height: 59px;
	line-height: 59px;
	text-align: center;
}
.simple > section > .title .icon{
	display: block;
	width: 59px;
	height: 59px;
	line-height: 59px;
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
	margin: 0px 2px;
    flex-shrink: 0;
}
.simple > section > .title .icon.md-menu a{
	display: block;
	width: 59px;
	height: 59px;
	line-height: 59px;
}
.simple > section > .title.layout-row{
	height: 75px;
	line-height: 75px;
}
.simple > section > .title h1, .simple > section > .title .t2{
	margin: 0px;
	font-weight: 300;
	font-size: 40px;
	line-height: 60px;
}
.simple md-content{
	min-height: 50vh;
	background: #FFF;
}
.simple md-list p{
	font-size: medium!important;
	line-height: 1.5;
}


/*OTHER*/
#feedback{
	position: fixed;
	bottom: 15px;
	right: 30px;
	background: #003;
	color: #EEE;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px #000;
}
@media (max-width: 600px) {
	#feedback{
		right: -100px;
	}
	#feedback:hover{
		right: 0px;
	}
	.simple section{
		width: 100%;
		padding: 0px;
	}
	.simple > header {
	    position: relative;
	    height: 150px;
	    min-height: 150px;
	    overflow: hidden;
	}
	.simple > section > .title.layout-row {
	    height: 46px;
	    line-height: 46px;
	}
	.simple > section > .title h1, .simple > section > .title .t2 {
	    margin: 0px;
	    font-weight: 300;
	    font-size: 22px;
	    line-height: 30px;
	}
	.simple > section > .title .icon {
	    display: block;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    background: #ffffff80;
	    border-radius: 5px;
	    margin: 0px 2px;
	    flex-shrink: 0;
	}
	.simple > section > .title .icon.md-menu a {
	    display: block;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	}
}

.site-edit{
	display: none;
}
@media(max-width:500px){
	.site-edit{
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		padding: 5px;
		box-sizing: border-box;
	}
}