html {
    margin-bottom: 85px;
}

body {
	-webkit-font-smoothing:antialiased
}
div.container {
	font-family: 'Merriweather', serif;
	font-size:1.15em;
}
@media (max-width:800px) {
	div.desktop-only {
		display:none !important;
	}
}
.form input.ng-invalid.ng-touched {
	border-color: rgba(229, 103, 23, 0.8);
	box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6);
    outline: 0 none;
}

.tags .tag {
	display: inline-block;
	margin-right: 5px;
	font-weight: normal;
}
.tags .tag a {
	color:white;
	font-weight: normal;
}
  
.tag .close {
	margin-left: 5px;
	font-size: 1em;
	font-weight: normal;
}

ul.dropdown-menu li {
	padding:4px;
}

.formgrid {
	margin-top:10px;
}
.formgrid .progress-bar {
	margin-top:5px;
}
#overlay {
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	background-color: rgba(255,255,255,0.6);
}
#overlay > div {
	display:table-cell;
	vertical-align:middle;
	text-align:center
}
#overlay_spinner {
	background-color:rgba(255,255,255,0.6);
	width:80px;
	padding:5px;
	margin:auto;
}

/* bootstrap modified */

.navbar-inverse.navbar-purple {
    background-color: #4a148c;
}
.navbar-inverse.navbar-purple .navbar-nav>.open>a,
.navbar-inverse.navbar-purple .navbar-nav>.open>a:focus,
.navbar-inverse.navbar-purple .navbar-nav>.open>a:hover {
    background-color: #634f89;
}
.navbar-inverse.navbar-purple .dropdown-menu {
    background-color:#e6ceff;
}
.navbar-inverse.navbar-purple .dropdown-menu li a:hover{
    background-color: #937dbb;
    color:white;
}
button.btn-outline,a.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}
a.btn-primary.btn-outline,.btn-primary.btn-outline {
    color: purple;
    border-color:purple;
}
.btn-primary.btn-outline:hover,.btn-primary.btn-outline:focus {
    color: #fff;
    background-color: #4a148c;
}
dir-pagination-controls.purple .pagination>.active>a, 
dir-pagination-controls .pagination>.active>span, 
dir-pagination-controls .pagination>.active>span:focus, 
dir-pagination-controls .pagination>.active>span:hover {
    color: #fff;
    background-color: #4a148c;
    border-color: #4a148c;
    cursor: pointer;
}
dir-pagination-controls .pagination>.active>a:focus, 
dir-pagination-controls .pagination>.active>a:hover {
    color: #fff;
    background-color: #634f89;
    border-color: #4a148c;
    cursor: pointer;
}
.form-control:focus {
	border-color: violet;
}
a.grey {
	color:#7f3f7f;
}
a.grey:hover {
	color:#4a148c;
}
.tags .tag.label.label-primary {
	background-color: purple;
}
.tags .tag.label.label-default {
	background-color: #937dbb;
}
.panel.panel-info-purple .panel-heading{
	background-color: #836fa9;
	color: white;
}