@charset "utf-8";

/* CAMPERSHIP TABLES */
table.campership, table.campership table {
	width: 100%;
}
table.campership th, table.campership td {
	border-bottom: 1px solid;
	padding: 6px 10px;
}
table.campership tr.sent td {
	background: rgba(0,100,255,0.1);
}
table.campership tr.accepted td {
	background: rgba(0,170,0,0.1);
}
table.campership tr.declined td {
	background: rgba(170,0,0,0.1);
}
table.campership tr.revoked td {
	background: rgba(170,0,0,1);
	color: #fff;
}
table.campership tr.revoked td .full_info_table td {
	color: rgba(16, 16, 16, 0.95);
}
table.campership th {
	color: #fff;
	background: #000;
}
table.campership a.button {
	font-weight: 400;
	border: 1px solid #2462d2;
	padding: 2px 12px;
	margin: 4px 10px 4px 0;
	color: #fff;
	background: #2462d2;
	border-radius: 1em;
	text-transform: none;
}
table.campership a.button:hover {
	opacity: 0.7;
}
table.campership a.button.accept_offer, table.campership a.button.submit_offer {
	background: #0a0;
	border-color: #0a0;
}
table.campership a.button.decline_offer, table.campership a.button.revoke_offer {
	background: #a00;
	border-color: #a00;
}
table.campership tr.accepted a.button.accept_offer {
	display: none;
}
table.campership tr.declined a.button.decline_offer {
	display: none;
}
table.campership tr.full_info:not(.active) {
	display: none;
}

table.campership .full_info_active td.fullwidth {
	padding: 10px;
}
table.campership table.full_info_table {
	border: 1px solid #000;
	margin: 5px 0;
	background: #fff;
}
table.campership table.full_info_table td {
	background: #fff;
}
table.campership table.full_info_table th {
	width: 180px;
	max-width: 50%;
	vertical-align: top;
}
table.campership table.full_info_table .offer_form_wrap {
	display: block;
	height: 0;
	overflow: hidden;
	transition: 0.3s height;
}
table.campership table.full_info_table .offer_form_wrap.active {
	height: auto;
}
table.campership .offer_email_preview {
	border: 1px solid #ccc;
	padding: 15px;
}

.found_matches.need_to_search {
	display: inline-block;
	margin-right: 8px;
}

/* LOADING SPINNER */
.camperships.loading {
	display: inline-block;
	border: 2px solid #ccc;
	border-radius: 50%;
	border-top-color: #2462d2;
	width: 20px;
	height: 20px;
	margin-bottom: -4px;
	-webkit-animation: spin 0.6s linear infinite;
	animation: spin 0.6s linear infinite;
}
.camperships.loading.loaded {
	display: none;
	-webkit-animation: none;
	animation: none;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}