/* These styles are generated from project.scss. */

.alert-debug {
	color: black;
	background-color: white;
	border-color: #d6e9c6;
}

.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

body {
	height: 100%;
	min-height: 100vh;
	max-height: 100vh;
	overflow-y: auto;
	position: relative;
}

section.landing-main {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0% 0 20%;
	height: 100vh;
	background-color: #e3fdff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%2312a1cc' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%230c7daa' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%2330a5c0' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%231c7b9e' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%234ba7b4' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%232a7892' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%2362a9aa' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23377587' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%2376aaa3' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%2342727c' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%2388aa9f' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%234b6e73' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
}

.basic-box {
	background: #fff;
	margin: 0 0 1rem;
	box-shadow: 0 7px 20px -8px rgba(0, 0, 0, .2);
	border-radius: 4px;
	padding: 1.5rem 3rem;
}

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

h2.unsubscribe-success--header {
	color: #575757;
	letter-spacing: 0.01em;
	margin: 0 0 1rem;
	line-height: 1;
}

span.unsubscribe-success--em {
	font-weight: 500;
	color: #4ba7b4;
	margin: 0 3px;
}

.unsubscribe-success p {
	max-width: 800px;
	margin: 0px auto 0.35rem;
}

@media (max-width: 700px) {
	section.landing-main p {
		font-size: 0.85rem;
	}
	section.landing-main h2 {
		font-size: 1.4rem;
	}
	.basic-box {
		padding: 1.5rem 1rem;
	}
}

.index-main {
  display: flex;
	justify-content: center;
	align-items: center;
	padding: 5% 0;
	height: 100vh;
  background-color: #3ea6c2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='72' height='36' viewBox='0 0 72 36'%3E%3Cdefs%3E%3Crect stroke='%233ea6c2' stroke-width='0.06' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='2' height='2' patternUnits='userSpaceOnUse'%3E%3Cg stroke='%233ea6c2' stroke-width='0.06'%3E%3Crect fill='%2342a8c3' width='1' height='1'/%3E%3Crect fill='%233ea6c2' width='1' height='1' x='1' y='1'/%3E%3Crect fill='%2346aac4' width='1' height='1' y='1'/%3E%3Crect fill='%234aabc6' width='1' height='1' x='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='b' width='5' height='11' patternUnits='userSpaceOnUse'%3E%3Cg fill='%234dadc7'%3E%3Cuse xlink:href='%23s' x='2' y='0'/%3E%3Cuse xlink:href='%23s' x='4' y='1'/%3E%3Cuse xlink:href='%23s' x='1' y='2'/%3E%3Cuse xlink:href='%23s' x='2' y='4'/%3E%3Cuse xlink:href='%23s' x='4' y='6'/%3E%3Cuse xlink:href='%23s' x='0' y='8'/%3E%3Cuse xlink:href='%23s' x='3' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='7' height='7' patternUnits='userSpaceOnUse'%3E%3Cg fill='%2351afc8'%3E%3Cuse xlink:href='%23s' x='1' y='1'/%3E%3Cuse xlink:href='%23s' x='3' y='4'/%3E%3Cuse xlink:href='%23s' x='5' y='6'/%3E%3Cuse xlink:href='%23s' x='0' y='3'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='11' height='5' patternUnits='userSpaceOnUse'%3E%3Cg fill='%233ea6c2'%3E%3Cuse xlink:href='%23s' x='1' y='1'/%3E%3Cuse xlink:href='%23s' x='6' y='3'/%3E%3Cuse xlink:href='%23s' x='8' y='2'/%3E%3Cuse xlink:href='%23s' x='3' y='0'/%3E%3Cuse xlink:href='%23s' x='0' y='3'/%3E%3C/g%3E%3Cg fill='%2355b1c9'%3E%3Cuse xlink:href='%23s' x='8' y='3'/%3E%3Cuse xlink:href='%23s' x='4' y='2'/%3E%3Cuse xlink:href='%23s' x='5' y='4'/%3E%3Cuse xlink:href='%23s' x='10' y='0'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='23' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23c1e6e1'%3E%3Cuse xlink:href='%23s' x='2' y='5'/%3E%3Cuse xlink:href='%23s' x='23' y='13'/%3E%3Cuse xlink:href='%23s' x='4' y='18'/%3E%3Cuse xlink:href='%23s' x='35' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='61' height='31' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23c1e6e1'%3E%3Cuse xlink:href='%23s' x='16' y='0'/%3E%3Cuse xlink:href='%23s' x='13' y='22'/%3E%3Cuse xlink:href='%23s' x='44' y='15'/%3E%3Cuse xlink:href='%23s' x='12' y='11'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='72' height='36'/%3E%3Crect fill='url(%23b)' width='72' height='36'/%3E%3Crect fill='url(%23c)' width='72' height='36'/%3E%3Crect fill='url(%23d)' width='72' height='36'/%3E%3Crect fill='url(%23e)' width='72' height='36'/%3E%3Crect fill='url(%23f)' width='72' height='36'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}

.index-main .container,
.index-main .row,
.index-main .col-sm-6 {
  height: 100%;
}

.backend-panel {
  background: #fff;
  padding: 2rem 3rem;
  margin: 0 0 2rem;
  border-radius: 3px;
  box-shadow: 0px 8px 22px -6px rgba(0, 0, 0, 0.35);
}

.backend-panel.index-main-panel {
  height: 100%;
}

.index--header {
  font-size: 2rem;
  color: #484848;
  margin: 0 0 1.5rem;
  letter-spacing: -.01em;
}

.index--header-secondary {
  font-size: 1.5rem;
  color: #484848;
  letter-spacing: -.01em;
  margin: 0 0 1.2rem;
}

.backend-panel p {
  color: #555;
  font-size: 1.1rem;
}

.backend-panel--button-container {
  margin: 1.5rem 0 0.5rem;
}

a.btn.btn-tto {
  background: #21bce6;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.client-articles {
	display: block;
	padding: 0 0 3rem;
}

.client-articles--header {
	display: flex;
	padding: 2rem 0 0;
	align-items: center;
	justify-content: space-between;
}

.client-articles--table {
	display: block;
	margin: 2rem 0 0rem;
}

.client-articles--tables {
	display: block;
	padding: 1rem 0 1rem;
}

tr.clickable-row {
	cursor: pointer;
}

.client-articles--noData {
	margin: 3rem 0 3rem;
	text-align: center;
	font-weight: 600;
}