html, body {
	background-image: url('/img/background.png');
}

h1 {
	margin-bottom:20px;
	text-align: center;
	color: #706f6f;
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 400;
}

.font-weight-bold {
	font-weight: 600;
}

.bg-white {
	background-color: white;
}

.flex {
	display: flex;
}

.justify-end {
	justify-content: flex-end;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.font-bold {
	font-weight: bold;
}

.font-normal {
	font-weight: normal;
}

.p-1 {padding : 3px;}
.p-2 {padding : 6px;}
.p-3 {padding : 9px;}
.mr-1 {margin-right : 3px;}
.mr-2 {margin-right : 6px;}

.basis-10 { flex-basis: 10%; }
.basis-20 { flex-basis: 20%; }
.basis-30 { flex-basis: 30%; }
.basis-40 { flex-basis: 40%; }
.basis-50 { flex-basis: 50%; }
.basis-60 { flex-basis: 60%; }
.basis-70 { flex-basis: 70%; }
.basis-80 { flex-basis: 80%; }
.basis-90 { flex-basis: 90%; }
.basis-100 { flex-basis: 100%; }

.d-block {
	display:block;
}

.list-header h1,
.list-header h4 {
	float:left;
}

.dropdown-menu {
	font-size: 12px;
}

.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > a::after {
	display: block;
	content: "";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-left-color: #fff;
	margin-top: 6px;
	margin-right: -10px;
}
.dropdown-submenu > ul.dropdown-menu {
	background-color: #eb5c27;
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 5px;
}

.header-name-section {
	padding:15px;
}

.header-name-section a {
	color: #706f6f;
}

.header-name-section a:hover {
	color: #fff;
	text-decoration: none;
}

.list-header .add-button-section {
	margin-top:10px;
	margin-bottom:10px;
}

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

.sign-in-section {
	margin:100px auto;
	max-width:350px;
}

.forgot-password-section {
	margin:100px auto;
	max-width:350px;
}

.pagination-col {
	margin-top:20px;
	margin-bottom:5px;
	font-size: 1.5em;
	text-align: right;
}

.filters-rows {
	margin-top:10px;
	font-size:0.9em;
}

.filter-name {
	float:left;
	width:15%;
}

.filter-options {
	padding-left:0;
	width:85%;
	float:left;
	margin-bottom: 0px;
}

.filter-options:after {
	clear: both;
}

.filter-options li {
	display:inline-block;
	margin-right:10px;
}

.filters-section > .row {
	margin-bottom:10px;
}

.filter-options ul {
	padding-left: 0;
	margin-bottom: 0;
}

.sub-section {
	display: none;
}

.form-question-separator {
	height:2px;
	background-color: #aaa;
	margin:20px 0;
	margin-top:30px;
}

.faded {
	opacity: 0.5;
}

.sm-font {
	font-size: 0.9em;
}

.xs-font {
	font-size: 0.75em;
}

.xsm-font {
	font-size: 0.8em;
}

.spacer {
	margin-bottom:10px;
}

.tm-spacer {
	margin-top:15px;
}

.tl-spacer {
	margin-top:30px;
}

.tvl-spacer {
	margin-top:50px;
}

.ts-spacer {
	margin-top:5px;
}

.bvl-spacer {
	margin-bottom:50px;
}

.bl-spacer {
	margin-bottom:30px;
}

.bm-spacer {
	margin-bottom:15px;
}

.bs-spacer {
	margin-bottom:5px;
}

.navbar-header .pull-left{
	margin-right:10px;
}

.alert {
	margin-top:30px;
}

.clear {
	clear: both;
}

.radio-column {
	padding-left:0;
	padding-top:5px;
	font-weight: normal;
	height:30px;
}

.template-preview {
	border:1px solid black;
	min-height:500px;
	padding:10px;
	width:100%;
}

.form-horizontal .form-info {
		padding-top: 7px;
		margin-bottom: 0;
}

.form-horizontal .form-info label {
	font-weight: normal;
}

.row-no-margin {
	margin:0;
}

.row-no-margin > div,
.row-no-margin > label {
	padding-left:0;
	padding-right:0;
}

.institution-map {
	width:100%;
	height:300px;
	display:flex;
	justify-content:center;
	align-items:center;
}

@media (min-width: 768px) {
	.main-member-menu {
		display: flex;
		justify-content: center;
	}
}

.member-home-page {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.member-square-option {
	margin:10px 10px;
	font-size: 22px;
	text-align:center;
}

.member-square-option span {
	display: block;
	font-weight: normal;
	font-size: 0.8em;
	margin:10px;
}

.member-square-option a {
	background-size: contain;
	color:white !important;
	text-decoration: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width:300px;
	height:300px;
}

.member-square-option:nth-child(even) a {
	background-image:url('/img/square-orange.jpg');
}

.member-square-option:nth-child(odd) a {
	background-image:url('/img/square-gray.png');
}

.member-square-option:nth-child(odd) a:hover {
	background-color:#636262;
	background-image:none;
}

.member-square-option:nth-child(even) a:hover {
	background-color:#e94e0b;
	background-image:none;
}

.square-empty {
	padding-top:160px;
	width:360px;
	height:360px;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
}


.well {
	background-image: linear-gradient(to bottom,#fff 0,#f5f5f5 100%);
}

.map-container {
	width:800px;
	height:600px;
	border:1px solid black;
	margin:20px auto;
}

#map-markers .well {
	height:150px
}

/*
 * Global add-ons
 */

.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
	border: 0;
}

.main-logo-container {
	padding-top:10px;
}

.main {
	padding: 20px;
}

.navbar-nav > li > .dropdown-menu {
	background-color: #eb5c27;
	color:white;
}

.text-gris-orange {
	color: #eb5c27;
}

.main-member-menu {
	background-color: #eb5c27;
	margin-bottom: 20px;
	line-height: 15px;
	color: #ffffff;
	font-size:12px;
	position: relative;
}

.main-member-menu a {
	color:white;
	text-transform: uppercase;
}

.navbar-nav > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu a {
	color:white !important;
}

.main-member-menu li > a:hover,
.main-member-menu a:hover,
.main-member-menu a:active,
.nav .open > a {
	font-size: 12px;
	background-color: transparent !important;
	text-shadow : 0 0 5px black;
}

@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.main .page-header {
	margin-top: 0;
}

.container-sm {
	width: 700px;
	margin:0 auto;
}

.container-xsm {
	width: 500px;
	margin:0 auto;
}

.sheet {
	width:800px;
	font-family: Arial;
	font-size: 14px;
}

.sheet table {
	border-collapse: collapse;
}

.sheet h1 {
	font-size:1.8em;
	text-align: center;
}

.sheet-box h2 {
	font-size:1.2em;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
}

.sheet table td {
	border:1px solid #aaa;
	padding:2px;
}

.sheet-box {
	border:2px solid black;
	padding:10px;
	background-color:white;
}

.pagination-no-marging ul {
	padding:0;
	margin:0;
}

.show-on-print {
	display: none;
}

.question-edit-page .hidden-question-choice {
	display: none;
}

.form-container .question-line label {
	font-weight: normal;
}

div.question-line {
	margin-top:30px;
}

.darker-placeholder ::placeholder {
	color:rgba(0, 0, 0, 1);
	opacity:1;
}

@media print {
	h1 {
		font-size: 1.4em !important;
		font-weight: bold;
	}

	button {
		display:none;
	}

	input {
		display:none;
	}

	.sidebar {
		display: none;
	}

	.main {
		margin-left: 0;
		width: 800px !important;
		padding:0 !important;
	}

	a[href]:after {
		content: none;
	}

	button {
		display: none !important;
	}

	.form-horizontal {
		display: none;
	}

	.smaller-when-printing {
		font-size: 0.7em !important;
	}

	.show-on-print {
		display: block;
	}

	td.show-on-print {
		display: table-cell;
	}

	.hide-on-print {
		width: 0;
		display: none;
	}

	.right-pagination {
		display: none;
	}

	.alert-success {
		display: none;
	}
}

.absolute-bottom {
	position: absolute;
	bottom: 10px;
}

.chat-input {
	width:100%;
	min-height:40px;
}

.chat-container .chat-left-col {
	background-color:#fff;
	padding:0;
	height: 55vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.chat-container .offset-unread-line {
	border-top:1px solid #aaa;
	position: absolute !important;
	width: 100%;
	opacity:0;
	animation: fadeIn 1s linear 1s 1 forwards normal;
}

@keyframes fadeIn {
    100%{
        opacity: 1;
    }
}


@keyframes successGlow {
    0%{
		background-color: rgba(50, 180, 0, 0);
    }
	50%{
		background-color: rgba(50, 220, 50, 0.7);
    }
	100%{
		background-color: rgba(50, 180, 50, 0);
    }
}

.bg-success-glow {
	animation: successGlow linear 2s 1 forwards normal;
}

.chat-container .other-member-container {
	padding:10px;
}

.chat-container #section-list > div {
	padding-left:10px;
}

.chat-container {
	clear:both;
}

.chat-container #section-list > :nth-child(even) {
	background-color:#fff;
}

.chat-container #section-list > :nth-child(odd) {
	background-color:#ddd;
}

#chat-option-container {
	clear:both;
	width:100%;
}

#chat-entry-line {
	margin-bottom:20px;
	background-color:#fff;
}

#chat-option-line {
	padding:10px;
	background-color: #fff;
	display:flex;
	justify-content: space-between;
}

#chat-option-profile-link,
#chat-option-delete-msg-link {
	display: none;
}

#message-list {
	flex-grow: 0;
	overflow: hidden;
	overflow-y: auto;
	background-color:#eee;
	height: 55vh;
	box-sizing: border-box;
	padding:20px 10px 10px;
}

#message-list > div {
	position:relative;
}

#message-list .by-you :first-child,
#message-list .to-you :first-child {
	display: inline-block;
	color:white;
	padding:10px;
	border-radius: 3px;
	min-width: 100px;
	margin-bottom:40px;
}

#message-list div.chat-author {
	position: absolute;
	top:-18px;
	font-size: 0.8em;
	color:#888;
}

#message-list .by-you div.chat-author {
	right:0;
}

#message-list .to-you div.chat-author {
	left:0;
}

#message-list .by-you {
	text-align: right;
}

#message-list .bg-by-you {
	background-color: #eb5c27;
}

#message-list .bg-to-you {
	background-color: #777;
}

#message-list .to-you {
	text-align: left;
}