html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select {
	color: #454545;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
}

html, body, #content {
	/* overflow-x: hidden; */
}

body {
	background: #fefefe;
	border-bottom: 4px solid #f4a896;
	border-top: 4px solid #f4a896;
	margin: 0;
}

#content {
	position: relative;
}

body.test-environment2 {
	background: url('../images/bg-test-environment.jpg') repeat;
}

.smaller, ul.smaller li {
	font-size:0.9em;
}

span.smaller. p.smaller {
	font-size:0.85em;
}

span.uppercase, p.uppercase {
	font-size:0.8em;
	text-transform: uppercase;
}

#logo img {
	width: 100%;
}

p {
	line-height:1.4em;
}

p.larger, li.larger, p.larger a {
	font-size:1.15rem;
}

p.strong, td.strong {
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
	color: #4e5d61;
	margin: 12px 0;
}

h1 {
	font-size: 1.4em;
	line-height: 1.4em;
}

h2 {
	font-size: 1.25em;
	line-height: 1.45em;
	position: relative;
}

h3 {
	font-size: 1.15em;
	line-height: 1.5em;
}

h4 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 12px 0 0;
}

#byline h4 {
	color: #f4a896;
	color: #013177;
}

h5 {
	color: rgb(182,150,121);
	font-size: 1em;
	line-height: 1.1em;
	margin: 12px 0 0;
}

a {
	color: #61574E;
	text-decoration: underline;
}

a:hover {
	color: #a69e87;
	text-decoration: underline;
}

span.fakelink, .ag-clickable {
	border-bottom: 1px dashed #454545;
	cursor:pointer;
	display: inline-block;
	max-width:fit-content;
}

.marine-magic span.fakelink, .marine-magic.dark span.fakelink {
	border-bottom: 1px dashed #fff;
}

hr {
	background-color: #999;
	color: #999;
	margin: 2px 0 20px;
	width: 100%;
}

hr.no-margin-bottom {
	margin: 2px 0 4px;
}

hr.margin-top {
	margin: 24px 0 20px;
}

hr.mobile-divider {
	width: 20%;
	margin: 16px auto;
}

hr.row {
	margin: 6px 0;
}

hr.navigation {
	margin: 12px 0 0;
}

hr.dotted {
	border-bottom: none;
	border-top: 1px dotted #ccc;
}

ul { 
	text-indent: -1.1em;
 }

ul li {
	line-height: 1.3em;
	list-style-type: none;
	margin-bottom: 12px;
}

ul.dot-list li {
	list-style-type: square;
	text-indent: 0;
}

ol li {
	margin-bottom: 1rem;
}

ul.qq-upload-list {
	margin-top: 107px;
	text-indent: 0.1em;
}

.content-row .qq-upload-size-selector.qq-upload-size, .content-row.marine-magic.dark .qq-upload-size-selector.qq-upload-size, .content-row.marine-magic.dark .qq-upload-file-selector.qq-upload-file {
	color: #454545;
}

input, textarea {
	font-family: 'Poppins', sans-serif;
}

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], select, textarea, .content-row.marine-magic div.location {
	background: #fefefe;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	font-size: 15px;
	height: 26px;
	margin:0 0 15px;
	padding: 2px 8px;
	width: 97%;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border: 2px solid #FFF28E;
	box-sizing: content-box;
}

.grid-100 .grid-50 > input[type="text"], .grid-100 .grid-50 > div > input[type="text"], .grid-100 .grid-40 > input[type="text"] {
	width: 96%;
}

.grid-100 .grid-20 div input[type="select"], select[name="gender"] {
	width: 100%;
}

.grid-50 > input[type="text"], .grid-50 > input[type="email"], .grid-50 > input[type="tel"], .grid-50 > input[type="password"], .grid-50 > div > input[type="text"], .grid-50 > div > input[type="email"], .grid-50 > div > input[type="tel"], .grid-50 > div > input[type="password"], .grid-40 > input[type="text"], .grid-20 > input[type="text"] {
	width: 93%;
}

table.general input[type="text"], table.general input[type="email"], table.general input[type="tel"], table.general input[type="password"], table.general select, table.general textarea {
	background: #fff;
	font-size: 0.9em;
	width: 90%;
}

table.general select, table.general textarea, select {
	font-size: 0.9em;
	width: 96%;
}

select.small {
	width: 46.8%;
}

::placeholder {
	font-size: 1em;
	font-weight: normal;
}

.content-row.marine-magic div.location {
	color: #454545;
	padding: 4px 8px 0;
}

input[type="text"].medium, input[type="email"].medium, input[type="tel"].medium, input[type="password"].medium {
	width:46.8%;
}

select {
	height: 32px;
	padding: 0 4px;
}

select.large {
	width: 100%;
}

select.medium {
	width: 52%;
}

select:focus {
	box-shadow: none;
	outline: none; 
}

input[type="text"].small {
	width:25%;
}

textarea {
	height: 100px;
	width: 99%;
}

input:focus, select:focus, textarea:focus {
	outline: none;
}

option {
	font-weight: lighter;
}

input[type="radio"] {
	display: inline-block;
}

input[type=submit], button, input[type="button"], .qq-upload-button, .qq-upload-delete, .qq-dialog-buttons button, a.button {
	background: #5dade2;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fefefe;
	cursor: pointer;
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600; 
	height: 28px;
	letter-spacing: 0.01em;
	line-height: 18px;
	padding: 0 16px;
	text-decoration: none;
	text-transform: uppercase;
}

button.file-button, input[type="button"].file-button {
	background: #4b0082;
	font-size:12px;
	height:22px;
	line-height:14px;
	margin-left: 12px;
	padding: 0 6px;
}

input[type=submit].diary-steps-back, button.diary-steps-back, input[type="button"].diary-steps-back {
	float: left;
}

input[type=submit].diary-steps-next, button.diary-steps-next, input[type="button"].diary-steps-next {
	float: right;
}

.qq-upload-delete {
	display: none;
}

input[type=submit].ag-hidden, button.ag-hidden, input[type="button"].ag-hidden, a.button.ag-hidden {
	display: none;
}

a.button {
	height: 26px;
	line-height: 26px;
}

.ag-heading-button {
	position: absolute;
	top: 0; right: 0;
}

#dashboard_action_buttons_holder_admin input[type="button"], #dashboard_action_buttons_holder_user input[type="button"] {
	min-width: 80%;
}

input[type=submit]:hover, a.button:hover, .content-row.marine-magic a.button:hover, button:hover, input[type="button"]:hover, .qq-upload-button:hover, .qq-upload-delete:hover, .qq-dialog-buttons button:hover {
	background: #fff;
	border: 1px solid #fff;
	border: 1px solid #5dade2;
	color: #5dade2;
}

input[type="button"]:disabled, input[type="submit"]:disabled {
	cursor: not-allowed;
}

input[type="checkbox"] {
	margin-right: 12px;
	transform: scale(1.7);
}

form p {
	margin-top: 0;
}

#filter_form label {
	display: inline-block;
}

#filter_form input[type=text], #filter_form select {
    display: inline-block;
    margin-right: 2%;
    width: 25%;
}

#filter_form input[type=text].active, #filter_form select.active, #filter_form input[type=text]:focus, #filter_form select:focus {
	border: 2px solid #f4f70c !important;
	outline: none;
}

#filter_form div input[type=text], #filter_form div select {
	width: 95%;
}

#filter_form.registrations input[type=text], #filter_form.registrations select {
	margin-right: 1%;
	width: 14%;
}

#filter_form.registrations.tight input[type=text] {
	width: 12%;
}

#reset_filters {
	cursor: pointer;
}

#submit-result {
	display:none;
}

.lost {
    cursor: pointer;
}

label {
	display: block;
	margin-bottom:12px;
}

label.ag-inline, input.ag-inline {
	display: inline;
	margin-right: 1em;
}

label.ag-strong {
	font-weight: 600;
}

input[type="radio"]+ label, input[type="checkbox"] + label {
	display: inline-block;
	margin-right: 1em;
}

input[type="radio"] {
	margin-right: 0.5em;
	transform: scale(1.5);
	width: 30px;
}

#ag_membership_status_message_holder {
	margin: 0;
	padding:8px 1%;
	width: 98%;
}
#ag_membership_status_message_holder p {
	margin: 0;
}

.response-msg, #card_errors, div.for-sale, div.not-for-sale {
	padding: 12px;
	font-size:1.4em;
	line-height:1.4em;
}

div.for-sale, div.joining {
	background: rgba(0,0,0,0.2);
	margin-bottom: 12px;
	max-width: 1140px;
	padding: 0;
}

.response-msg p {
	margin: 0;
}

.response-msg span {
	display:block;
	font-weight:bold;
	padding:0 0 4px;
}

div.error, #card_errors {
	background:#f9e5e6;
	color:#b50007;
	font-size: 1em !important;
}

div.error p , div.error a, div.error p strong {
	color:#b50007;
}

div.notice  {
	background:#f9f9e5;
	color:#828400;
}

div.notice p , div.notice a, div.notice p strong {
	color:#828400;
}

div.inf, p.inf {
	background:#e5ecf9;
	color:#0055b5;
}

div.inf p, div.inf a, div.inf p strong {
	color:#0055b5;
}

div.success {
	background:#e9f9e5;
	color:#1c8400;
}

div.success p, div.success a, div.success p strong {
	color:#1c8400 !important;
}

.clickable-row {
	cursor:pointer;
}

#password_holder {
	position: relative;
}
img.ag-show-password-icon {
	cursor: pointer;
	position: absolute;
	right: 4%;
	top: 18%;
	width: 20px;
}

.learn-more, .hide {
	background:#dedede;
	padding:4px;
	cursor:pointer;
	display:block;
	border-radius:2px;
	content:'Learn more...';
}

.eligibility {
	display:none;
}

.ag-wait {
	background: url('/assets/images/spinner.gif') no-repeat;
	background-size: contain;
	display: none;
	height: 36px;
}

#ag_results_holder, #ag_results_holder_flashdata {
	border-radius: 4px;
	cursor:ne-resize;
	font-size: 1.05em !important;
	line-height: 2em;
	max-width: 40%;
	padding: 16px;
	position: fixed;
	top: 2%;
	right: 2%;
	z-index: 10;
}

#ag_results_holder.error, #ag_results_holder_flashdata.error {
	background:#f9e5e6;
	border:1px solid #e8aaad !important;
	color:#b50007;
}

#ag_results_holder.error a, #ag_results_holder_flashdata.error a {
	color:#b50007;
}

 #ag_results_holder_page_flashdata.error {
 	background: none;
 	color:#b50007;
 }

 #ag_results_holder_page_flashdata.inf {
 	background: none;
 	color:#0055b5;
 }

 #ag_results_holder.notice, #ag_results_holder_flashdata.notice, .notice {
	background:#f9f9e5;
	border:1px solid #e8e3aa !important;
	color:#828400;
}

#ag_results_holder.inf, #ag_results_holder_flashdata.inf, .inf {
	background: #e5ecf9;
	border:1px solid #aac6e8 !important;
	color:#0055b5;
}

#ag_results_holder.success, #ag_results_holder_flashdata.success, .success {
	background: url('../images/close.png') 90% 10% no-repeat #e9f9e5;
	background: #e9f9e5;
	border:1px solid #b4e8aa !important;
	color:#1c8400;
}

.modal-close, .photo-delete, .photo-view {
	background: url('../images/photo-delete.png') no-repeat transparent;
	cursor: pointer;
	height: 51px;
	position:absolute;
	top: 6px;
	right: 8px;
	width: 33px;
	z-index: 9;
}

.photo-view {
	background: url('../images/photo-view.png') no-repeat transparent;
	height: 33px;
}

input[type='text'].error, input[type='number'].error, input[type='email'].error, input[type='password'].error, select.error {
	border:1px solid #e8aaad !important;
}

input[type="text"].eligibility {
	display: none;
}

label.error {
	background:#f9e5e6;
	border-radius: 4px;
	color:#b50007;
	display: block;
	padding: 2px 6px;
	width: fit-content;
}

label.error.valid {
	display: none !important;
}

ul label.error {
	text-indent: 0;
}

#export_report_url a { 
	font-weight:600 !important; 
	text-transform:uppercase;
}

#submit-result {
	display:none;
}

/*----------------------------------------- NAVIGATION -------------------------------------------*/

#main_navigation_holder {
	position:absolute;
	bottom: -12px;
	right: 0;
}

#menu_main {
	display:block;
	margin: 0;
	padding: 0;
	position:relative;
	text-align: right;
	text-indent: 0;
	width:100%;
}

#menu_main li {
	display:inline-block;
	line-height: 1.2rem;
	margin: 0 2px;
	padding: 0;
	position: relative;
	text-align: left;
}

#menu_main li a {
	background: rgba(120,152,161,0.15);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display:inline-block;
	letter-spacing: 0.01em;
	font-size: 0.95rem;
	font-weight:500;
	padding: 4px 13px;
	text-decoration: none;
	text-transform: uppercase;
}

#menu_main li:last-child a {
	padding-right: 8px;
}

#menu_main li > a:hover {
	background: rgba(120,152,161,1);
	background: #013177;
	color: #fefefe;
	text-decoration: none;
}

#menu_main li.has-children > ul {
	background: #91aab0;
	background: #085ACC;;
	border-top: 0px solid #4e5d61;
	display: none;
	padding: 0;
	position: absolute;
	left: 0;
	top: 27px;
	margin-left: 0;
	text-align: left;
	text-indent: 0;
}

#menu_main li.has-children:hover > ul {
	display: block;
}

#menu_main li.has-children ul li {
	height: 1.5rem;
	margin: 0;
	padding: 4px 0 3px 12px;
	text-align: left;
	text-indent: 0;
	white-space: nowrap;
}

#menu_main li.has-children ul li a, #header_desktop #menu_main li.current-menu-item ul li a {
	background: transparent;
	color: #fefefe;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.2rem;
	min-width: 160px;
	padding: 0 24px 0 0;
}

#menu_main li a:hover, #menu_main li.current-menu-item > a, #menu_main li.current-page-ancestor > a, #menu-mobile-menu li.current-menu-item > a, #menu-mobile-menu li.current-page-ancestor > a, #menu_main li.current_page_parent > a {
	background: #7898a1;
	background: #013177;
	color: #fff;
}

#menu_main li.has-children ul li:hover {
	background: rgba(78,93,97,0.5);
}

#menu_main li ul li:last-child a {
	margin-bottom: 8px;
}

#mobile_nav_button img {
	cursor:pointer;
	margin-top: 0px;
	padding:0;
	width:40px;
	z-index:23;
}

#mobile_navigation {
	color:#1a1a1a;
	display:none;
	padding:0;
	position:absolute;
	top: 114px;
	right:0;
	width:100%;
	z-index:23;	
}

#menu-mobile-menu {
	background: #e9f6fc;
	border-bottom:2px solid #1a1a1a;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
	width: 100%;
}

#menu-mobile-menu li { 
	cursor:pointer;
	border-bottom:1px solid #1a1a1a;
	font-size:1.15em;
	font-size: 1.15rem;
	font-weight:bold;
	line-height:1.8;
	margin:0;
	padding:15px 0;
	width:100%;
}

#menu-mobile-menu li:last-child {
	border-bottom:none;
}

#menu-mobile-menu li a {
	color: #1a1a1a;
	cursor: pointer;
	display: block;
	font-size: 1.1em;
	font-size: 1.1rem;
	height: 36px;
	letter-spacing: 0.1em;
	line-height: 36px;
	padding:0 36px;
	text-decoration: none;
	text-transform: none;
	width:100%;
}

#menu-mobile-menu li a:hover {
	color: #343434;
}

#menu-mobile-menu li ul li {
	border-bottom:none;
	padding: 8px 0;
}

#menu-mobile-menu li ul li a {
	font-size: 1em;
	font-size: 1rem;
}

.menu-footer-menu-container {
	text-align: right;
}

#menu-footer-menu {
	display:block;
	margin: 0 0 9px;
}

#menu-footer-menu li {
	display:inline-block;
	margin-bottom: 12px;
	position: relative;
}

#menu-footer-menu li a {
	color:#1c325b;
	font-size: 1em;
	font-size: 0.8rem;
	font-weight:300;
	letter-spacing: 0.03em;
	padding:0 10px;
	text-decoration: none;
	width:100%;
}

#menu-footer-menu li:last-child a {
	padding-right: 0;
}

#menu-footer-menu li a:hover {
	color: #3DBCF2;
	text-decoration: none;
}

/*------------------------------------------- ROWS ---------------------------------------------*/

#banner_row2 img {
	position: static;
	z-index: 1;
}

.content-row {
	background: #fefefe;
	padding: 48px 0;
	position: relative;
	width: 100%;
}

.content-row.less-padding {
	padding: 24px 0;
}

.content-row.no-padding {
	padding: 0;
}

.content-row.top-padding {
	padding: 24px 0 0;
}

.content-row.background {
	padding: 96px 0;
}

.content-row .template-descriptor, #header .template-descriptor, footer .template-descriptor {
	background: rgba(255,255,255,0.5);
	padding: 6px 12px;
	position: absolute;
	right: 2%;
	top: 24px;
}

/* ----- marine-magic ----- */
.content-row.marine-magic, .content-row.marine-magic .pagination {
	background: #4b0082;
	color: #fff;
}

.content-row.marine-magic .pagination {
	border-radius: 4px;
	font-weight: 600;
	margin-top: 14px;
	padding: 4px 14px;
}

.content-row.marine-magic i.fi {
	color: #fff;
}
.content-row.marine-magic i.fi:hover {
	cursor:pointer;
}

.content-row.marine-magic.dark {
	background: rgba(78,93,97,0.8);
	background: #003177;
	color: #fff;
}

.content-row.marine-magic h1, .content-row.marine-magic.dark h1, .content-row.marine-magic h2, .content-row.marine-magic.dark h2, .content-row.marine-magic h4, .content-row.linear-gradient h2, .box.linear-gradient h2, .content-row.marine-magic h3, .content-row.linear-gradient h3, .content-row.marine-magic p, .content-row.linear-gradient p, .content-row.marine-magic li, .content-row.linear-gradient li, .content-row.marine-magic a:hover, .content-row.linear-gradient a:hover, .content-row.marine-magic label, .content-row.marine-magic.dark label, .content-row.linear-gradient label, .content-row.marine-magic strong, .content-row.marine-magic.dark strong, .content-row.linear-gradient strong, .content-row.marine-magic span, .content-row.marine-magic.dark span {
	color: #fff;
}

.content-row.marine-magic a {
	color:#fefefe;
}
.content-row.marine-magic label, .content-row.linear-gradient label {
	/* display: block; */
}

.content-row.marine-magic label.error, .content-row.marine-magic.dark label.error, .content-row.linear-gradient label.error, .content-row.tranquil-aqua label.error {
	color: #b50007;
}

/* ----- silver ----- */
.content-row.silver {
	background: rgba(179,179,179,0.5);
	background: #f1e9db;
}

/* ----- OFF-WHITE ----- */
.content-row.off-white {
	background-color: #eaecee;
}

/* ------ soft-fawn -------- */
.content-row.soft-fawn {
	background: rgba(182,150,121,0.5);
	background: #f4a896;
}

.content-row.soft-fawn.dark h2, .content-row.soft-fawn.dark h3, .content-row.soft-fawn.dark p, .content-row.soft-fawn.dark li, .content-row.soft-fawn.dark a {
	color: #FFF;
}

/* ----- TRANQUIL AQUA ----- */
.content-row.tranquil-aqua {
	background: #7898a1;
	background: #5dade2;
}
.content-row.tranquil-aqua h1, .content-row.tranquil-aqua h2, .content-row.tranquil-aqua h3, .content-row.tranquil-aqua p, .content-row.tranquil-aqua li, .content-row.tranquil-aqua a, .content-row.tranquil-aqua .ag-clickable, .content-row.tranquil-aqua span.fakelink, .content-row.tranquil-aqua strong, .content-row.tranquil-aqua label, .content-row.tranquil-aqua span {
	color: #fefefe;
}

.content-row.tranquil-aqua h1 {
	color: #fefefe;
}


.content-row.tranquil-aqua h4 {
	color: rgb(182,150,121);
}

/*------------------------------------------- TILES ---------------------------------------------*/

.ag-tile-holder, .ag-meta-box-holder {
	display: flex;
	width: 100%;
}

.ag-tile {
	background: #fefefe;
	border: 1px solid #4e5d61;
	box-shadow: 2px 2px 4px 0px rgba(166,158,135,0.5);
	display: grid;
	flex: 1;
	float: left ;
	margin-right: 3%;
	padding: 0;
	width: 30%;
}

.ag-tile.photo {
	cursor: pointer;
	position: relative;
	height: fit-content;
	max-width: 33%;
	min-height: fit-content;
	width: auto;
}

.ag-tile.photo img {
	display: block;
	object-fit: cover;
}

.ag-tile.administration {
	min-height: 200px;
}

.ag-tile:first-child {
	margin-left: 2%
}
.ag-tile:last-child {
	margin-right: 1%;
}

.ag-tile-image {
	max-height: 256px;
	width: 100%;
}

a:hover > .ag-tile-image {
	transition: filter .5s ease-in-out;
	filter: grayscale(1);
}

.ag-tile-content {
	padding: 24px 16px 16px;
	text-align: center;
}

.content-row .ag-tile-content h3, .content-row .ag-tile-content h4, .content-row .ag-tile-content p, .content-row .ag-tile-content li {
	color: #454545;
}

/*------------------------------------------- BOXES ------------------------------------------- --*/

.box {
	border: 1px solid #4e5d61;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	flex: 1;
	margin: 10px auto;
	padding: 32px 64px;
	text-align: center;
	width: 70%;
}

.meta-box {
	background-color: #717E81;
	border: 1px solid #ccc;
	border-radius: 2px;
	/* box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); */
	flex: 1;
	margin: 1px 0.5% 12px;
	padding: 8px 12px;
}

.meta-box.no-margin-top {
	margin-top: 0;
}

.meta-box p {
	margin: 0;
}
.box.white {
	background: #fff;
}

.box.white h2, .box.white h3, .box.white p {
	color: #454545 !important;
}

.box.white input[type=button] {
	background: #a69e87;
	color: #fefefe;
}

.box.white input[type=button]:hover, .box.white input[type=button]:active {
	background: #fefefe;
	color: #a69e87;
}

.box.linear-gradient, .content-row.linear-gradient {
	background: linear-gradient(to bottom, #4E5D62 0%, 34.27518308162689%, #B4A88E 68.55036616325378%, 84.27518308162689%, #FFFFFF 100%);
}


/*------------------------------------------- TILE LISTS ---------------------------------------------*/

ul.tiles {
	margin: 1.5rem 2.5% 0 0;
	padding: 0;
	width: 98%;
}

ul.tiles li {
	background:#fff;
	box-shadow: 2px 2px 2px 2px rgba(166,158,135,0.5); 
	color: #454545 !important;
	font-size: 1rem;
	margin-bottom: 1.5rem;
	padding: 16px;
	text-indent: 0;
}

.content-row.marine-magic ul.tiles li > h3 {
	color: #454545;
}

/*------------------------------------------- REGISTRATION STEPS ---------------------------------------------*/

ul.process-steps {
	background: transparent;
	border-bottom: 1px solid #fefefe;
	padding: 0;
	text-align: center;
	text-indent: 0;
	width: 100%;
}

ul.process-steps li {
	background: transparent;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 10px;
	padding: 0;
}

ul.process-steps li a, ul.process-steps li div {
	background: #676767;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fefefe;
	display: inline-block;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.25em;
	padding: 6px 16px;
	text-decoration: none;
	text-transform: uppercase;
}

ul.process-steps li.current a, ul.process-steps li.current div {
	background: #fefefe;
	color: rgb(182,150,121);
	opacity: 1;
	padding: 6px 16px;
}

.content-row ul.process-steps li > a:hover {
	background: #fefefe;
	color: rgb(182,150,121);
}

ul.process-steps li:title:hover:after {
	position: absolute;
	top: 110%;
}

/*------------------------------------------- TABLES ---------------------------------------------*/


table.general, table.edit {
	border-collapse: collapse;
	box-shadow: 1px 1px 2px #333;
	font-size: 1em;
	margin: 6px 0 0;
	text-align: left;
	width: 100%;
}

table.general tr.clickable {
	cursor: pointer;
}

table.general tr.unclickable {
	cursor: default;
}

table.general tr.spacer {
	background: transparent;
	height: 8px;
}

table.general th, table.general td,  table.general td span, table.general td a {
	font-size: 0.9em;
	padding: 4px 6px;
	width: fit-content;
}

table.general th.smaller, table.general td.smaller, table.general td.smaller span {
	font-size: 0.85em;
}

table.general td span {
	font-size: 1em;
	padding: 0;
}

table.general.diary-entries td.strong {
	font-weight: 600;
}

table.general td a {
	font-size: 1em;
	padding: 0;
}

table.no-border {
	border:none;
	box-shadow:none;
}

table tbody tr, table thead tr {
	background-color: #fff;
	height:1.4em;
	line-height:1.4em;
	vertical-align: text-top;
}

table.general thead tr th {
	background-color: #edeeef;
	color:#555;
	font-size: 0.8em;
	overflow: auto;
	resize:horizontal;
	text-align: left;
	text-transform: uppercase;
}

table.general tr th, table.general tr td {
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:8px 4px 2px;
	vertical-align: text-top;
}

table.general tr th {
	border-top:1px solid #d9d9d9;
	padding: 0 4px;
}

table.general tr th.ag-order-by {
	cursor: n-resize;
}

table.general tr th:first-child, table.general tr td:first-child {
	border-left:1px solid #d9d9d9;
}

table.general tr td select {
	margin-bottom: 0;
}

table.no-border tr td {
	border:none;
}
table.general.diary-entries tr td:first-child {
	width:15%;
}

table.general tr th.icons, table.general tr td.icons {
	min-width: 3%;
}

table.general tr td a, table.general tr td span {
	color: #454545 !important;
}

/* ----- colour states for sleep efficiency ------ */

table.general.diary-entries tr.good, table.general tr.answered, table.general tr.A, table.general tr.Active, select option.current, select option.answered {
	background: url(../images/row-bg-current.png) repeat-x 0 10px #fff;
}

table.general.diary-entries tr.fair, select option.pending {
	background: url(../images/row-bg-payment-pending.png) repeat-x 0 10px #fff;
}

table.general.diary-entries tr.poor, table.general tr.new, table.general tr.invited, table.general tr.B, table.general tr.Inactive, select option.invited {
	background: url(../images/row-bg-pending.png) repeat-x 0 10px #fff;
}

table.general.diary-entries tr.terrible, table tr.expired, table.general tr.cancelled, table.general tr.C, table.general tr.Archived, select option.cancelled {
	background: url(../images/row-bg-cancelled.png) repeat-x 0 10px #fff;
}

/* ----- member states ------ */

table.general tr.pending, table.general tr.new, table.general tr.invited, table.general tr.B, table.general tr.Inactive, select option.invited {
	background: url(../images/row-bg-pending.png) repeat-x 0 10px;
}

table.general tr.information-pending, select option.pending {
	background: url(../images/row-bg-payment-pending.png) repeat-x 0 10px;
}

table.general tr.current, table.general tr.answered, table.general tr.A, table.general tr.Active, select option.current, select option.answered {
	background: url(../images/row-bg-current.png) repeat-x 0 10px;
}

table.general tr.declined, table.general tr.expired, table.general tr.cancelled, table.general tr.C, table.general tr.Archived, select option.cancelled {
	background: url(../images/row-bg-cancelled.png) repeat-x 0 10px;
}

table.general tr.archived, table.general tr.Archived {
	opacity: 0.6;
}

/* ------- other member stuff --------- */

span.days-current {
	color: green;
	font-size: 16px;
}

span.days-expired {
	color: red;
	font-size: 16px;
}

/*------------------------------------ SEARCH  -------------------------------------------*/

.search-bar {
	text-align:right;
	font-size:0.9em;
}

/*------------------------------------ PAGINATION & NAVIGATION -----------------------------------*/

.pagination {
	float:right;
	font-size:14px;
	font-weight:normal;
	margin:2px 0 6px;
	padding:10px 15px 8px;
	text-transform:uppercase;
}

.pagination a {
	font-size:14px;
}

.csv-export-holder {
	padding:16px 15px 0;
}

.pagination select, .display-option select {
	font-size:14px;
	height: 22px;
	width: auto;
	display:inline;
	margin:0 12px;
	border-radius:3px;
	border:0.5px solid #ccc;
	
}

#pagination span {
	font-size: 14px;
}

#pagination .pagination a {
	background:#fff;
	border:none;
	cursor:pointer;
	font-size:0.95em;
}

#pagination .pagination a:hover {
	text-decoration:none;
}

#pagination .pagination a.fakelink {
	background: transparent;
}

/* Exporter button (orders) */

.exporter-holder {
	float:left;
	font-size:0.9em;
	margin:2px 0 6px;
	padding:10px 15px 8px 0;
}

.back {
	float:left;
	padding:0 5px;
	font-size:1.2em;
}
.back a {
	color:#289cd5;
}
.back a i {
	color: #7b7b7b;
	padding: 0 10px;
	font-size:1.2em;
}
.back a i:hover {
	text-decoration:none;
}

.ag-form-field { display:none; }

#dashboard_navigation_holder {
	margin-bottom: 24px;
}

ul#dashboard_navigation {
	border-bottom: 1px solid #999;
	height: 34px;
	margin: -4px auto 0;
	padding: 0;
	text-align: center;
	text-indent: 0;
	width: 100%;
}

ul#dashboard_navigation li {
	display: inline;
	line-height: 36px;
	list-style-type: none;
}

ul#dashboard_navigation li a {
	border-radius: 2px;
	border-right: 1px solid #999;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: 400;
	height: 36px;
	line-height: 36px;
	padding: 3px 8px 3px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

ul#dashboard_navigation li:last-child a {
	border-right: 0px solid #999;
}

ul#dashboard_navigation li a:hover, ul#dashboard_navigation li a.active {
	background: #FF7001;
	color: #fff;
}

ul#header_admin_navigation  {
	margin-top: 24px;
}

ul#header_admin_navigation li {
	display: inline;
}

ul#header_admin_navigation li a {
	margin: 0 0 0 20px;
}

#back_to_top {
	background: url(../images/back_to_top.png) no-repeat;
	cursor:pointer;
	display:none;
	height: 44px; 
	position:fixed;
	bottom:5%;
	right:8%;
	width: 44px; 
	z-index:9;
}

/*------------------------------------ FINE UPLOADER DRAG AND DROP -----------------------------------*/

.fine-uploader-container {
	margin-bottom: 15px;
}

.qq-uploader {
	height: auto;
	min-height: 120px;
}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
	background:#fff;
	border:1px dashed #898989;
	border-radius: 4px;
	display:block !important;
	height: auto;
	min-height: 120px;
	left:  -1px;
	top: -1px;
}

.ag-qq-upload-drop-area-text-selector {
	font-size: 0.8em;
	line-height: 28px;
	padding: 0 8px;
	text-align: right;
}

#qq_template_testamur .qq-uploader:before {
	content:  "Drop file here";
}

.qq-upload-button {
	height: 30px;
	line-height: 30px;
	width: 50%;
	z-index:3 !important;
}

.qq-upload-button div, .qq-upload-delete span {
	color: #fff;
	cursor: pointer;
	font-size: 1em;
}

.qq-upload-delete span {
	font-size: 0.8em;
}

.qq-upload-button:hover div, .qq-upload-delete:hover span {
	color: #FF7001;
}

.qq-upload-file {
	font-size: 14px;
	line-height: 26px;
}

.qq-drop-processing-spinner, .qq-upload-spinner {
	display: none !important;;
}

 .qq-drop-processing span {
 	font-size: 14px;
 }

 .qq-upload-cancel-selector {
 	/*display: block !important; */
 	margin: 8px 0
 }

.qq-upload-list li.qq-upload-success, ul.ag-existing-file, ul.ag-existing-association-file {
	background-color: #e9f9e5;
	font-size: 1.2em;
	line-height: 17px;
}
 ul.ag-existing-file, ul.ag-existing-association-file {
 	margin: 0 0 12px 0;
 	min-width: 20%;
 	padding: 6px;
 	text-indent: 0;
 	width: fit-content;
 }

 ul.ag-existing-file li, ul.ag-existing-association-file li {
 	margin-bottom: 0;
 }

 ul.ag-existing-file li input[type=button], ul.ag-existing-association-file li input[type=button] {
 	float: right;
 }

  .content-row ul.ag-existing-file li a {
  	color: #454545;
  	font-weight: 500;
  	font-size: 0.9em;
  	text-decoration: none;
  }

.qq-upload-list li.qq-upload-fail {
	background-color: #f9e5e6;
}

.qq-upload-list li::before { 
	content: '' !important;
	padding-right:0 !important;
}

#fine-uploader .qq-upload-drop-area, #update_fine-uploader .qq-upload-drop-area {
	background: #FFE0B2 !important;
}

.qq-upload-drop-area.qq-upload-drop-area-active {
	background: #e9f9e5 !important;
}

#fine-uploader .qq-upload-file {
	font-size:0.75em !important;
}

#fine-uploader.qq-upload-size, #fine-uploader .qq-upload-cancel, #fine-uploader .qq-upload-retry {
}

.delete-existing-file {
	margin-left: 20px;
}

.qq-uploader DIALOG .qq-dialog-message-selector {
	padding-left: 20px;
}


/* ---------------------- BAR CHART SE ELEMENTS ------------------------ */

.bar-chart {
	background-color: transparent;
	border: 1px solid #898989;
	cursor: pointer;
	height: 200px;
	position: relative;
	width: 100%;
}

.bar-chart div.bar {
	border: 1px solid #cdcdcd;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	min-height: 20%;
	position: absolute;
	bottom: 0;
	vertical-align: bottom;
	width: 12%;
}

.bar-chart div.bar:first-child {
	margin-left:0;
}
.bar-chart div.bar:last-child {
	margin-right:0;
}

.bar-chart div.bar.no-diary-entry {
	height: 20%;
}

div.bar.terrible {
	/* red */
	background-color: #d50000;
}
div.bar.poor {
	/* blue */
	background-color: #2962ff;
}
div.bar.fair {
	/* orange */
	background-color: #ff6d00;
}
div.bar.good {
	/* yellow */
	background-color: #ffd600
}
div.bar.excellent {
	/* green */
	background-color: #00c853;
}

div.bar label {
	cursor: pointer;
	font-size: 0.8em;
	margin: 0 auto;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(66,66,66,0.7);
	width: 80%;
}

/* ----------------------------- FLATICONS ------------------------------ */

h2 i.fi {
	margin-right: 0.5em;
}

.ag-tile i.fi::before {
	color: #516063;
	font-size: 48px;
}

.content-row h1 i.fi::before {
	color: #516063;
	font-size: 1.4em;
	padding-right: 0.3em;
	vertical-align: middle;
}

.content-row.tranquil-aqua h1 i.fi::before, .content-row.marine-magic h1 i.fi::before, .content-row.marine-magic.dark h1 i.fi::before {
	color: #fefefe;
}

a.button i.fi.fi-rr-angle-small-left::before, a.button i.fi.fi-rr-angle-small-right::before, i[class*=" fi-rr-"]:before {
	font-size: 1.3em;
	vertical-align: text-bottom;
}

table.general tr th.icons i[class*=" fi-rr-"]:before, table.general tr td.icons i[class*=" fi-rr-"]:before {
	color: #516063;
	font-size: 0.85em;
	padding: 0 5px;
	vertical-align: baseline;
}

table.general tr th.icons i:first-child[class*=" fi-rr-"]:before, table.general tr td.icons i:first-child[class*=" fi-rr-"]:before {
	
}

/* ------------------------------- Agreement ----------------------------------------- */

#agreement_holder {
	background: url('../images/trans.png') repeat-x bottom left #efefef;
	background-size: 32px 100%;
	color: #454545;
	height: 450px;
	overflow-y: scroll;
}

#agreement_holder h2, #agreement_holder h3 {
	color: #013177;
}

#agreement_holder ul {
	padding-inline-start: 16px;
}

#agreement_holder ul li {
	list-style-type: square;
	text-indent: 0;
}

#agreement_holder p, #agreement_holder li, #agreement_holder strong, #agreement_holder a {
	color: #454545;
}

/* ------------------------ Structure from Public Site -------------------------------- */

#ag_preamble_privacy {
	background-color: #ededed;
	border: 1px solid #fff;
	border-radius: 8px;
	padding: 10px 20px 20px;
}

#ag-modal-overlay-dark {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:20;
}

#header {
	background: #fefefe;
	border-bottom: 2px solid #4e5d61;
	height: fit-content;
	padding: 4px 0 12px;
	position: relative;
	text-align:center;
	z-index:2;
}

#header-content {
	position:relative;
	z-index: 3;
}

#header-social {
	position:absolute;
	top:0;
	right:9%;
}

#logo {
	z-index:1000;
	text-align:left;
}

#logo img {
	width:93%;
	max-width:324px;
}

#byline {
	text-align: right;
}

#byline h2, #footer_byline h2 {
	font-size: 1.2rem;
	margin: 16px 0 0;}

#byline h3 {
	font-weight: 400;
	font-size: 1rem;
}

#footer_byline h2 {
	margin: 1px;
}

#byline.admin {
	top: 0;
	right: 0;
}

#byline.admin h2 {
	margin: 0;
}

footer {
	background: #fefefe;
	border-top: 2px solid #4e5d61;
	position: relative;
}

#footer_content {
	font-size:12px;
	height:fit-content;
	padding: 16px 0 10px;
	position: relative;
}

#footer_logo img {
	width:110%;
}

#footer_byline {
	/*position: relative;
	top: 0;
	right: 0;*/
	text-align: right;
}

#footer_copyright {
	font-size:0.9em;
}

#footer_links {
}

#footer_links p {
	font-size: 0.9em;
}

#footer_links ul {
	margin-top: 10px;
}

#footer_links ul li {
	display:inline;
}

#footer_links ul li a {
	border-right: 1px solid #f9cd34;
	color:#a69e87;
	font-size: 0.75em;
	line-height:1.4em;
	margin:0 auto;
	padding:0 8px 0 0;
	text-decoration:none;
	text-transform:uppercase;
}

#footer_links ul li a:hover {
	color: #b3b3b3;
}

#footer_links ul li:last-child a {
	border-right: none;
	padding-right: 0;
}

#ag_footer_copyright {
	text-align: right;
}

#ag_footer_copyright p {
	font-size: 0.9em;
	margin-top: 8px;
}

#mobile_nav_button {
	padding: 0 16px 0 0;
}

#mobile_navigation {
	color:#1a1a1a;
	display:none;
	padding:0;
	position:absolute;
	top: 76px;
	right:0;
	text-align: left;
	width:100%;
	z-index:23;	
}

#menu-mobile-menu {
	background: #e9f6fc;
	background: #fff;
	border-bottom:2px solid #1a1a1a;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
	width: 100%;
}

#menu-mobile-menu li { 
	cursor:pointer;
	border-bottom:1px solid #1a1a1a;
	line-height:1.6;
	margin:0;
	padding: 12px 0;
	width:100%;
}

#menu-mobile-menu li:last-child {
	border-bottom:none;
}

#menu-mobile-menu li a {
	color: #1a1a1a;
	cursor: pointer;
	display: block;
	font-size: 1.2rem;
	font-weight: 400;
	height: 36px;
	letter-spacing: 0.1em;
	line-height: 36px;
	padding:0 5%;
	text-decoration: none;
	text-transform: none;
	width:100%;
}

#menu-mobile-menu li a:hover {
	color: #343434;
}

#menu-mobile-menu li ul li {
	border-bottom:none;
	padding: 8px 0;
}

#menu-mobile-menu li ul li a {
	font-size: 1em;
	font-size: 1rem;
}

@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css')