@charset "utf-8";

* {
	font-family: "Open Sans", sans-serif;
}

body {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.48);
	/*font-size: 12px;*/
	color: rgba(0, 0, 0, 0.87);
}
md-input-container .hint {
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: grey;
}
.hint {
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: grey;
}

[md-whiteframe],
.bg-white,
.bg-white > md-content {
	background-color: white;
}

.a-little-bigger {
	font-size: 1.15em;
}

.a-little-more-bigger {
	font-size: 1.25em;
}

.a-little-smaller {
	font-size: 0.85em;
}

.a-little-more-smaller {
	font-size: 0.75em;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.italic {
	font-style: italic ! important;
}

.uppercase {
	text-transform: uppercase ! important;
}

.lowercase {
	text-transform: lowercase ! important;
}

.edit-mode {
	margin-left: 12px;
	margin-right: 12px;
}

.edit-mode .material-icons {
	color: #cccccc;
}
.edit-mode:hover .material-icons {
	color: #aaaaaa;
	cursor: pointer;
}


.error {
	background-color: rgba(255, 0, 0, 0.65) ! important;
	color: rgba(255, 255, 255, 0.95) ! important;
}

.valid {
	color: rgb(67, 191, 26) ! important;
}

.important {
	color: rgba(255, 0, 0, 0.87) ! important;
	font-weight: bold;
}





/*md-input-container .hint {*/
    /*position: absolute;*/
    /*left: 2px;*/
    /*right: 2px;*/
    /*/*bottom: -14px;*/*/
    /*font-size: 12px;*/
    /*line-height: 14px;*/
    /*transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);*/
    /*color: grey;*/
/*}*/




.material-icons.md-12 { font-size: 12px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }




/*
md-input-container .hint {
	position: absolute;
	left: 2px;
	right: auto;
	bottom: 7px;
	font-size: 12px;
	line-height: 14px;
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	color: grey;
}
md-input-container .hint.ng-hide,
md-input-container .hint.ng-enter,
md-input-container .hint.ng-leave.ng-leave-active {
	bottom: 26px;
	opacity: 0;
}
md-input-container .hint.ng-leave,
md-input-container .hint.ng-enter.ng-enter-active {
	bottom: 7px;
	opacity: 1;
}
*/





.autocomplete-custom-template li {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
}
.autocomplete-custom-template li:last-child {
  border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 2;
}