@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* ── DESIGN TOKENS ─────────────────────────────────────────────────── */
:root {
	--navy: #1D1A53;
	--navy-dk: #13104a;
	--orange: #F36B21;
	--teal: #16C19F;
	--blue: #0068E6;
	--sky: #6AB2E2;
	--white: #fff;
	--bg: #F4F5F8;
	--surface: #fff;
	--border: #E8E9EF;
	--text-primary: #1a1a2e;
	--text-secondary: #6b6b8a;
	--text-muted: #9999b3;
	--sidebar-w: 232px;
	--header-h: 64px;
	--font: 'Outfit', sans-serif;
	--radius: 9px;
	--radius-lg: 14px;
}

/* ── RESET ──────────────────────────────────────────────────────────── */
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font-family: var(--font);
	background: var(--bg);
	color: var(--text-primary);
}

a {
	color: var(--blue);
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
		color: var(--blue);
	}

p {
	margin-bottom: 12px;
	line-height: 1.6;
}

strong, b {
	font-weight: 600;
}

hr {
	border: none;
	border-top: 1px solid var(--border);
	margin: 20px 0;
}

h1, h2, h3, h4, h5 {
	color: var(--text-primary);
	font-weight: 700;
	letter-spacing: -0.2px;
}

h1 {
	font-size: 26px;
	margin-bottom: 20px;
}

h2 {
	font-size: 20px;
	margin-bottom: 14px;
}

h3 {
	font-size: 17px;
	margin-bottom: 10px;
}

h4 {
	font-size: 14px;
	margin-bottom: 8px;
}

/* ── SIDEBAR ────────────────────────────────────────────────────────── */
.sidebar {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--sidebar-w);
	background: var(--navy-dk);
	display: flex;
	flex-direction: column;
	z-index: 100;
	box-shadow: 4px 0 20px rgba(19,16,74,0.2);
}

.sidebar-logo {
	padding: 20px 18px 16px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

	.sidebar-logo img {
		height: 28px;
	}

.sidebar-logo-text {
	font-size: 18px;
	font-weight: 700;
	color: var(--white);
	letter-spacing: -0.3px;
}

.sidebar-nav {
	flex: 1;
	overflow-y: auto;
	padding: 8px 0 12px;
}

.nav-section {
	padding: 16px 16px 4px;
}

.nav-section-header {
	display: flex;
	align-items: center;
	gap: 7px;
}

.nav-section-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	flex-shrink: 0;
}

	.nav-section-dot.orange {
		background: var(--orange);
	}

	.nav-section-dot.teal {
		background: var(--teal);
	}

	.nav-section-dot.blue {
		background: var(--blue);
	}

.nav-section-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.38);
}

.nav-children {
	padding: 3px 0 6px;
	position: relative;
}

	.nav-children::before {
		content: '';
		position: absolute;
		left: 20px;
		top: 0;
		bottom: 8px;
		width: 1px;
		background: rgba(255,255,255,0.08);
	}

.nav-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px 8px 32px;
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.12s;
	border-left: 2px solid transparent;
}

	.nav-item:hover {
		background: rgba(255,255,255,0.05);
		color: rgba(255,255,255,0.85);
		text-decoration: none;
	}

	.nav-item.active {
		color: var(--white);
		font-weight: 600;
		background: rgba(255,255,255,0.06);
		border-left-color: var(--orange);
	}

.sidebar-divider {
	height: 1px;
	background: rgba(255,255,255,0.05);
	margin: 6px 12px;
}

.sidebar-user {
	padding: 12px 14px;
	border-top: 1px solid rgba(255,255,255,0.06);
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.user-avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--orange), var(--blue));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 700;
	color: white;
	flex-shrink: 0;
}

.user-info {
	flex: 1;
	min-width: 0;
}

.user-name {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-role {
	font-size: 10.5px;
	color: rgba(255,255,255,0.28);
}

.user-logoff {
	font-size: 11px;
	color: rgba(255,255,255,0.3);
	text-decoration: none;
	white-space: nowrap;
}

	.user-logoff:hover {
		color: rgba(255,255,255,0.65);
		text-decoration: none;
	}

/* ── HEADER BAR ─────────────────────────────────────────────────────── */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	height: var(--header-h);
	background: var(--surface);
	border-bottom: 1px solid var(--border);
	display: flex;
	align-items: center;
	padding: 0 28px;
	gap: 16px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.page-title {
	font-size: 17px;
	font-weight: 700;
	color: var(--text-primary);
	flex: 1;
	letter-spacing: -0.2px;
}

/* ── PAGE SHELL ─────────────────────────────────────────────────────── */
.main-wrap {
	margin-left: var(--sidebar-w);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main-content {
	flex: 1;
	padding: 28px;
}

/* ── GRID (Bootstrap-compatible names) ──────────────────────────────── */
.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

[class*="col-"] {
	padding: 0 12px;
}

.col-md-1 {
	width: 8.33%;
}

.col-md-2 {
	width: 16.67%;
}

.col-md-3 {
	width: 25%;
}

.col-md-4 {
	width: 33.33%;
}

.col-md-5 {
	width: 41.67%;
}

.col-md-6 {
	width: 50%;
}

.col-md-7 {
	width: 58.33%;
}

.col-md-8 {
	width: 66.67%;
}

.col-md-9 {
	width: 75%;
}

.col-md-10 {
	width: 83.33%;
}

.col-md-11 {
	width: 91.67%;
}

.col-md-12 {
	width: 100%;
}

.col-md-offset-2 {
	margin-left: 16.67%;
}

.col-md-offset-3 {
	margin-left: 25%;
}

/* ── CARD / SURFACE ─────────────────────────────────────────────────── */
.card, .panel, .well {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: 24px;
	margin-bottom: 20px;
}

/* ── TABLE ──────────────────────────────────────────────────────────── */
.table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	background: var(--surface);
}

	.table th {
		padding: 5px 5px;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.06em;
		color: var(--text-secondary);
		background: var(--bg);
		border-bottom: 1px solid var(--border);
		text-align: left;
		white-space: nowrap;
	}

	.table td {
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		border-bottom: 1px solid var(--border);
		vertical-align: top;
		color: var(--text-primary);
	}

	.table tr:last-child td {
		border-bottom: none;
	}

.table-middle td {
	vertical-align: middle;
}

.table tbody tr:hover td {
	background: rgba(0,104,230,0.025);
}

.table-responsive {
	overflow-x: auto;
	border-radius: var(--radius-lg);
	border: 1px solid var(--border);
}

/* ── BUTTONS ────────────────────────────────────────────────────────── */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 16px;
	border-radius: var(--radius);
	font-size: 13px;
	font-weight: 600;
	font-family: var(--font);
	border: 1.5px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.15s;
	white-space: nowrap;
	line-height: 1.3;
}

	.btn:hover {
		text-decoration: none;
	}

.btn-default {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text-primary);
}

	.btn-default:hover {
		border-color: var(--navy);
		color: var(--navy);
	}

.btn-secondary {
	background: var(--surface);
	border-color: var(--border);
	color: var(--text-primary);
}

	.btn-secondary:hover {
		border-color: var(--navy);
		color: var(--navy);
	}

.btn-primary {
	background: var(--navy);
	border-color: var(--navy);
	color: var(--white);
}

	.btn-primary:hover {
		background: var(--navy-dk);
	}

.btn-success {
	background: var(--teal);
	border-color: var(--teal);
	color: var(--white);
}

	.btn-success:hover {
		background: #0fa888;
		border-color: #0fa888;
	}

.btn-info {
	background: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}

	.btn-info:hover {
		background: #0058c4;
		border-color: #0058c4;
	}

.btn-warning {
	background: var(--orange);
	border-color: var(--orange);
	color: var(--white);
}

	.btn-warning:hover {
		background: #d85a18;
		border-color: #d85a18;
	}

.btn-danger {
	background: #e5334a;
	border-color: #e5334a;
	color: var(--white);
}

	.btn-danger:hover {
		background: #c42a3f;
		border-color: #c42a3f;
	}

.btn-sm {
	padding: 6px 12px;
	font-size: 12px;
}

.btn-xs {
	padding: 3px 9px;
	font-size: 11px;
	border-radius: 6px;
}

.btn-lg {
	padding: 12px 22px;
	font-size: 15px;
}

/* ── FORMS ──────────────────────────────────────────────────────────── */
.form-group {
	margin-bottom: 18px;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="search"],
select,
textarea {
	display: block;
	width: 100%;
	max-width: 580px;
	padding: 10px 14px 10px 5px;
	margin: 0px 0px 5px;
	border: 1.5px solid var(--border);
	border-radius: var(--radius);
	font-size: 14px;
	font-family: var(--font);
	color: var(--text-primary);
	background: var(--surface);
	outline: none;
	transition: all 0.15s;
}

	.form-control:focus,
	input:focus,
	select:focus,
	textarea:focus {
		border-color: var(--blue);
		box-shadow: 0 0 0 3px rgba(0,104,230,0.08);
	}

textarea {
	resize: vertical;
}

label, .control-label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--text-secondary);
	text-transform: uppercase;
	letter-spacing: 0.07em;
	margin-bottom: 5px;
}

.form-horizontal .form-group {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.form-horizontal .control-label {
	padding-top: 10px;
	min-width: 140px;
	text-align: right;
}

.form-horizontal .form-control {
	flex: 1;
}

.checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
}

	.checkbox label {
		text-transform: none;
		font-size: 13px;
		font-weight: 500;
		margin: 0;
	}

	.checkbox input[type="checkbox"] {
		width: auto;
		max-width: none;
	}

.form-inline {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

	.form-inline .form-control {
		width: auto;
		max-width: none;
	}

/* ── LABELS / BADGES ────────────────────────────────────────────────── */
.label, .badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 20px;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.label-default, .badge-default {
	background: var(--bg);
	color: var(--text-secondary);
}

.label-primary, .badge-primary {
	background: rgba(29,26,83,0.09);
	color: var(--navy);
}

.label-success, .badge-success {
	background: rgba(22,193,159,0.12);
	color: #0a9e7f;
}

.label-info, .badge-info {
	background: rgba(0,104,230,0.1);
	color: var(--blue);
}

.label-warning, .badge-warning {
	background: rgba(243,107,33,0.1);
	color: var(--orange);
}

.label-danger, .badge-danger {
	background: rgba(229,51,74,0.1);
	color: #e5334a;
}

/* ── ALERTS ─────────────────────────────────────────────────────────── */
.alert {
	padding: 12px 16px;
	border-radius: var(--radius);
	margin-bottom: 16px;
	font-size: 14px;
	border: 1.5px solid;
}

.alert-success {
	background: rgba(22,193,159,0.08);
	border-color: rgba(22,193,159,0.3);
	color: #0a7a62;
}

.alert-danger, .alert-error {
	background: rgba(229,51,74,0.08);
	border-color: rgba(229,51,74,0.25);
	color: #b0182c;
}

.alert-info {
	background: rgba(0,104,230,0.06);
	border-color: rgba(0,104,230,0.18);
	color: #0050b3;
}

.alert-warning {
	background: rgba(243,107,33,0.07);
	border-color: rgba(243,107,33,0.25);
	color: #a84700;
}

/* ── VALIDATION ─────────────────────────────────────────────────────── */
.validation-summary-errors {
	padding: 10px 14px;
	background: rgba(229,51,74,0.07);
	border: 1.5px solid rgba(229,51,74,0.25);
	border-radius: var(--radius);
	margin-bottom: 16px;
}

	.validation-summary-errors ul {
		padding-left: 18px;
	}

	.validation-summary-errors li, .field-validation-error, .text-danger {
		color: #e5334a;
		font-size: 12px;
	}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border-color: #e5334a !important;
}

/* ── UTILITIES ──────────────────────────────────────────────────────── */
.text-danger {
	color: #e5334a !important;
}

.text-success {
	color: #0a9e7f !important;
}

.text-muted {
	color: var(--text-muted) !important;
}

.text-primary {
	color: var(--navy) !important;
}

.text-info {
	color: var(--blue) !important;
}

.text-warning {
	color: var(--orange) !important;
}

.text-center {
	text-align: center;
}

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

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.clearfix::after {
	content: '';
	display: table;
	clear: both;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}

.hidden {
	display: none !important;
}

.mt-0 {
	margin-top: 0;
}

.mb-0 {
	margin-bottom: 0;
}

/* stub glyphicons as colored dots so existing markup doesn't break */
.glyphicon {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	vertical-align: middle;
	background: currentColor;
}

.glyphicon-remove-circle { /* color is set inline in the view */
}

/* ── FOOTER ─────────────────────────────────────────────────────────── */
.site-footer {
	padding: 16px 28px;
	border-top: 1px solid var(--border);
	font-size: 12px;
	color: var(--text-muted);
	display: flex;
	gap: 20px;
	align-items: center;
}

	.site-footer a {
		color: var(--text-muted);
	}

		.site-footer a:hover {
			color: var(--text-secondary);
			text-decoration: none;
		}

/* ── SELECT2 OVERRIDES ──────────────────────────────────────────────── */
/* Minimum width so the container doesn't collapse when placeholder is shown */
.select2-container {
	min-width: 735px;
}

/* Restore list styles wiped by the * reset */
.select2-results__options {
	list-style: none;
	padding: 4px 0;
	margin: 0;
}

.select2-results__option {
	padding: 9px 14px;
	font-size: 13.5px;
	font-family: var(--font);
	cursor: pointer;
}

	.select2-results__option[aria-disabled="true"] {
		color: var(--text-muted);
		cursor: default;
	}

.select2-container--default .select2-selection--single {
	border: 1.5px solid var(--border) !important;
	border-radius: var(--radius) !important;
	height: 55px;
	padding: 8px 14px !important;
	font-family: var(--font) !important;
	font-size: 14px !important;
	background: var(--surface) !important;
	color: var(--text-primary) !important;
}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 1.4 !important;
		color: var(--text-primary) !important;
		padding: 0 !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		top: 8px !important;
		right: 10px !important;
	}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--blue) !important;
	box-shadow: 0 0 0 3px rgba(0,104,230,0.08) !important;
	outline: none !important;
}

.select2-dropdown {
	border: 1.5px solid var(--border) !important;
	border-radius: var(--radius) !important;
	box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
	font-family: var(--font) !important;
}

.select2-results__option {
	font-size: 13.5px !important;
	padding: 9px 14px !important;
}

.select2-results__option--highlighted[aria-selected] {
	background: rgba(0,104,230,0.08) !important;
	color: var(--navy) !important;
}

.select2-search--dropdown .select2-search__field {
	border: 1.5px solid var(--border) !important;
	border-radius: 6px !important;
	font-family: var(--font) !important;
	font-size: 13px !important;
	padding: 6px 10px !important;
}

/* ── INPUT SIZE VARIANTS ────────────────────────────────────────────── */
/* Compact inline input — for table cells, price fields, etc. */
.form-control-xs {
	padding: 3px 8px !important;
	font-size: 13px !important;
	border-radius: 6px !important;
	height: auto !important;
	line-height: 1.4 !important;
}

/* ── SITE-SPECIFIC: BIGINPUT / TALLINPUT ────────────────────────────── */
.biginput {
	width: 100% !important;
	max-width: 900px !important;
}

.tallinput {
	height: 200px;
	max-height: 200px;
	min-height: 200px;
}

/* ── SITE-SPECIFIC: TRAVEL CALENDAR MATRIX ──────────────────────────── */
.travelCalendarMatrix {
	color: #fff;
	font-weight: bold;
}

.travelCalendarMatrix-0 {
	background-color: #003193;
}

.travelCalendarMatrix-1 {
	background-color: #0053A8;
}

.travelCalendarMatrix-2 {
	background-color: #007185;
}

.travelCalendarMatrix-3 {
	background-color: #009658;
}

.travelCalendarMatrix-4 {
	background-color: #00BA2D;
}

.travelCalendarMatrix-5 {
	background-color: #69B34C;
}

.travelCalendarMatrix-6 {
	background-color: #ACB334;
}

.travelCalendarMatrix-7 {
	background-color: #FAB733;
}

.travelCalendarMatrix-8 {
	background-color: #FF8E15;
}

.travelCalendarMatrix-9 {
	background-color: #FF4E11;
}

.travelCalendarMatrix-10 {
	background-color: #FF0D0D;
}

.thinRow td {
}

.tags {
	cursor: pointer;
	margin-left: 2px;
	user-select: none;
}

.emailOutput {
	font-style: normal;
	font-weight: normal;
	font-size: small;
	line-height: 1.5;
	font-family: sans-serif;
	background-color: white;
	padding:10px;
	border: #e1e1e1 1px solid;
}

/* ── SITE-SPECIFIC: PRICING PAGE ────────────────────────────────────── */
.pricingContainer {
	padding-top: 15px;
	padding-bottom: 5px;
}

.pricingContainerA {
	border: 2px solid #00855f;
	box-shadow: 0 8px 20px rgba(0,184,132,0.25);
	border-radius: var(--radius-lg);
}

.pricingContainerB {
	border: 2px solid #fc3f93;
	box-shadow: 0 8px 20px rgba(253,113,175,0.25);
	border-radius: var(--radius-lg);
}

.pricingContainerC {
	border: 2px solid #5c4dbc;
	box-shadow: 0 8px 20px rgba(123,104,238,0.25);
	border-radius: var(--radius-lg);
}

.pricingHeader {
	font-size: 40px;
}

.pricingPrice {
	font-size: 40px;
	margin-top: 20px;
	margin-bottom: 0;
}

.pricingTerms {
	font-size: 10px;
	color: #aaa;
	margin-top: 0;
	margin-bottom: 20px;
}

.pricingButton {
	margin-top: 25px;
	margin-bottom: 40px;
}

.pricingButtonA {
	color: #fff;
	background-color: #00855f;
	border-color: #00855f;
}

.pricingButtonB {
	color: #fff;
	background-color: #fc3f93;
	border-color: #fc3f93;
}

.pricingButtonC {
	color: #fff;
	background-color: #5c4dbc;
	border-color: #5c4dbc;
}

.pricingFeatures {
	margin-top: 15px;
	margin-bottom: 15px;
}

.pricingFinePrint {
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 25px;
}

/* ── LOGIN PAGE ─────────────────────────────────────────────────────── */
.login-page {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #13104a 0%, #1D1A53 50%, #0f2a4a 100%);
	position: relative;
	overflow: hidden;
	font-family: var(--font);
}

.login-orbs {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.login-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(90px);
	opacity: 0.18;
	animation: drift 14s ease-in-out infinite alternate;
}

	.login-orb.o1 {
		width: 600px;
		height: 600px;
		background: var(--orange);
		top: -200px;
		left: -150px;
	}

	.login-orb.o2 {
		width: 450px;
		height: 450px;
		background: var(--teal);
		bottom: -120px;
		right: -80px;
		animation-delay: -5s;
	}

	.login-orb.o3 {
		width: 350px;
		height: 350px;
		background: var(--blue);
		top: 45%;
		right: 22%;
		animation-delay: -9s;
	}

@keyframes drift {
	from {
		transform: translate(0,0) scale(1);
	}

	to {
		transform: translate(28px,18px) scale(1.04);
	}
}

.login-grid {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
	background-size: 44px 44px;
}

.login-card {
	position: relative;
	z-index: 1;
	background: rgba(255,255,255,0.05);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 20px;
	padding: 44px 40px;
	width: 100%;
	max-width: 420px;
	text-align: center;
}

.login-logo {
	margin-bottom: 28px;
}

	.login-logo img {
		height: 42px;
	}

.login-title {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 6px;
	letter-spacing: -0.3px;
}

.login-sub {
	font-size: 14px;
	color: rgba(255,255,255,0.5);
	margin-bottom: 32px;
}

.login-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	color: rgba(255,255,255,0.25);
	font-size: 12px;
}

	.login-divider::before, .login-divider::after {
		content: '';
		flex: 1;
		height: 1px;
		background: rgba(255,255,255,0.1);
	}

.login-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 13px 20px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	font-family: var(--font);
	text-decoration: none;
	transition: all 0.15s;
	cursor: pointer;
	border: 1.5px solid rgba(255,255,255,0.15);
	color: #fff;
	background: rgba(255,255,255,0.08);
	margin-bottom: 12px;
}

	.login-btn:hover {
		background: rgba(255,255,255,0.14);
		text-decoration: none;
		color: #fff;
	}

	.login-btn.google {
		background: var(--orange);
		border-color: var(--orange);
	}

		.login-btn.google:hover {
			background: #d85a18;
			border-color: #d85a18;
		}

.login-footer-note {
	font-size: 11.5px;
	color: rgba(255,255,255,0.28);
	margin-top: 24px;
}