:root {
  /* Fonts */
  --h1: 28px;
  --h2: 25.6px;
  --h3: 24px;
  --h4: 22px;
  --h5: 19.84px;
  --h6: 18px;
  --normal: 16px;
  --small: 13px;
  /* Orange */
  --orange-30: #b33828;
  --orange-40: #e56a54;
  --orange-60: #f39780;
  --orange-80: #ffd1c6;
  /* Blue */
  --blue-30: #366398;
  --blue-40: #4876AB;
  --blue-60: #7AA2D6;
  --blue-80: #AED1F0;
  --blue-100: #E9F3FC;
  /* Gray */
  --gray-20: #3A3A47;
	--gray-30: #515162;
  --gray-40: #696979;
  --gray-60: #8F8FA2;
  --gray-80: #D3D4DD;
  --gray-90: #FAFAFA;
  /* White */
  --white: #fff;
  --black: #000;
}

.jenevers-regular { font-family: 'Inter', sans-serif; }
.jenevers-bold { font-family: 'Inter', sans-serif; }

/* Font Cabin  */
.cabin-regular { font-family: 'Inter', sans-serif; font-weight: 400!important; }
.cabin-medium { font-family: 'Inter', sans-serif; font-weight: 500!important; }
.cabin-bold { font-family: 'Inter', sans-serif; font-weight: 700!important; }

body {
	background-color: var(--gray-90);
	color: var(--gray-20);
	font-family: 'Inter', sans-serif!important;
	padding: 0;
	margin: 0;
	line-height: 1.5;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
a { color: var(--gray-20); }
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

section {
	flex: 1;
}
/* ********************************************************
* Fonts Sizes
***********************************************************/
/* Font Sizes  */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .normal, small, .small { font-weight: 400; }
h1, .h1 { font-size: var(--h1); }
h2, .h2 { font-size: var(--h2); }
h3, .h3 { font-size: var(--h3); }
h4, .h4 { font-size: var(--h4); }
h5, .h5 { font-size: var(--h5); }
h6, .h6 { font-size: var(--h6); }
p, .normal { font-size: var(--normal); }
small, .small { font-size: var(--small); }

/* Primary Orange */
.text-primary { color: var(--orange-40)!important; }
.bg-primary { background-color: var(--orange-40)!important; }

/* Gray */
.text-gray-20 { color: var(--gray-20)!important; }
.text-gray-30 { color: var(--gray-30)!important; }
.text-gray-40 { color: var(--gray-40)!important; }
.text-gray-60 { color: var(--gray-60)!important; }
.text-gray-80 { color: var(--gray-80)!important; }
.text-gray-90 { color: var(--gray-90)!important; }
.bg-gray-20 { background-color: var(--gray-20)!important; }
.bg-gray-30 { background-color: var(--gray-30)!important; }
.bg-gray-40 { background-color: var(--gray-40)!important; }
.bg-gray-60 { background-color: var(--gray-60)!important; }
.bg-gray-80 { background-color: var(--gray-80)!important; }
.bg-gray-90 { background-color: var(--gray-90)!important; }

/* Blue */
.text-blue-30 { color: var(--blue-30)!important; }
.text-blue-40 { color: var(--blue-40)!important; }
.text-blue-60 { color: var(--blue-60)!important; }
.text-blue-80 { color: var(--blue-80)!important; }
.text-blue-100 { color: var(--blue-100)!important; }
.bg-blue-30 { background-color: var(--blue-30)!important; }
.bg-blue-40 { background-color: var(--blue-40)!important; }
.bg-blue-60 { background-color: var(--blue-60)!important; }
.bg-blue-80 { background-color: var(--blue-80)!important; }
.bg-blue-100 { background-color: var(--blue-100)!important; }

/* Input */
.form-label { margin: 0; }
.form-control,
.form-select {
	position: relative;
	padding: 11px 10px;
	font-size: var(--normal);
	border-radius: 2px;
	border-color: var(--gray-80);
}
.form-control-sm,
.form-select-sm {
	padding: 6px 10px;
	font-size: var(--small);
}
.form-control-lg,
.form-select-lg {
	padding: 17px 10px;
	font-size: var(--h6);
}
.form-control:focus,
.form-select:focus {
	color: var(--gray-30);
	border-color: var(--gray-80);
	outline: 0;
	box-shadow: 0 0 0 0.25rem var(--orange-80);
}

/* Input floating */
.form-floating { margin-top: 10px; }
.form-floating>label {
	background: var(--white);
	position: absolute;
	height: auto;
	padding: 1px 4px;
	line-height: 1;
	top: -9px;
	left: 10px;
	font-size: var(--small);
	font-weight: 700;
	color: var(--gray-40);
}

/* Input floating input text */
.form-floating>.form-control::placeholder { color: var(--gray-80); }
.form-floating>.form-control,
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
	height: auto;
	padding: 11px 10px;
	border-radius: 4px;
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	opacity: 1;
	background: white;
	transform: none;
}

.form-floating>.form-control-sm,
.form-floating>.form-control-sm:focus,
.form-floating>.form-control-sm:not(:placeholder-shown) {
	padding: 6px 10px;
	font-size: var(--small);
}

.form-floating>.form-select {
	height: auto;
	padding: 11px 10px;
	border-radius: 4px;
}

/* Input & Select Plaintext */
.form-select-plaintext {
	display: block;
	width: 100%;
	padding: .375rem 0;
	margin-bottom: 0;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0;
}
.form-control-plaintext,
.form-select-plaintext { border: 1px solid transparent!important; }
.form-control-plaintext.form-control-sm,
.form-select-plaintext.form-select-sm { padding: 6px 10px; }
.form-control-plaintext.form-control-lg {}

.form-select:disabled,
.form-control:disabled {
	background-color: var(--gray-90);
	opacity: 1;
}


/* Checkbox & Radio */
.form-check {
	min-height: 24px;
	padding-left: 24px;
	margin-bottom: 0;
}
.form-check .form-check-label { font-size: 13px; padding-left: 5px; }
.form-check .form-check-input {
	width: 24px;
	height: 24px;
	margin: 0 0 0 -24px;
}
.form-check .form-check-input[type=checkbox] {
	border-radius: 2px;
}
.form-check .form-check-input:checked {
	background-color: var(--orange-40);
	border-color: var(--orange-40);
}
.form-check .form-check-input:focus {
	border-color: var(--orange-40);
	box-shadow: 0 0 0 0.25rem var(--orange-80);
}
.form-check .form-check-input:hover {
	border: 1px solid var(--gray-30);
}
.form-check .form-check-input:checked:hover,
.form-check .form-check-input:focus:hover{
	border: 1px solid var(--orange-40);
}
.form-check .form-check-input:disabled~.form-check-label,
.form-check .form-check-input[disabled]~.form-check-label {
	pointer-events: none;
}

/* Switch */
.form-switch {
	min-height: 24px;
	padding-left: 48px;
	margin-bottom: 0;
}
.form-switch .form-check-input {
	width: 48px;
	margin-left: -48px;
	border: none;
	border-radius: 24px!important;
	background-color: var(--gray-80);
}
.form-switch .form-check-input:hover:focus,
.form-switch .form-check-input:hover,
.form-switch .form-check-input:checked,
.form-switch .form-check-input:checked:focus,
.form-switch .form-check-input:focus,
.form-switch .form-check-input {
	border: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' stroke='%238F9C9D' stroke-width='.4' fill='%23fff'/%3e%3c/svg%3e")
}

.border { border: 1px solid var(--gray-80)!important; }
.border-top { border-top: 1px solid var(--gray-80)!important; }
.border-bottom { border-bottom: 1px solid var(--gray-80)!important; }
.border-start { border-left: 1px solid var(--gray-80)!important }
.border-top-none { border-top: none !important; }

hr {
	margin: 1rem 0;
	color: var(--gray-80);
	border: 0;
	opacity: 1;
}

/* ********************************************************
* Tables
***********************************************************/
.table { color: var(--gray-20); }
.table > :not(caption) > * > * { padding: 9px; }
.table-sm > :not(caption) > * > * { padding: 2px; }
.table>:not(:last-child)>:last-child>* { border-bottom-color: inherit; }

.table,
.table tbody td,
.table tbody th,
.table thead td,
.table thead th { font-size: var(--small); }

.table-hover>tbody>tr:hover {
	--bs-table-accent-bg: none;
	background-color: var(--gray-90);
}

.nav-tabs .nav-link {
	background-color: #fff;
	color: var(--gray-40);
	border: none;
	border-bottom: 2px solid var(--white);
}
.nav-tabs .nav-link:hover {
	background-color: #fff;
	color: var(--orange-40);
	border: none;
	border-bottom: 2px solid var(--white);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background-color: #fff;
	color: var(--orange-40);
	border: none;
	border-bottom: 2px solid var(--orange-40);
}

.tooltip > .tooltip-inner { background-color: var(--orange-40); opacity: 1; }
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {
  border-top-color: var(--orange-40)!important;
}
.bs-tooltip-right .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before {
  border-right-color: var(--orange-40)!important;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: var(--orange-40)!important;
}
.bs-tooltip-left .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before {
  border-left-color: var(--orange-40)!important;
}

#header-root {
  padding-bottom: 59px;
}

.bg-gray-footer {
	background: #2b2d31;
	text-align: center;
}

.viz-footer-container {
	padding: 30px 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.viz-footer-container p {
	margin: 0px;
	font-size: 13px;
	font-weight: 400;
	line-height: 19px;
}

.viz-align-left {
	flex: 1 0 190px;
	margin-top: 10px;
}

.viz-align-right {
	flex: 1 0 286px;
	padding-top: 20px;
}

.viz-icons-container {
	font-size: 1.1rem;
	margin-bottom: 0.7rem;
}

.viz-icons-container a {
	color: #fff;
	text-decoration: none;
}

.viz-icon {
	margin-left: 20px;
}

@media screen and (min-width: 576px) {
	.viz-footer-container {
		justify-content: space-between;
	}

	.viz-align-left {
		text-align: left;
	}

	.viz-align-right {
		text-align: right;
		padding-top: 0;
	}
}