/* CSS Document */

/**** FONTS ****/
@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/montserrat/Montserrat-regular.eot");
  src: url("../fonts/montserrat/Montserrat-regular.eot?#iefix") format("embedded-opentype"), local("Montserrat-Regular"), local("Montserrat-regular"), url("../fonts/montserrat/Montserrat-regular.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-regular.woff") format("woff"), url("../fonts/montserrat/Montserrat-regular.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-regular.svg#Montserrat") format("svg"); }
@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/montserrat/Montserratc-700.eot");
  src: url("../fonts/montserrat/Montserrat-700.eot?#iefix") format("embedded-opentype"), local("Montserrat-Bold"), local("Montserrat-700"), url("../fonts/montserrat/Montserrat-700.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-700.woff") format("woff"), url("../fonts/montserrat/Montserrat-700.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-700.svg#Montserrat") format("svg"); }
@font-face {
  font-family: 'Sorts Mill Goudy';
  src: url("../fonts/sorts-mill-goudy/GoudyStM-webfont.eot");
  src: url("../fonts/sorts-mill-goudy/GoudyStM-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sorts-mill-goudy/GoudyStM-webfont.woff") format("woff"), url("../fonts/sorts-mill-goudy/GoudyStM-webfont.ttf") format("truetype"), url("../fonts/sorts-mill-goudy/GoudyStM-webfont.svg#sortsmillgoudystd") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Sorts Mill Goudy';
  src: url("../fonts/sorts-mill-goudy/GoudyStM-Italic-webfont.eot");
  src: url("../fonts/sorts-mill-goudy/GoudyStM-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sorts-mill-goudy/GoudyStM-Italic-webfont.woff") format("woff"), url("../fonts/sorts-mill-goudy/GoudyStM-Italic-webfont.ttf") format("truetype"), url("../fonts/sorts-mill-goudy/GoudyStM-Italic-webfont.svg#sortsmillgoudyi") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/open-sans/Open-Sans-300.eot");
  src: url("../fonts/open-sans/Open-Sans-300.eot?#iefix") format("embedded-opentype"), local("Open Sans 300"), local("Open-Sans-300"), url("../fonts/open-sans/Open-Sans-300.woff2") format("woff2"), url("../fonts/open-sans/Open-Sans-300.woff") format("woff"), url("../fonts/open-sans/Open-Sans-300.ttf") format("truetype"), url("../fonts/open-sans/Open-Sans-300.svg#OpenSans") format("svg"); }
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/open-sans/Open-Sans-regular.eot");
  src: url("../fonts/open-sans/Open-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Open Sans"), local("Open-Sans-regular"), url("../fonts/open-sans/Open-Sans-regular.woff2") format("woff2"), url("../fonts/open-sans/Open-Sans-regular.woff") format("woff"), url("../fonts/open-sans/Open-Sans-regular.ttf") format("truetype"), url("../fonts/open-sans/Open-Sans-regular.svg#OpenSans") format("svg"); }
@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/open-sans/Open-Sans-700.eot");
  src: url("../fonts/open-sans/Open-Sans-700.eot?#iefix") format("embedded-opentype"), local("Open Sans Bold"), local("Open-Sans-700"), url("../fonts/open-sans/Open-Sans-700.woff2") format("woff2"), url("../fonts/open-sans/Open-Sans-700.woff") format("woff"), url("../fonts/open-sans/Open-Sans-700.ttf") format("truetype"), url("../fonts/open-sans/Open-Sans-700.svg#OpenSans") format("svg"); }
  
body {
	font-size:16px;
	font-family: "Montserrat", sans-serif;
	color:#464B4D;;
	background:#04315A;
	padding:0 !important;
	
	line-height:1.5;
}

p {
	color:#464B4D;
}

h1, h2, h3, h4, h5, h6 {
	font-size:3em;
	line-height:1em;
	font-family: "Open Sans", serif;
	font-weight:400;
	
	margin:1em 0 0.5em 0;
	
	color:#08559d;
}

h1 {
	margin-top:0;
	font-weight:300
}

h2 {font-size:2em;}
h3 {font-size:1.5em}
h4 {font-size:1.2em}
h5 {font-size:1em}
h6 {font-size:0.8em;font-weight:bold;font-family:"Montserrat", sans-serif;text-transform:uppercase;}

a {
	font-size:1em;
	color:#03549c;
	
	transition:0.3s color ease;
}

a:hover {
	color:#04315A;
}

li {
	line-height:inherit;
	margin:0.5em 0;
}

cite {
	font-style:italic;
}

/*** navigation ***/
.navbar {
	border-bottom:0.2em solid #08559d;
	position:relative;
	background-color:#B3D8FB;
	background-image:linear-gradient(to bottom, #ffffff, #B3D8FB);
	
	height:8em;
	line-height:1 !important;
}

.navbar #logo {
	height:8em;
	width:20%;
	
	margin:0;
	padding:0;
	
	float:left;
}

.navbar #logo a {
	display:block;
	height:100%;
}

.navbar #logo img {
	width:100%;
	height:auto;
}

.navbar .nav-wrapper {
	float:left;
	margin:0;
	padding:0;
	width:70%;
	margin-left:10%;
	
	height:8em;
}

.navbar ul.nav {
	float:right;
	width:auto;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
}

.navbar ul.nav > li {
	float:left;
	height:100%;
	margin:0;
	margin-right:0.5em;
}
.navbar ul.nav > li > ul.dropdown-menu {
	display:none !important;
}

.navbar ul.nav > li > a, .navbar ul.nav > li > a:hover {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color:#08559d;
	
	background:none;
	
	display:block;
	height:100%;
	width:100%;
	
	box-sizing:border-box;
	padding:4em 0.5em 1em 0.5em;
	margin:0;
	
	text-align:center;
	
	transition:0.2s ease all;
}

.navbar ul.nav > li > a .caret {
	display:none;}

.navbar ul.nav > li > a:hover {
	background-color:#ffffff;
	background-color:rgba(255,255,255,0.3);
	text-decoration:none;
}

.nav-collapse.collapse .nav-wrapper {
	height:auto;
	width:100%;
	float:right;
	margin:0;
}

.nav-collapse.collapse ul.nav {
	display:block;
	width:100%;
	height:auto;
	box-sizing:border-box;
	
	float:none;
	
	padding:0.4em;
	
	background-color:#08559d;
}

.nav-collapse.collapse ul.nav > li {
	float:none;
	height:auto;
	
	background-color:#ffffff;
	background-color:rgba(255,255,255,0.8);
	
	margin:0.4em 0;
}

.nav-collapse.collapse ul.nav > li:first-child {
	margin-top:0;
}

.nav-collapse.collapse ul.nav > li:last-child {
	margin-bottom:0;
}

.nav-collapse.collapse ul.nav > li a, .nav-collapse.collapse ul.nav > li a:hover {
	padding:0.5em 1em;
	border-radius:0;
}

.nav-collapse.collapse ul.nav > li a:hover,
.nav-collapse.collapse ul.nav > li.active a:hover {
	background-image:none;
	background:#0B77DD;
	color:#ffffff;
}

@media (max-width:980px) {
	.navbar #logo {
		display:block;
		float:none;
		margin:0 auto;
		width:100%;
		height:8em;
		text-align:center;
	}
	
	.navbar #logo img {
		width:auto;
		height:100%;
	}
	
	.navbar-fixed-top {
		margin-bottom:0;
	}
}

@media (max-width:500px) {
	.navbar #logo {
		width:60%;
		margin-left:20%;
	}
}

#counter {
	padding:0.6em 1em 0 1em;
	font-size:0.7em;
	text-align:right;
	
	clear:both;
	
	background:#ffffff;
}

#counter .count {
	font-weight:bold;
}

/**** page ****/
.page {
	background:#ffffff;
	padding:2em 1em;
}

#status {
	position:fixed;
	bottom:.5em;
	right:.5em;
	font-size:50px;
	font-weight:bold;
	
	z-index:100;
	
	color:#dddddd;
	color:rgba(0,0,0,0.2);
	
	pointer-events: none; /*click through*/
}

#user-panel, .page-content {
	float:left;
	width:75%;
}

#user-panel, .sub-menu {
	width:20%;
	box-sizing:border-box;
	margin-right:5%;
	margin-bottom:2em;
	
	border:0.1em solid #dddddd;
	padding:0.3em;
}

@media (max-width: 640px) {
	#user-panel, .page-content {
		float:none;
		width:100%;
	}
}

#user-panel h6, .sub-menu h6 {
	margin-top:0;
	text-align:center;
}

#user-nav, #user-nav li, .sub-menu, .sub-menu li {
	margin:0.2em 0 0 0;
	padding:0;
	list-style:none;
}

#user-nav li.who, .sub-menu li.who {
	margin-top:1em;
	font-size:0.8em;
	text-align:center;
	color:#888;
}

#user-nav li a, .sub-menu li a {
	display:block;
	padding:0.6em 1.2em 0.6em 2.5em;
	
	position:relative;
	
	background-color:#eeeeee;
	background-color:rgba(0,0,0,0.1);
	
	transition:0.3s all ease;
}


#user-nav li a:hover,
#user-nav li.here a:hover,
.sub-menu li a:hover,
.sub-menu li.here a {
	color:#222222;
	text-decoration:none;
	
	background-color:#ffffff;
	background-color:rgba(0,0,0,0);
}

#user-nav li a::before {
	font-family: "FontAwesome";
	content: "";
	margin-right:0.3em;
	position:absolute;
	top:0.6em;
	left:0.8em;
}

#user-nav li.dash a::before, .sub-menu li.dash a::before {content:"\f015";}
#user-nav li.profile a::before {content:"\f007";}
#user-nav li.messages a::before {content:"\f0e0";}
#user-nav li.invitations a::before, .sub-menu li.invitations a::before {content:"\f234 ";}
#user-nav li.alliances a::before {content:"\f0c0";}
#user-nav li.logout a::before {content:"\f08b";}
#user-nav li.access a::before {content:"\f06a";} 

#user-nav li.messages a, #user-nav li.invitations a {
	padding-right:3em;
}

#user-nav li.messages a span.new-messages, #user-nav li.invitations a span.new-invitations {
	z-index:10;
	
	display:block;
	position:absolute;
	top:0.5em;
	right:1.6em;
	
	width:1.8em;
	height:1.8em;
	
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	line-height:2em;
	color:#ffffff;
	background:#8C0002;
	
	border-radius:1.8em;
	
	overflow:hidden;
}

#user-nav li.here a {
	padding-right:2em;
	background:#cccccc;
}

#user-nav li.here a::after {
	font-family: "FontAwesome";
	content: "\f0d9";
	
	position:absolute;
	top:-0.25em;
	right:-0.05em;
	
	font-size:4.5em;
	color:#ffffff;
	
	line-height:1em;
	
	z-index:1;
}

.application {
	padding-bottom:10em;
}

.application .error {
	color:#AB191C;
	font-weight:bold;
}

.application .notification {
	color:#2E8400;
	font-weight:bold;
}

.application ul, .application li
{
	margin:0;
	padding:0;
	list-style:none;
}

.application li {
	width: 100%;
	margin:1em 0 0.5em 0;
	clear: both;
	zoom: 1;
}

.application li::before,
.application li::after {
	content: "";
	display: table;
}

.application li::after {
	clear:both;
}

.application li label {
	font-weight:bold;
	font-size:1em;
}

.application form input, .application form textarea, .application form select {
	width:50%;
	height:auto;
	box-sizing:border-box;
	
	border-radius:4px;
	border:1px solid #cccccc;
	
	padding:1em 0.5em;
	
	font-family: "Montserrat", sans-serif;
	font-weight:normal;
	
}

.application form select {
	padding:0.5em;
	height:2.3em;
	line-height:1;
}

.application form select option {
	padding:1em;
}

.application form input[type="radio"],
.application form input[type="radio"] + label,
.application form input[type="checkbox"],
.application form input[type="checkbox"] + label {
	width:auto;
	float:left;
	margin-left:1em;
}

.application form input[type="radio"] + label,
.application form input[type="checkbox"] + label {
	margin-bottom:0;
}

.application form  input[type="button"],
.application form  input[type="submit"] {
	padding:0.5em 1em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
}

.application form input[type="submit"] {
	width:50%;
	margin:1em 0;
	text-align:left;
}

.application table form input[type="submit"],
.application form table input[type="submit"]  {
	width:auto;
}

.application form label,
.application form .label {
	background:inherit;
	color:inherit;
	font-size:inherit;
	font-weight:bold;
}

.application span.required::after,
.application form .required label::after {
	content: "*";
}

.application form.login {
	margin-bottom:4em
}

.application form .username input,
.application form .password input {
	height:40px;
	font-size:13px;
	font-size:1rem;
	line-height:1.9;
	padding:0.4em 1em;
	
	float:left;
	width:90%;
	box-sizing:border-box;
	
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.application form .username label,
.application form .password label {
	float:left;
	width:10%;
	box-sizing:border-box;
	padding:0;
	margin:0;
	line-height:1px;
	
	font-size:1px;
	letter-spacing:-1px;
	color:transparent;
}

.application form .username label::before,
.application form .password label::before {
	font-weight:normal;
	font-family: "FontAwesome";
	font-size:13.5px;
	font-size:1rem;
	line-height:1.1;
	letter-spacing:normal;
	color:#666666;
	text-align:center;
	
	content: "\f13e";
	display:block;
	float:left;
	box-sizing:border-box;
	
	width:100%;
	padding:0.65em 1em;
	
	background-color:#eeeeee;
	border:1px solid #bbbbbb;
	border-radius:4px;
	
	border-right:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.application form .username label::before {
	content: "\f0e0";
}

@media (max-width:37.5em) {
	.application form .username label,
	.application form .password label {
		width:20%;
	}
	.application form .username input,
	.application form .password input {
		width:80%;
	}
}

.application .pagination {
	height:auto;
}

.application .pagination .youarehere {
	font-size:0.8em;
	color:#666;
	text-align:center;
}

.application .pagination ul {
	display:block;
}

.application .pagination:after,
.application .pagination ul:after {
	content: "";
	display: table;
	clear: both;
}

.application .pagination li {
	float:left;
	width:inherit;
	margin:inherit;
	clear:none;
}

.application .pagination li.first span.hide,
.application .pagination li.prev span.hide,
.application .pagination li.next span.hide,
.application .pagination li.last span.hide {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.application .pagination li.first a:before,
.application .pagination li.prev a:before,
.application .pagination li.next a:after,
.application .pagination li.last a:after {
	font-family: "FontAwesome";
	content:"\f104";
	font-weight:bold;
}

.application .pagination li.first a:before {content:"\f100";}
.application .pagination li.prev a:before {content:"\f104";}
.application .pagination li.next a:after {content:"\f105";}
.application .pagination li.last a:after {content:"\f101";}

.application .pagination li.first a:before,
.application .pagination li.prev a:before {
	/*margin-right:0.6em;*/
}

.application .pagination li.next a:after,
.application .pagination li.last a:after {
	/*margin-left:0.6em;*/
}

.application .nav-pills li {
	width:auto;
	clear:none;
	margin:0 0.3em;
}

.application .tab-content {
	overflow:visible;
}

.application #matches > h4 {
	margin-bottom:2.0rem;
}

.application #matches .pagination.right {
	float:none;
	position:absolute;
	top:1.0rem;
	right:2em;
}

.nav-pills > li > a {
	border:0.1em solid #ddd;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
	color:#222;
	background-color:#ddd;
}

.tab-content .tab-pane {
	padding:0.6em 2em;
	margin:0.3em 0;
	
	border:0.1em solid #bbb;
	border-radius:0.6em;
}

#logout_button {
	position:fixed;
	bottom:3rem;
	right:3rem;
}

.application table {
	border:1px solid #eeeeee;
	border-collapse:collapse;
	width:100%;
	
	margin:1em 0;
	
	font-size:0.8em;
}

.application table a:hover {
	text-decoration:none;
}

.application table td, .application table th {
	padding:0.5em 1em;
}

.application table th {
	font-weight:bold;
	text-align:left;
}

.application table tbody tr {
	background-color:#f2f2f2;
}

.application table tbody tr:nth-child(2n) {
	background-color:#e2e2e2;
}

.application table .name {width:25%;}
.application table .email {width:30%;}
.application table .institution {width:30%;}
.application table .actions {width:15%;}

#site-footer {
	margin:0;
	padding:4em 0;
	
	background-color:#04315A;
	
	text-align:center;
	font-size:0.8em;
	
	clear:both;
}

#site-footer p {
	color:#ffffff;
}

#site-footer a {
	font-size:1em;
	color:#C0DEFB;
}

/** specific site elements **/
.application form.login li {
	width:60%;
	text-align:center;
	margin:1em 20% 0.5em 20%;
}

.application form.login input[type="submit"] {
	text-align:center;
	width:100%;
	margin:0;
}

@media (max-width: 740px) {
	.application form.login li {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
}

/**** Buttons ****/
button, a.button, form input[type=button], form input[type=submit] {
	display:inline-block;
	box-sizing:border-box;
	padding:0.7em 1.5em;
	
	font-size:1.2em;
	font-weight:bold;
	color:#eeeeee;
	text-transform:uppercase;
	
	border:0;
	border-radius:0.2em;
	
	background-color:#04315A;
	
	transition:0.3s ease all;
}

button:hover, a.button:hover, form input[type=button]:hover, form input[type=submit]:hover {
	text-decoration:none;
	color:#ffffff;
	
	background-color:#08559d;
}

button i.fa-plus, a.button i.fa-plus {
	display:inline-block;
	transition: 0.3s all ease;
}

button:hover i.fa-plus, a.button:hover i.fa-plus {
	transform: scale(1.2);
}

a.button.refresh::before,
a.button.search::before,
a.button.edit::before,
a.button.phone::before,
a.button.members::before,
a.button.journal::before {
	display:inline-block;
	
	font-family:"FontAwesome";
	font-weight:normal;
	content: "\f021";
	margin-right:0.5em;
	
	transition:1s ease all;
}

a.button.refresh:hover::before {
	transform: rotate(360deg);
}

a.button.search::before {content: "\f002";}
a.button.edit::before {content: "\f040";}
a.button.phone::before {content: "\f095";}
a.button.members::before {content: "\f0c0";}
a.button.journal::before {content: "\f02d";}


/**** Utility classes ****/
.center {
	margin:0 auto;
	text-align:center;
}

.center.half {
	width:50%;
	margin:0 25%
}

.hint {
	font-size:0.8em;
}

.icon {
	position:relative;
	padding-left:1.2em;
}

.icon::before {
	font-family: "FontAwesome";
	content: "";
	font-weight:normal;
	position:absolute;
	top:0em;
	left:0em;
	
	font-size:0.8em;
	line-height:2em;
}

.icon.alliances::before {content:"\f0c0";}
.icon.messages::before {content:"\f0e0";}
.icon.dash::before {content:"\f015";}
.icon.profile::before {content:"\f007";}
.icon.invitations::before {content:"\f234 ";}

#cboxContent {
	position:relative;
	background:#ffffff;
	z-index:9999;
}

#cboxContent iframe {
	position:relative;
	width:99%;
	height:99%;
	
	z-index:9999;
}

/**** Pages ****/
#page-profile_view {
	position:relative;
}

#page-profile_view .navbar,
#page-profile_view #site-footer,
#page-profile_view #user-panel,
#page-profile_view .user-nav,
#page-profile_view .sub-menu,
#page-profile_view #counter,
#page-profile_view #status {
	display:none;
}

#page-profile_view .page-content {
	width:100%;
}

#page-profile_view .page {
	padding-top:0;
}

/**** Home ****/
.well h3 {
	margin-top:0;
}

/**** profiles and messages ****/
.profile.and.message .message,
.profile.and.message .profile {
	float:left;
	width:75%;
	margin:0;
	box-sizing:border-box;
}

.profile.and.message .profile {
	float:right;
	width:23%;
}

/**** Alliances ****/
#page-your_alliances .options,
#page-your_alliances .membership {
	float:left;
	width:45%;
	margin:0;
	padding:0;
}

@media (max-width:640px) {
	#page-your_alliances .options,
	#page-your_alliances .membership {
		float:none;
		width:100%;
		margin:0 0 2em 0;
	}
}

#page-your_alliances .options a.button,
#page-your_alliances .membership a.button {
	width:95%;
}

.well-large.row, .well-large.row::after {
	clear:both;
}

.well-large.row {
	margin:0 !important;
	margin-top:0.5em !important;
	padding:0.5em !important;
}

.well-large.row:first-child {
	margin-top:1em !important;
}

.well-large.row .span3, .well-large.row .span4 {
	float:left;
	width:32% !important;
	margin:0 !important;
	margin-right:1% !important;
	box-sizing:border-box;
	
	padding:0.8em 1em;
}

@media ( max-width: 640px ) {
	.well-large.row .span3, .well-large.row .span4 {
		width:99% !important;
	}
}

.box {
	box-sizing:border-box;
	margin:1em 2em;
	padding:1em;
	border-radius:0.4em;
	border:0.1em solid #cccccc;
	background:#eeeeee;
	
	width:33%;
	float:left;
}

.box.right {
	float:right;
	margin-right:0;
}

.box.left {
	float:right;
	margin-left:0;
}

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	margin-top:0;
}

@media ( max-width: 640px ) {
	.box {
		width:66%;
	}
}

@media ( max-width: 400px ) {
	.box {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		float:none;
	}
}
.note {
	font-size:0.9em;
	color:#666666;
	font-style:italic;
}

img.align {
	float:right;
	margin:1em;
}

img.align.right {
	margin-right:0;
}

img.align.left {
	float:left;
	margin-left:0;
}

.mini-menu, .mini-menu li {
	list-style:none;
	margin:0;
	padding:0;
	
	text-align:center;
}

.mini-menu li {
	display:inline-block;
}

.mini-menu li a {
	display:inline-block;
	padding:0.2em 1em;
}

.mini-menu li::after {
	content: " | ";
}

.mini-menu li:last-child::after {
	content: "";
}

.label {
	background:none;
	font-size:1em;
	color:inherit;
	font-weight:bold;
	margin:0 0 0.5em 0;
	padding:0;
}

.answer, .application li.answer {
	margin-left:0.5em
}

.answer .score, .answer .other {
	display:inline-block;
	padding:0.5em 0.8em;
	border-radius:0.3em;
	border:0.1em solid #999;
	background:#eeeeee;
	line-height:1;
	margin-left:0.5em;
}

.right {
	clear:none;
	float: right;
	margin:0.5em;
	margin-right:0
}

.right a {
	clear:none;
}

.dashboard, .dashboard > li {
	padding:0;
	margin:0;
	list-style:none;
}

.dashboard > li {
	float:left;
	display:block;
	width:31%;
	margin-right:2%;
	margin-top:1em;
	margin-bottom:1em;
	
	clear:none;
}

.dashboard > li a {
	display:block;
	float:left;
	position:relative;
	
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:2em 1em;
	text-align:center;
	
	background-color:#dddddd;
	
	font-size:20px;
	font-weight:bold;
}

.dashboard > li a:hover {
	background-color:#eeeeee;
	text-decoration:none;
}

.dashboard  > li a::before {
	font-family: "FontAwesome";
	font-weight: normal;
	display:block;
	
	font-size:2em;
}

.dashboard > li.users a::before {
	content: "\f0c0";
}

.dashboard > li.request a::before {
	content: "\f0e0";
}

.dashboard > li.alliances a::before {
	content: "\f007 \f061";
}

.matches {
	text-align:right;
	clear:both;
}

.matches * {
	text-align:left;
}

.collapse-button {
	display:block;
	float:right;
	clear:both;
	
	color:#04315A;
	cursor:pointer;
	
	padding:0.5rem 1.0rem;
	margin:0 0 1.0rem 1.0rem;
	
	background-color:#ddd;
	
	border-radius:0.3rem;
	
	font-size:0.8rem;
	font-weight:bold;
	text-transform: uppercase;
	
	user-select:none;
}

.tab-pane .collapse-button {
	margin:0.2rem 0;
}

.collapse-button:hover {
	background-color:#eee;
}

.collapse-button::before {
	display:inline-block;
	content: "-";
	
	font-weight:normal;
	color:#ffffff;
	font-size:1.0rem;
	line-height:0.6rem;
	text-align:center;
	vertical-align:middle;
	
	width:0.6rem;
	height:0.6rem;
	
	padding:0.3rem;
	margin:0 0.5rem 0 0;
	
	border-radius:0.3rem;
	
	background-color:#04315A;
}

.collapsed .collapse-button::before {
	content: "+";
}

.matches .matching.section {
	position:relative;
}

.matches .matching.section .score {
	display:absolute;
	right:0;
	bottom:0;
}

.matches .user {
	text-align:left;
	padding:1.0rem 2.0rem;
	background:#eeeeee;
	box-sizing:border-box;
	position:relative;
	clear:both;
}

.matches .user h4 {
	margin:0 0 2.0rem 0;
	font-size:2.0rem;
	font-weight:bold;
}

.matches .user:nth-child(2n) {
	background:#dddddd;
}

.matches .matching.section {
	padding:0.4rem 0.4rem 0.4rem 0.4rem;
	margin:0.1rem;
	background:#ffffff;
	box-sizing:border-box;
	
	display:inline-block;
	vertical-align: top;
	width:100%;
	box-sizing: border-box;
}

.matches .matching.section.cols2 { width:49%; }
.matches .matching.section.cols3 { width:32.33333%; }
.matches .matching.section.cols4 { width:24%; }
.matches .matching.section.cols5 { width:19%; }
.matches .matching.section.cols6 { width:15.66667%; }
.matches .matching.section.cols7 { width:13.28571%; }
.matches .matching.section.cols8 { width:11.5%; }

.matches .matching.section .responses {
	-webkit-transition: max-height 1s; 
	-moz-transition: max-height 1s; 
	-ms-transition: max-height 1s; 
	-o-transition: max-height 1s; 
	transition: max-height 1s;
	overflow: hidden;
	max-height: none;
	
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.matches.collapsed .matching.section .responses {
	max-height:0;
}

.matches .matching.section .responses ul {
	margin-left:0.6rem;
}

.matches .user > .score, .matches .matching.section .weight {
	position:absolute;
	bottom:0.5rem;
	right:0.5rem;
	
	font-size:1.6rem;
	line-height:1;
	color:#999;
	font-weight:bold;
	
	text-align:center;
}

.matches .user > .score .label, .matches .matching.section .weight .label {
	display:none; /* for now until we can find some more space... */
	margin:0 0 0.2rem 0;
	padding:0;
	font-size:0.6rem;
	line-height:1;
	font-weight:normal;
	color:#bbb;
}

.matches .user > .score {
	font-size:2.0rem;
	color:#444;
	right:1.0rem;
	top:1.0rem;
}

.matches .user > .score .label {
	font-size:0.8rem;
	color:#777;
}

/*
.matches .matching.section::before, .matches .matching.section h5 {
	margin-top:1.0rem;
	margin-bottom:1.0rem;
	line-height:1;
}
*/

.matches .matching.section h5 {
	display: inline-block;
	padding: 0.5rem 2.0rem 1.0rem 0.5rem;
	margin: 0;
	line-height: 1;
	font-weight: bold;
}

/*
.matches .matching.section::before {
	display:inline-block;
	float:left;
	content: "-";
	margin-left:0.4rem;
	margin-right:0.4rem;
}

.matches .matching.section.collapsed::before {
	content: "+";
}
*/

.matches .matching.section .responses {
	margin:0 1.0rem;
	font-size:0.8rem;
}

.matches .matching.section .responses  li {
	margin:0.4rem 0;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.matches .action {
	margin-top:1rem;
	text-align:right;
}

.matches .action a {
	font-size:0.8rem;
}

.has-description {
	position:relative;
	overflow:visible;
}

.has-description::after {
	position:absolute;
	top:0.6rem;
	right:0.5rem;
	
    content: "?";
    font-size: 0.7rem;
    margin: 0 0.1rem;
    padding: 0.1rem;
    vertical-align: super;
    width: 0.6rem;
    color: #ffffff;
    background-color: #08559d;
    border-radius: 3rem;
    display: inline-block;
    text-align: center;
    height: 0.6rem;
    line-height: 0.6rem;
}

.weight.has-description::after {
/*
	position:absolute;
	bottom:0;
	right:0;
	background-color:#777;
*/
	display:none;
}

.has-description .tooltip {
	opacity:1;
	position:absolute;
	top:120%;
	left:0;
	z-index:999;
	
	width:20rem;
	
	display:none;
	
	background-color:rgba( 255,255,255, 0.9 );
	background-image:linear-gradient( to bottom, rgba(60,120,200,0.1), rgba(0,0,0,0) );
	
	padding:0.6rem;
	margin:0;
	
	border:1px solid #dddddd;
	border-radius:0.6rem;
	
	box-shadow: 0.1rem 0.1rem 0.3rem rgba(0,0,0,0.4);
	
	font-size:0.7rem;
	font-weight:bold;
	line-height:1.4;
	color:#444;
	
	text-align:left;
}

.has-description .tooltip.right {
	left:auto;
	right:0;
}

.has-description:hover .tooltip, .has-description.hover .tooltip {
	display:block;
}

.application form.admin.user.search .search.params {
	overflow:hidden;
	margin:0.2rem 0;
}

.application form.admin.user.search .search.params .header {
	margin:0;
	padding:1rem 0.6rem;
}

.application form.admin.user.search .search.params.collapseable .header {
	position:relative;
	cursor: pointer;
	background:#eeeeee;
}

.application form.admin.user.search .search.params.collapseable .header::after {
	position:absolute;
	right:0.6rem;
	top:0.6rem;
	
	content:"-";
}

.application form.admin.user.search .search.params.collapseable.collapsed .header::after {
	content:"+";
}

.application form.admin.user.search .search.param {
	display:inline-block;
	width:29%;
	vertical-align:top;
	margin:1rem 1%;
	
	font-size:12px;
}

.application form.admin.user.search .search.params.work .search.param {
	width:46%;
}

.application form.admin.user.search .search.param input {
	margin:0;
	display:block;
	width:100%;
	text-align:center;
	font-size:12px;
	padding:0.2rem;
}

.application form.admin.user.search .search.param label,
.application form.admin.user.search .search.param .label,
.application form.admin.user.search .search.param input[type=radio],
.application form.admin.user.search .search.param input[type=checkbox] {
	margin:0 0.4rem 0 0;
	display:inline-block;
	width:auto;
	text-align:left;
	white-space:normal;
}