/* Printing (print to PDF) stylesheet */

@import url("print.css") print;

/* Fonts stylesheet */

@import url("fonts.css");

/* Flags | http://flag-icon-css.lip.is/ */

@import url("flag-icon.css");

/* CSS Variables */

:root {
	--scrollbar-width: calc(100vw - 100%);
}

html {
	box-sizing: border-box;
	font-size: 0.625rem;
	line-height: 1.4;
	height: 100%;
	width: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* Base | Clearing */

article:after,
aside:after,
div:after,
fieldset:after,
footer:after,
form:after,
header:after,
nav:after,
section:after,
ul:after,
dl:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

html,
button,
input,
select,
textarea {
	color: rgb(34, 34, 34);
}

/* selection */

::-moz-selection {
	color: rgb(255, 255, 255);
	background: rgb(101, 182, 255);
	text-shadow: none;
}

::selection {
	color: rgb(255, 255, 255);
	background: rgb(101, 182, 255);
	text-shadow: none;
}

a {
	color: rgb(74, 199, 237);
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #D8D8D8;
	margin: 1em 0;
	padding: 0;
	align-self: stretch;
	width: 100%;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

textarea {
	resize: vertical;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.6rem;
	line-height: 2rem;
	background: rgba(244, 247, 250, 1.0);
}

/* headings */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	margin: 0 0 0.5em 0;
}

h1 {
	font-size: 230.8%;
	margin: 0 0 0.6em 0;
	font-weight: 300;
}

h2 {
	font-size: 138.5%;
	line-height: 1.4em;
}

h3 {
	font-size: 115%;
	line-height: 1.4em;
}

h4 {
	font-size: 100%;
	line-height: 1.4em;
	margin: 0;
}

h5 {
	font-size: 100%;
	line-height: 1.5em;
	margin: 0;
}

h6 {
	font-size: 100%;
	line-height: 1.5em;
	margin: 0;
}

/* text */

p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

/* lists */

ul,
ol {
	line-height: 1.5em;
	margin: 0.5em 0 1em 0;
	padding: 0;
}

ul li,
ol li {
	margin: 0 0 0.5em 1.5em;
}

/* definition lists */

dl {
	line-height: 1.5em;
	margin: 0.5em 0 1em 0;
	padding: 0;
}

dl dt {
	float: left;
	width: 200px;
	border-bottom: 1px solid rgb(247, 247, 249);
	color: rgb(165, 165, 165);
}

dl dd {
	margin-left: 200px;
	border-bottom: 1px solid rgb(247, 247, 249);
}

dl dd:after {
	display: block;
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 1px;
	content: ".";
	line-height: 1px;
}

/* blockquote */

blockquote {
	line-height: 1.5em;
	margin: 0.5em 0 1.5em 0;
	padding: 0;
}

/* figure */

figure {
	margin: 0 0 0.5em 0;
}

figcaption {
	font-style: italic;
	color: rgba(68, 68, 68, 1);
}

/* ===================
    ALL:WCC ID Hermes
   =================== */

/* body background */

body {
	background-color: #F4F7FA;
	background: linear-gradient(to bottom, #31434d 0px, #31434d 50px, #52616a 50px, #52616a 15%, #727f87 15%, #727f87 27%, #939da4 27%, #939da4 41%, #b3bbc0 41%, #b3bbc0 57%, #d4d9dd 57%, #d4d9dd 75%, #f4f7fA 75%, #f4f7fA 100%);
	background-attachment: fixed;
}

/* layout */

body {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	height: 100vh;
	width: 100%;
}

.navbar {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	z-index: 1000;
	width: 100%;
}

.navbar + .container-fluid {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: auto;
	overflow-y: auto;
	position: relative;
	min-height: 50vh;
}

.alert-banner {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

@media all and (max-width: 500px) {
	.navbar + .container-fluid {}

	.alert ~ .navbar + .container-fluid {}
}

.page-home .alert ~ .navbar + .container-fluid {}

@media all and (max-width: 500px) {
	.page-home .navbar + .container-fluid {}

	.page-home .alert ~ .navbar + .container-fluid {}
}

/* Icons */

/* Icons | default */

.icon {}

/* Icons | specifics */

.icon-warning {
	/*background: url("../img/icons/png/icon-warning_96x96_orange.png");*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23F76800'%3E%3Cpath d='M95.5,86L51.7,5.9c-1.6-3-5.9-3-7.5,0L0.5,86C-1,88.9,1,92.3,4.3,92.3h87.5C95,92.3,97,88.9,95.5,86z M42.5,30h11v32h-11V30 z M48,82c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5C54.5,79.1,51.6,82,48,82z'/%3E%3C/svg%3E");
	filter: url("../img/icons/svg/filters.svg#colororange");
}

.icon-hit {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23BE3B37'%3E%3Cpath d='M72 47.64V48a32 32 0 1 1-32-32 31.71 31.71 0 0 1 16.16 4.43 10.74 10.74 0 0 0 .59-8.72 40 40 0 1 0 23.08 39.72A8.51 8.51 0 0 0 72 47.64zM40 40a8 8 0 1 0 8 8v-.06l13.44-7.8c3.91-2.26 10.82-1.34 14.85.64L96 29.32l-12.63-6.27L84 8.52 64.26 20c-.28 4.48-2.93 10.94-6.82 13.2l-13.53 7.86A8 8 0 0 0 40 40zm-16 8a16 16 0 0 0 31.1 5.06L64 47.9v.1a24.05 24.05 0 1 1-12.1-20.82l-8.84 5.13A16.2 16.2 0 0 0 40 32a16 16 0 0 0-16 16z'/%3E%3C/svg%3E");
	filter: url("../img/icons/svg/filters.svg#colorred");
}

.icon-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23519971'%3E%3Cpolygon points='84.63 11.86 35.79 61.61 11.16 38.11 0 49.59 36 84.14 96 23.13 84.63 11.86'/%3E%3C/svg%3E");
	filter: url("../img/icons/svg/filters.svg#colorgreen");

}

.icon-thumbdown {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23%23%222222'%3E%3Cpath d='M20 56H0V8h20zm75.5-19.24c0-2.58-2.22-5.28-6.75-5.64-2.78-.22-3.47-2.49-.13-3.24 2.81-.64 4.4-2.61 4.4-4.73 0-2.51-2.24-5.23-7.31-6.17-3.06-.56-3.37-3.56-.12-3.81 2.75-.21 3.84-1.17 3.84-2.51C89.42 6.94 82.81 0 70 0 53.38 0 45.53 8.27 28 11.07v43.51c9.5 3.48 17.86 10.58 22.75 27.55C52.66 88.77 53.88 96 60.25 96c9.5 0 10.37-20.5 6.75-35.12 5.25-2.76 15-3.75 19.92-3.54 7.08.28 9.08-3.28 9.08-6 0-4.05-3.33-5.4-5.42-6-2.43-.76-3.55-3.23-.12-3.69S95.5 39 95.5 36.76z'/%3E%3C/svg%3E");
	fill: #222222;
}

.icon-paxlist {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23%222222'%3E%3Cpath d='M2.22 3l1 1L6.11.48a1.3 1.3 0 0 1 2 1.64L4.35 6.76a1.3 1.3 0 0 1-1.92.1l-2-2.05A1.3 1.3 0 1 1 2.22 3zm0 8.36l1 1 2.87-3.53a1.3 1.3 0 1 1 2 1.64l-3.78 4.64a1.29 1.29 0 0 1-1.92.1l-2-2.05a1.3 1.3 0 1 1 1.84-1.83zm0 8.38l1 1 2.87-3.53a1.3 1.3 0 0 1 2 1.64l-3.78 4.64a1.29 1.29 0 0 1-1.92.1l-2-2.05a1.3 1.3 0 1 1 1.84-1.83z'/%3E%3Crect width='14' height='3' x='10' y='10.5' rx='1.18' ry='1.18'/%3E%3Crect width='14' height='3' x='10' y='19' rx='1.18' ry='1.18'/%3E%3Crect width='14' height='3' x='10' y='2.12' rx='1.18' ry='1.18'/%3E%3C/svg%3E");
}

.icon-tag {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23007bff'%3E%3Cpath d='M8 8h31.12l45.57 45.56-31.11 31.12L8 39.1zm45.58 88L96 53.56 42.44 0H0v42.42zM18.34 29.66a8 8 0 1 1 11.32 0 8 8 0 0 1-11.32 0z'/%3E%3C/svg%3E");
	filter: url("../img/icons/svg/filters.svg#colorblue");
}

.icon-check {
	fill: #519971;
}

.icon-person {
	fill: #222222;
}

.icon-plus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M96,40H56V0H40V40H0V56H40V96H56V56H96Z'/%3E%3C/svg%3E");
}

/* Icons | sizes */

.icon-xs {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
}

.icon-sm {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}

/*  */

.link__function {
	white-space: nowrap;
}

/* Badges */

.badge {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6rem;
	padding: 0.4em 0.5em 0.4em 0.5em;
}

.badge-link:hover {
	cursor: pointer;
}

/* if you want to be clever you could also do */

.badge[data-targeturl]:hover {
	cursor: pointer;
}

.badge .icon {
	vertical-align: top;
}

.badge .icon.icon-xs {
	display: inline-flex;
}

.badge .close {
	margin: -0.2em 0 0 0.3em;
	fill: rgba(255, 255, 255, 0.4);
}

.badge .close:hover,
.badge .close:focus {
	fill: rgba(255, 255, 255, 0.85);
}

.badge.badge-default {
	color: #ffffff;
	background-color: #818A91;
}

.badge.badge-warning {
	color: #ffffff;
}

.badge-warning .icon-warning {
	background-image: none;
}

.badge-warning .icon-warning {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpath d='M95.5,86L51.7,5.9c-1.6-3-5.9-3-7.5,0L0.5,86C-1,88.9,1,92.3,4.3,92.3h87.5C95,92.3,97,88.9,95.5,86z M42.5,30h11v32h-11V30 z M48,82c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5C54.5,79.1,51.6,82,48,82z'/%3E%3C/svg%3E");
	filter: url("../img/icons/svg/filters.svg#colorwhite");
	fill: #ffffff;
}

.badge-warning .icon-warning:before svg {
	fill: #ffffff;
}

.badge-warning .icon-list {
	filter: url("../img/icons/svg/filters.svg#colorwhite");
	fill: #ffffff;
}

.badge.badge-danger {
	color: #ffffff;
}

.badge-danger .icon-hit {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpath d='M72 47.64V48a32 32 0 1 1-32-32 31.71 31.71 0 0 1 16.16 4.43 10.74 10.74 0 0 0 .59-8.72 40 40 0 1 0 23.08 39.72A8.51 8.51 0 0 0 72 47.64zM40 40a8 8 0 1 0 8 8v-.06l13.44-7.8c3.91-2.26 10.82-1.34 14.85.64L96 29.32l-12.63-6.27L84 8.52 64.26 20c-.28 4.48-2.93 10.94-6.82 13.2l-13.53 7.86A8 8 0 0 0 40 40zm-16 8a16 16 0 0 0 31.1 5.06L64 47.9v.1a24.05 24.05 0 1 1-12.1-20.82l-8.84 5.13A16.2 16.2 0 0 0 40 32a16 16 0 0 0-16 16z'/%3E%3C/svg%3E");
	filter: url("../img/icons/svg/filters.svg#colorwhite");
	fill: #ffffff;
}

.badge.badge-success {
	color: #ffffff;
}

.badge-success .icon-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpolygon points='84.63 11.86 35.79 61.61 11.16 38.11 0 49.59 36 84.14 96 23.13 84.63 11.86'/%3E%3C/svg%3E");
	filter: url("../img/icons/svg/filters.svg#colorwhite");
	fill: #ffffff;
}

.badge.badge-dark {
	color: #ffffff;
}

.badge-dark .icon-thumbdown {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpath d='M20 56H0V8h20zm75.5-19.24c0-2.58-2.22-5.28-6.75-5.64-2.78-.22-3.47-2.49-.13-3.24 2.81-.64 4.4-2.61 4.4-4.73 0-2.51-2.24-5.23-7.31-6.17-3.06-.56-3.37-3.56-.12-3.81 2.75-.21 3.84-1.17 3.84-2.51C89.42 6.94 82.81 0 70 0 53.38 0 45.53 8.27 28 11.07v43.51c9.5 3.48 17.86 10.58 22.75 27.55C52.66 88.77 53.88 96 60.25 96c9.5 0 10.37-20.5 6.75-35.12 5.25-2.76 15-3.75 19.92-3.54 7.08.28 9.08-3.28 9.08-6 0-4.05-3.33-5.4-5.42-6-2.43-.76-3.55-3.23-.12-3.69S95.5 39 95.5 36.76z'/%3E%3C/svg%3E");
	fill: #ffffff;
	filter: url("../img/icons/svg/filters.svg#colorwhite");
}

.badge-warning .icon-paxlist {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpath d='M8.19 13L12 16.8l10.6-13A4.8 4.8 0 0 1 30 9.83L16.08 27a4.79 4.79 0 0 1-7.08.35l-7.59-7.56A4.8 4.8 0 0 1 8.19 13zm0 32.62L12 49.43l10.6-13a4.8 4.8 0 0 1 7.4 6.02L16 59.61A4.8 4.8 0 0 1 9 60l-7.59-7.59a4.8 4.8 0 0 1 6.78-6.79zm0 32.63l3.8 3.8 10.6-13a4.8 4.8 0 0 1 7.45 6l-14 17.16a4.78 4.78 0 0 1-7.04.38L1.41 85a4.79 4.79 0 0 1 6.78-6.78z'/%3E%3Crect width='58' height='10' x='38' y='76' rx='3.81' ry='3.81'/%3E%3Crect width='58' height='10' x='38' y='11' rx='3.81' ry='3.81'/%3E%3Crect width='58' height='10' x='38' y='43' rx='3.81' ry='3.81'/%3E%3C/svg%3E");
	fill: #ffffff;
	filter: url("../img/icons/svg/filters.svg#colorwhite");
}

.badge-danger .icon-stop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpath d='M48 0a48 48 0 1 0 48 48A48 48 0 0 0 48 0zm0 12a35.8 35.8 0 0 1 20 6.08L18.08 68A36 36 0 0 1 48 12zm0 72a35.8 35.8 0 0 1-20-6.08L77.92 28A36 36 0 0 1 48 84z'/%3E%3C/svg%3E");
	fill: #ffffff;
	filter: url("../img/icons/svg/filters.svg#colorwhite");
}

/* dirty badge outline selector */

[class*="badge-outline-"],
[class^="badge-outline-"] {
	border: 1px solid transparent;
}

.badge-outline-secondary {
	color: #6c757d;
	background-color: transparent;
	background-image: none;
	border-color: #6c757d
}

.badge-outline-secondary:hover {
	color: #ffffff;
	background-color: #6c757d;
	border-color: #6c757d
}

.badge-outline-secondary.focus,
.badge-outline-secondary:focus {
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-outline-secondary.disabled,
.badge-outline-secondary:disabled {
	color: #6c757d;
	background-color: transparent
}

.badge-outline-secondary:not(:disabled):not(.disabled).active,
.badge-outline-secondary:not(:disabled):not(.disabled):active,
.show > .badge-outline-secondary.dropdown-toggle {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.badge-outline-secondary:not(:disabled):not(.disabled).active:focus,
.badge-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .badge-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

/* Badges | on buttons */

.btn .badge {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1em;
	padding: 0.3em 0.4em 0.3em 0.4em;
}

.btn .badge {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1em;
	margin: 0 0 0 0.25em;
	padding: 0.3em 0.4em 0.3em 0.4em;
}

/* Buttons */

.btn {
	font-size: 1.6rem;
}

.btn svg.icon {
	vertical-align: middle;
	margin: -0.2rem 0 0 0;
}

.btn-dark {
	background-color: rgba(49, 67, 77, 1);
	border-color: rgba(49, 67, 77, 1);
}

.btn-light {
	background-color: rgba(240, 240, 240, 1);
	border-color: rgba(240, 240, 240, 1);
}

.btn-googleplus {
	background: #E93F2E;
	color: #ffffff;
	border-style: solid;
}

.btn-googleplus:link,
.btn-googleplus:visited {
	color: #ffffff;
}

.btn-googleplus:active,
.btn-googleplus:hover {
	background: #b72213;
	color: #ffffff;
}

/* Buttons | [disabled] */

.btn[disabled] {
	cursor: not-allowed;
}

/* Button group */

.btn-group {
	flex-wrap: wrap;
}

/* Button | icons */

.btn .icon {
	display: inline-flex;
	vertical-align: middle;
	margin: 0 0.25em 0 0;
}

.btn .icon-thumbdown {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpath d='M20 56H0V8h20zm75.5-19.24c0-2.58-2.22-5.28-6.75-5.64-2.78-.22-3.47-2.49-.13-3.24 2.81-.64 4.4-2.61 4.4-4.73 0-2.51-2.24-5.23-7.31-6.17-3.06-.56-3.37-3.56-.12-3.81 2.75-.21 3.84-1.17 3.84-2.51C89.42 6.94 82.81 0 70 0 53.38 0 45.53 8.27 28 11.07v43.51c9.5 3.48 17.86 10.58 22.75 27.55C52.66 88.77 53.88 96 60.25 96c9.5 0 10.37-20.5 6.75-35.12 5.25-2.76 15-3.75 19.92-3.54 7.08.28 9.08-3.28 9.08-6 0-4.05-3.33-5.4-5.42-6-2.43-.76-3.55-3.23-.12-3.69S95.5 39 95.5 36.76z'/%3E%3C/svg%3E");
	fill: #ffffff;
	filter: url("../img/icons/svg/filters.svg#colorwhite");
}

.btn .icon-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23ffffff'%3E%3Cpolygon points='84.63 11.86 35.79 61.61 11.16 38.11 0 49.59 36 84.14 96 23.13 84.63 11.86'/%3E%3C/svg%3E");
	fill: #ffffff;
	filter: url("../img/icons/svg/filters.svg#colorwhite");
}

/* Close */

.close {
	float: none;
	font-weight: inherit;
	line-height: inherit;
	text-shadow: none;
	opacity: 1;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	color: rgba(0, 0, 0, 0.85);
}

.close:not(:disabled):not(.disabled):focus .icon,
.close:not(:disabled):not(.disabled):hover .icon {
	fill: rgba(0, 0, 0, 0.85);
}

/* Forms */

/* placeholder */

:focus::-webkit-input-placeholder {
	transition: opacity 0.5s 0.5s ease;
	opacity: 0;
	color: transparent;
}

:focus::-moz-placeholder {
	transition: opacity 0.5s 0.5s ease;
	opacity: 0;
	color: transparent;
}

:focus:-ms-input-placeholder {
	transition: opacity 0.5s 0.5s ease;
	opacity: 0;
	color: transparent;
}

/* Select | Chrome border-radius remove */

select {
	-webkit-border-radius: 0.25rem;
}

select.custom-select {
	height: auto;
	padding: 0.6rem 0.8rem 0.6rem 0.8rem;
	border: 1px solid #ced4da;
	transition: none;
	font-size: 1.4rem;
}

/* Bootstrap ~ Input group */

.input-group-text {
	font-size: inherit;
}

.input-group-text .icon {
	vertical-align: middle;
}

.input-group-append {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* fieldset */

fieldset {
	padding: 0.25rem 0 0 0;
}

.form-control {
	font-size: 1.4rem;
	color: rgb(34, 34, 34);
}

.form-control-lg {
	height: calc(2.875rem + 7px);
}

/* Dropdown */

.dropdown-menu {
	font-size: 1.6rem
}

/* Alerts */

.alert > .badge {
	margin: 0 0.25em 0 0;
}

/* Alerts | primary */

.alert-primary .icon {
	fill: rgba(0, 0, 0, 0.35);
}

.alert-primary .icon:hover,
.alert-primary .icon:focus {
	fill: rgba(34, 34, 34, 1);
}

/* Alerts | warning */

.alert-warning {
	background-color: rgba(255, 218, 106, 1);
	border-color: rgba(255, 212, 82, 1);
}

.alert-warning .icon {
	fill: rgba(0, 0, 0, 0.35);
}

.alert-warning .icon:hover,
.alert-warning .icon:focus {
	fill: rgba(34, 34, 34, 1);
}

/* Alerts | danger */

.alert-danger {
	background-color: #ff7575;
	border-color: #cf5c5a;
}

.alert-danger .icon {
	fill: rgba(0, 0, 0, 0.35);
}

.alert-danger .icon:hover,
.alert-danger .icon:focus {
	fill: rgba(34, 34, 34, 1);
}

/* Alerts | linked alert */

.alert-linked .alert {}

.alert-linked:hover,
.alert-linked:focus {
	text-decoration: none;
}

.alert-linked:hover .alert,
.alert-linked:focus .alert {
	box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
}

/* Alerts | Banner */

.alert.alert-banner {
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
}

/* Alerts | Toast */

.alert-toast {
	visibility: hidden;
	min-width: 18em;
	margin-left: -9em;
	text-align: center;
	position: fixed;
	z-index: 1000;
	left: 50%;
	bottom: 0;
	/* toast bottom */
	margin-bottom: 0;
	border-bottom: none;
	border-radius: 0.25rem 0.25rem 0 0;
}

.alert-toast.show {
	visibility: visible !important;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
	animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

/* Alerts | Toast ~ animations */

@-webkit-keyframes fadein {
	from {
		bottom: -50px;
		opacity: 0;
	}

	to {
		bottom: 0;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		bottom: -50px;
		opacity: 0;
	}

	to {
		bottom: 0;
		opacity: 1;
	}
}

@-webkit-keyframes fadeout {
	from {
		bottom: 0;
		opacity: 1;
	}

	to {
		bottom: -50px;
		opacity: 0;
	}
}

@keyframes fadeout {
	from {
		bottom: 0;
		opacity: 1;
	}

	to {
		bottom: -50px;
		opacity: 0;
	}
}

/* Switch */

/* The switch - the box around the slider */

.e-switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 24px;
}

/* Hide default HTML checkbox */

.e-switch input {
	display: none;
}

.e-switch__slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 24px;
	background-color: #cccccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.e-switch__slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transition: .4s;
	transition: .4s;
}

.e-switch input:checked + .e-switch__slider {
	background-color: #28a745;
}

.e-switch input:focus + .e-switch__slider {
	box-shadow: 0 0 1px #2196F3;
}

.e-switch input:checked + .e-switch__slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

/* file input | customized */

.form-control-custom__file-image-camera {
	overflow: hidden;
	position: relative;
}

.form-control-custom__file-image-camera [type=file] {
	cursor: inherit;
	display: block;
	filter: alpha(opacity=0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}

.form-control-custom__file-image-camera {}

.form-control-custom__file-image-camera .btn {
	min-height: 4rem;
	min-width: 4rem;
	border-radius: 2rem;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet' fill='%23fff'><path d='M20 20H8v-4h12zm32 20a12 12 0 1 0 12 12 12 12 0 0 0-12-12zm44-16v60H0V24h23.72a8 8 0 0 0 6.66-3.56L36 12h32l5.62 8.44A8 8 0 0 0 80.28 24zM20 40a4 4 0 1 0-4 4 4 4 0 0 0 4-4zm52 12a20 20 0 1 0-20 20 20 20 0 0 0 20-20z' /></svg>");
	background-position: center;
	background-size: 2.4rem;
	background-repeat: no-repeat;
}

.form-control-custom__file-image-camera .btn:hover,
.form-control-custom__file-image-camera .btn:focus {}

/* select | customized ~ cultures */

.form-control-custom__select-cultures {}

.form-control-custom__select-cultures option {
	padding-left: 32px;

}

/* Help */

.text-muted {
	font-weight: 400;
}

/* Grid | Addition XXL :-) */

/* It has a 2_4 custom addition for 5 column layout */

.col-xx-1,
.col-xx-2,
.col-xx-2_4,
.col-xx-3,
.col-xx-4,
.col-xx-5,
.col-xx-6,
.col-xx-7,
.col-xx-8,
.col-xx-9,
.col-xx-10,
.col-xx-11,
.col-xx-12,
.col-xx,
.col-xx-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 1900px) {
	.col-xx {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xx-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xx-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.3333333333%;
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.col-xx-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.6666666667%;
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-xx-2_4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.col-xx-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xx-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-xx-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-xx-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xx-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-xx-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.6666666667%;
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-xx-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xx-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.3333333333%;
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-xx-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.6666666667%;
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-xx-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-xx-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-xx-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-xx-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-xx-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-xx-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-xx-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-xx-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.order-xx-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}

	.order-xx-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}

	.order-xx-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
	}

	.order-xx-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}

	.order-xx-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11;
	}

	.order-xx-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-xx-0 {
		margin-left: 0;
	}

	.offset-xx-1 {
		margin-left: 8.3333333333%;
	}

	.offset-xx-2 {
		margin-left: 16.6666666667%;
	}

	.offset-xx-2_4 {
		margin-left: 20%;
	}

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

	.offset-xx-4 {
		margin-left: 33.3333333333%;
	}

	.offset-xx-5 {
		margin-left: 41.6666666667%;
	}

	.offset-xx-6 {
		margin-left: 50%;
	}

	.offset-xx-7 {
		margin-left: 58.3333333333%;
	}

	.offset-xx-8 {
		margin-left: 66.6666666667%;
	}

	.offset-xx-9 {
		margin-left: 75%;
	}

	.offset-xx-10 {
		margin-left: 83.3333333333%;
	}

	.offset-xx-11 {
		margin-left: 91.6666666667%;
	}
}

@media (min-width: 1900px) {
	.flex-xx-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-xx-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-xx-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-xx-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-xx-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-xx-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-xx-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xx-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-xx-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-xx-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-xx-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-xx-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-xx-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-xx-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-xx-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-xx-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-xx-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-xx-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-xx-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-xx-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-xx-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-xx-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-xx-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-xx-auto {
		-ms-flex-item-align: auto !important;
		-ms-grid-row-align: auto !important;
		align-self: auto !important;
	}

	.align-self-xx-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-xx-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-xx-center {
		-ms-flex-item-align: center !important;
		-ms-grid-row-align: center !important;
		align-self: center !important;
	}

	.align-self-xx-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-xx-stretch {
		-ms-flex-item-align: stretch !important;
		-ms-grid-row-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 1900px) {
	.d-xx-none {
		display: none !important;
	}

	.d-xx-inline {
		display: inline !important;
	}

	.d-xx-inline-block {
		display: inline-block !important;
	}

	.d-xx-block {
		display: block !important;
	}

	.d-xx-table {
		display: table !important;
	}

	.d-xx-table-row {
		display: table-row !important;
	}

	.d-xx-table-cell {
		display: table-cell !important;
	}

	.d-xx-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-xx-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}

@media (min-width: 1200px) {
	.m-xx-0 {
		margin: 0 !important;
	}

	.mt-xx-0,
	.my-xx-0 {
		margin-top: 0 !important;
	}

	.mr-xx-0,
	.mx-xx-0 {
		margin-right: 0 !important;
	}

	.mb-xx-0,
	.my-xx-0 {
		margin-bottom: 0 !important;
	}

	.ml-xx-0,
	.mx-xx-0 {
		margin-left: 0 !important;
	}

	.m-xx-1 {
		margin: 0.25rem !important;
	}

	.mt-xx-1,
	.my-xx-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xx-1,
	.mx-xx-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xx-1,
	.my-xx-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xx-1,
	.mx-xx-1 {
		margin-left: 0.25rem !important;
	}

	.m-xx-2 {
		margin: 0.5rem !important;
	}

	.mt-xx-2,
	.my-xx-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xx-2,
	.mx-xx-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xx-2,
	.my-xx-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xx-2,
	.mx-xx-2 {
		margin-left: 0.5rem !important;
	}

	.m-xx-2_4 {
		margin: 0.75rem !important;
	}

	.mt-xx-2_4,
	.my-xx-2_4 {
		margin-top: 0.75rem !important;
	}

	.mr-xx-2_4,
	.mx-xx-2_4 {
		margin-right: 0.75rem !important;
	}

	.mb-xx-2_4,
	.my-xx-2_4 {
		margin-bottom: 0.75rem !important;
	}

	.ml-xx-2_4,
	.mx-xx-2_4 {
		margin-left: 0.75rem !important;
	}

	.m-xx-3 {
		margin: 1rem !important;
	}

	.mt-xx-3,
	.my-xx-3 {
		margin-top: 1rem !important;
	}

	.mr-xx-3,
	.mx-xx-3 {
		margin-right: 1rem !important;
	}

	.mb-xx-3,
	.my-xx-3 {
		margin-bottom: 1rem !important;
	}

	.ml-xx-3,
	.mx-xx-3 {
		margin-left: 1rem !important;
	}

	.m-xx-4 {
		margin: 1.5rem !important;
	}

	.mt-xx-4,
	.my-xx-4 {
		margin-top: 1.5rem !important;
	}

	.mr-xx-4,
	.mx-xx-4 {
		margin-right: 1.5rem !important;
	}

	.mb-xx-4,
	.my-xx-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-xx-4,
	.mx-xx-4 {
		margin-left: 1.5rem !important;
	}

	.m-xx-5 {
		margin: 3rem !important;
	}

	.mt-xx-5,
	.my-xx-5 {
		margin-top: 3rem !important;
	}

	.mr-xx-5,
	.mx-xx-5 {
		margin-right: 3rem !important;
	}

	.mb-xx-5,
	.my-xx-5 {
		margin-bottom: 3rem !important;
	}

	.ml-xx-5,
	.mx-xx-5 {
		margin-left: 3rem !important;
	}

	.p-xx-0 {
		padding: 0 !important;
	}

	.pt-xx-0,
	.py-xx-0 {
		padding-top: 0 !important;
	}

	.pr-xx-0,
	.px-xx-0 {
		padding-right: 0 !important;
	}

	.pb-xx-0,
	.py-xx-0 {
		padding-bottom: 0 !important;
	}

	.pl-xx-0,
	.px-xx-0 {
		padding-left: 0 !important;
	}

	.p-xx-1 {
		padding: 0.25rem !important;
	}

	.pt-xx-1,
	.py-xx-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xx-1,
	.px-xx-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xx-1,
	.py-xx-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xx-1,
	.px-xx-1 {
		padding-left: 0.25rem !important;
	}

	.p-xx-2 {
		padding: 0.5rem !important;
	}

	.pt-xx-2,
	.py-xx-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xx-2,
	.px-xx-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xx-2,
	.py-xx-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xx-2,
	.px-xx-2 {
		padding-left: 0.5rem !important;
	}

	.p-xx-2_4 {
		padding: 0.75rem !important;
	}

	.pt-xx-2_4,
	.py-xx-2_4 {
		padding-top: 0.75rem !important;
	}

	.pr-xx-2_4,
	.px-xx-2_4 {
		padding-right: 0.75rem !important;
	}

	.pb-xx-2_4,
	.py-xx-2_4 {
		padding-bottom: 0.75rem !important;
	}

	.pl-xx-2_4,
	.px-xx-2_4 {
		padding-left: 0.75rem !important;
	}

	.p-xx-3 {
		padding: 1rem !important;
	}

	.pt-xx-3,
	.py-xx-3 {
		padding-top: 1rem !important;
	}

	.pr-xx-3,
	.px-xx-3 {
		padding-right: 1rem !important;
	}

	.pb-xx-3,
	.py-xx-3 {
		padding-bottom: 1rem !important;
	}

	.pl-xx-3,
	.px-xx-3 {
		padding-left: 1rem !important;
	}

	.p-xx-4 {
		padding: 1.5rem !important;
	}

	.pt-xx-4,
	.py-xx-4 {
		padding-top: 1.5rem !important;
	}

	.pr-xx-4,
	.px-xx-4 {
		padding-right: 1.5rem !important;
	}

	.pb-xx-4,
	.py-xx-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-xx-4,
	.px-xx-4 {
		padding-left: 1.5rem !important;
	}

	.p-xx-5 {
		padding: 3rem !important;
	}

	.pt-xx-5,
	.py-xx-5 {
		padding-top: 3rem !important;
	}

	.pr-xx-5,
	.px-xx-5 {
		padding-right: 3rem !important;
	}

	.pb-xx-5,
	.py-xx-5 {
		padding-bottom: 3rem !important;
	}

	.pl-xx-5,
	.px-xx-5 {
		padding-left: 3rem !important;
	}

	.m-xx-auto {
		margin: auto !important;
	}

	.mt-xx-auto,
	.my-xx-auto {
		margin-top: auto !important;
	}

	.mr-xx-auto,
	.mx-xx-auto {
		margin-right: auto !important;
	}

	.mb-xx-auto,
	.my-xx-auto {
		margin-bottom: auto !important;
	}

	.ml-xx-auto,
	.mx-xx-auto {
		margin-left: auto !important;
	}
}

/* Navbar */

.navbar.navbar-dark {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	min-height: 6rem;
	background-color: rgba(49, 67, 77, 1);
}

.navbar-dark__shadow {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.navbar .nav-link {
	font-size: 1.8rem;
}

.navbar-dark .navbar-toggler {
	margin: 0.75em 0 0 0;
	border-color: transparent;
}

.navbar-dark .navbar-toggler .navbar-toggler-icon,
.navbar-dark .navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 30 30' preserveAspectRatio='xMidYMid meet'><path stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='12' stroke-width='4' d='M4 7h22M4 15h22M4 23h22' /></svg>");
}

.navbar-dark .navbar-toggler:hover .navbar-toggler-icon,
.navbar-dark .navbar-toggler:focus .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 30 30' preserveAspectRatio='xMidYMid meet'><path stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='12' stroke-width='4' d='M4 7h22M4 15h22M4 23h22' /></svg>");
}

.navbar-toggler-icon {
	width: 2.4rem;
	height: 2.4rem;
}

.navbar .icon {
	fill: rgba(255, 255, 255, 0.5);
}

.navbar .icon:hover,
.navbar .icon:focus {
	fill: rgba(255, 255, 255, 0.75);
}

.navbar .icon:active {
	fill: rgba(255, 255, 255, 1);
}

.navbar.navbar-dropshadow {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.navbar-toggler {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.navbar-collapse.show {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

@media screen and (max-width: 767px) {
	.navbar-collapse.collapse ul li {
		margin: 0 0 0.5em 0.75em;
	}
}

.navbar-dark .navbar-nav .nav-link:active {
	color: rgba(255, 255, 255, 1);
}

/* Navbar | Navbar functions */

.navbar-nav.navbar-nav__functions {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-content: flex-end;
	-ms-flex-line-pack: end;
	align-content: flex-end;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;

	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.navbar-nav__functions > li {
	margin: 0 0 0.5em 0.75em;
}

.navbar-nav__functions > li:first-child a {
	position: relative;
}

/* Navbar | Navbar language */

.navbar__language {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.navbar__language .navbar-nav {
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}

/*--- temp removed for demo ---
.navbar-nav__functions > li:first-child a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: rgba(0, 0, 0, 0.25);
}

.navbar-nav__functions > li:first-child:hover a:before {
	background-color: rgba(0, 0, 0, 0);
}
---*/

.navbar-nav__functions .icon-avatar {
	border-radius: 12px;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.navbar-nav__functions > li:first-child:hover .icon-avatar,
.navbar-nav__functions > li:first-child:focus .icon-avatar {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
}

/* Navbar | Pushdown for app banner alerts */

.alert + .navbar.fixed-top {
	top: calc(2px + 1.5rem + 2rem);
}

/* Time, time component... */

time {
	white-space: nowrap;
}



/* Tooltip */

.tooltip {
	font-size: 1.4rem;
	line-height: 1.6rem;
}

.tooltip-inner {
	padding: 0.5em 1em;
}

/* Pagination */

.pagination {
	flex-wrap: wrap;
	/* small screen width pagination fix */
}

.pagination .page-item {
	margin: 0;
}

.pagination .page-link {
	padding: 0.5em 0.75em 0.5em 0.75em;
}

/* Hacking NG-Bootstrap pagination */

.pagination .page-item .page-link[aria-label=Previous]:before {
	content: "<";
}

.pagination .page-item .page-link[aria-label=Previous] > span {
	display: none;
}

.pagination .page-item .page-link[aria-label=Next]:before {
	content: ">";
}

.pagination .page-item .page-link[aria-label=Next] span {
	display: none;
}

/* Search */

mark {
	padding: 0 0.1em 0 0.1em;
	line-height: 1.275em;
	background-color: rgba(255, 255, 100, 1);
}

/* Filter */

.filter {}

.filter .btn-group {
	flex-wrap: wrap;
	margin: 0 0 0.5em 0;
	/* small screen width pagination fix */
}

.filter .btn-group .btn svg {
	fill: rgba(0, 0, 0, 0.7);
}

.filter .btn-group .btn:hover svg,
.filter .btn-group .btn:focus svg {
	fill: rgba(255, 255, 255, 1);
}

.filter .btn-group .btn.active svg {
	fill: rgba(255, 255, 255, 1);
}

/* Responsive list */

.resp_list {}

.resp_list li {
	display: flex;
	margin: 0 0 0 1.5em;
	padding: 0.75em 0.5em 0.75em 0.5em;
}

.resp_list li a {
	flex: 1 1 auto
}

/* Responsive list | functions */

.resp_list .functions {
	flex: 0 1 auto;
}

.resp_list.resp_list-func-hover li:hover,
.resp_list.resp_list-func-hover li:focus {
	background-color: rgba(228, 232, 236, 1);
	/* grey */
	background-color: rgba(210, 234, 255, 1);
	/* lightblue */
}

.resp_list .handle_sort {
	display: none;
}

.resp_list.resp_list-func-sortable .handle_sort {
	display: flex;
}

/* Responsive table */

.resp_table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 1em 0;
	padding: 0;
}

.resp_table__caption {
	width: 100%;
	padding: 0.75em;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 2.4rem;
	background-color: rgba(255, 255, 255, 1);
}

.resp_table__caption .icon {
	margin: 0 0.5em 0 0;
	vertical-align: bottom;
	fill: rgba(102, 102, 102, 1);
}

.resp_table-headings {
	display: flex;
	width: 100%;
	background-color: rgba(228, 232, 236, 1);
}

.resp_table-headings > .resp_table-cell {
	font-weight: 300;
	font-size: 1.2rem;
	border-top: none;
}

.resp-table-item__link {
	width: 100%;
}

.resp-table-item__link * {
	color: initial;
}

.resp-table-item__link:hover,
.resp-table-item__link:focus {
	text-decoration: none;
}

.resp_table-item {
	display: flex;
	width: 100%;
	background-color: #ffffff;
}

.resp_table.resp_table-func-hover .resp_table-item:hover,
.resp_table.resp_table-func-hover .resp_table-item:focus {
	background-color: rgba(228, 232, 236, 1);
	/* grey */
	background-color: rgba(210, 234, 255, 1);
	/* lightblue */
}

.resp_table-cell {
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 100%;
	padding: 0.75em 0.5em;
	overflow: hidden;
	list-style: none;
	border-top: solid 1px rgba(0, 0, 0, 0.70);
}

.resp_table--2cols > .resp_table-cell {
	width: 50%;
}

.resp_table--3cols > .resp_table-cell {
	width: 33.33%;
}

.resp_table--4cols > .resp_table-cell {
	width: 25%;
}

.resp_table--5cols > .resp_table-cell {
	width: 20%;
}

.resp_table--6cols > .resp_table-cell {
	width: 16.6%;
}

.resp_table--7cols > .resp_table-cell {
	width: 14.28%;
}

.resp_table-cell--dark {
	background-color: slategrey;
	border-color: #5a6673;
	color: white;
}

.resp_table-cell--dark > h1,
.resp_table-cell--dark > h2,
.resp_table-cell--dark > h3,
.resp_table-cell--dark > h4,
.resp_table-cell--dark > h5,
.resp_table-cell--dark > h6 {
	color: white;
}

.resp_table-cell--medium {
	background-color: #b8c0c8;
	border-color: #a9b3bc;
}

.resp_table-cell--light {
	background-color: white;
	border-color: #e2e6e9;
}

.resp_table-cell--highlight {
	background-color: lightgreen;
	border-color: #64e764;
}

.resp_table-cell--alert {
	background-color: darkorange;
	border-color: #cc7000;
	color: white;
}

.resp_table-cell--alert > h1,
.resp_table-cell--alert > h2,
.resp_table-cell--alert > h3,
.resp_table-cell--alert > h4,
.resp_table-cell--alert > h5,
.resp_table-cell--alert > h6 {
	color: white;
}

.resp_table-cell--head {
	background-color: slategrey;
	border-color: #5a6673;
	color: white;
}

.resp_table-cell--head > h1,
.resp_table-cell--head > h2,
.resp_table-cell--head > h3,
.resp_table-cell--head > h4,
.resp_table-cell--head > h5,
.resp_table-cell--head > h6 {
	color: white;
}

.resp_table-cell--foot {
	background-color: #b8c0c8;
	border-color: #a9b3bc;
}

@media all and (max-width: 500px) {
	.resp_table--collapse {
		display: block;
	}

	.resp_table__caption {
		border-bottom: 2px solid rgba(102, 102, 102, 1);
	}

	.resp_table--collapse > .resp_table-headings {
		display: none;
	}

	.resp_table--collapse .resp_table-item {
		display: block;
		margin-bottom: 1em;
	}

	.resp-table.resp_table--collapse > .resp_table-headings > .resp_table-cell {
		width: 100% !important;
	}

	.resp_table--collapse .resp_table-item > .resp_table-cell {
		/* ~ old way ~ width: 100% !important; */
		/* ~ new way ~ */
		min-width: 100%;
	}

	.resp_table--collapse .resp_table-item > .resp_table-cell:nth-child(4):empty {
		display: none;
	}

	.resp_table--collapse .resp_table-item > .resp_table-cell:last-child {
		margin-bottom: 1em;
	}

	.resp_table.resp_table-func-hover .resp_table-item:hover,
	.resp_table.resp_table-func-hover .resp_table-item:focus {
		background-color: rgba(255, 255, 255, 1);
	}

	.resp_table.resp_table-func-hover .resp-table-item__link .resp_table-item:hover,
	.resp_table.resp_table-func-hover .resp-table-item__link .resp_table-item:focus {
		box-shadow: 0 0 1.5rem rgba(43, 58, 68, .5);
	}
}

.resp_table__empty {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
	align-items: stretch;
	width: 100%;
	height: 20vh;
	background-color: #ffffff;
	padding: 0.75em 0.5em;
	border-top: solid 1px rgba(0, 0, 0, 0.70);
	border-bottom: solid 1px rgba(0, 0, 0, 0.70);
	text-shadow: 0 0 2px rgba(244, 247, 250, 1),
		-1px -1px 2px rgba(244, 247, 250, 0.5),
		1px -1px 2px rgba(244, 247, 250, 0.5),
		-1px 1px 2px rgba(244, 247, 250, 0.5),
		1px 1px 2px rgba(244, 247, 250, 0.5);
	background: repeating-linear-gradient(45deg,
		rgba(0, 0, 0, 0.05),
		rgba(0, 0, 0, 0.05) 1.8rem,
		rgba(244, 247, 250, 0.4) 1.8rem,
		rgba(244, 247, 250, 0.4) 3.6rem)
		/* overdoing it... ,
	repeating-linear-gradient( -45deg,
	rgba(0, 0, 0, 0.05),
	rgba(0, 0, 0, 0.05) 2.4rem,
	rgba(188, 212, 240, 0.6) 2.4rem,
	rgba(188, 212, 240, 0.6) 6.4rem)  */
	;
}

@media all and (max-width: 500px) {
	.resp_table__empty {
		height: 15vh;
	}
}

.resp_table__empty > div {
	order: 0;
	flex: 0 1 auto;
	align-self: center;
}

.resp_table__empty .empty-state_message {
	font-size: 1.8rem;
	font-style: italic;
	color: rgba(0, 0, 0, 0.70);
}

/* Responsive table | Modernizer_no-flexbox  */

.no-flexbox .resp_table {
	display: block;
}

.no-flexbox .resp_table > .resp_table-cell {
	width: 100%;
}

.no-flexbox .resp_table > .resp_table-cell--foot {
	margin-bottom: 1em;
}

/* Responsive table | Content  */

.resp_table-cell .not-applicable {
	font-family: initial;
	font-weight: 300;
	color: #B3BBC0;
}

/* Responsive table | Table cell labels  */

.resp_table-item > .resp_table-cell .resp_table-cell__label {
	visibility: hidden;
	margin-right: 1em;
	color: #777777;
	font-size: 1.2rem;
	font-weight: 300;
}

.resp_table-item:hover > .resp_table-cell .resp_table-cell__label,
.resp_table-item:focus > .resp_table-cell .resp_table-cell__label {
	visibility: visible;
}

/* Responsive table | Functionality sortable */

.resp_table-func-sortable {}

.column-sortable {
	text-decoration: underline;
	cursor: pointer;
}

.column-sortable.column-sortable__sorted {
	font-weight: 400;
	color: rgba(24, 104, 178, 1);
}

/* Responsive table | Custom Flights  */

.resp_table-custom--flights {}

/* Responsive table | Custom Flights ~ headings  */

.resp_table-custom--flights > .resp_table-headings > .resp_table-cell:nth-child(1) {
	width: 10%;
	min-width: 6ch;
}

.resp_table-custom--flights > .resp_table-headings > .resp_table-cell:nth-child(2) {
	width: 40%;
	box-sizing: content-box;
}

.resp_table-custom--flights > .resp_table-headings > .resp_table-cell:nth-child(3) {
	width: 15%;
}

.resp_table-custom--flights > .resp_table-headings > .resp_table-cell:nth-child(4) {
	width: 15%;
}

.resp_table-custom--flights > .resp_table-headings > .resp_table-cell:nth-child(5) {
	width: 10%;
	max-width: 10%;
	box-sizing: content-box;
}

.resp_table-custom--flights > .resp_table-headings > .resp_table-cell:nth-child(6) {
	width: 10%;
	box-sizing: content-box;
}

/* Responsive table | Custom Flights ~ items  */

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(1) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: flex-start;
	width: 10%;
	min-width: 6ch;
	font-weight: 600;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(1) time:first-child:nth-last-child(2) {
	order: 1;
	flex: 0 1 auto;
	align-self: auto;
	font-weight: 300;
	text-decoration: line-through;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(1) time:first-child:nth-last-child(2) ~ time {
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
	margin: 0 0.5em 0 0;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(2) {
	width: 40%;
	box-sizing: content-box;
	font-family: 'Source Code Pro', monospace;
	font-weight: 600;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(2) .location {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(3) {
	width: 15%;
	font-weight: 300;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(4) {
	width: 15%;
	font-weight: 300;
	text-align: right;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(5) {
	width: 10%;
	min-width: 3ch;
	max-width: 10%;
	font-family: 'Source Code Pro', monospace;
	font-weight: 300;
	white-space: pre;
	box-sizing: content-box;
}

.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(6) {
	width: 10%;
	min-width: 7ch;
	max-width: 10%;
	font-family: 'Source Code Pro', monospace;
	font-weight: 600;
	white-space: pre;
	box-sizing: content-box;
}

@media all and (max-width: 500px) {

	.resp_table-custom--flights .resp_table-item {
		background-color: #ffffff;
		padding: 0 0.75em;
	}

	.resp_table-custom--flights.resp_table--collapse .resp_table-item {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
		margin-bottom: 1em;
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell {
		padding: 0.75em 0;
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(1) {
		order: 0;
		flex: 0 1 30%;
		align-self: flex-start;
		width: auto;
		border-top: none;
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(2) {
		order: 1;
		flex: 0 2 100%;
		align-self: flex-start;
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(3) {
		order: 1;
		flex: 0 2 100%;
		align-self: flex-start;
		border-top: 1px solid rgba(0, 0, 0, 0.2);
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(4) {
		order: 2;
		flex: 0 1 100%;
		align-self: flex-start;
		width: 100%;
		font-weight: 300;
		text-align: right;
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(5) {
		order: 0;
		flex: 1 1 auto;
		align-self: flex-start;
		min-width: 5ch;
		max-width: none;
		border-top: none;
		font-weight: 200;
		text-align: right;
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(5):before {
		content: "(";
	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(5):after {
		content: ")";
		display: inline;
		visibility: visible;

	}

	.resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(6) {
		order: 0;
		flex: 0 1 auto;
		align-self: flex-start;
		text-align: right;
		border-top: none;
		max-width: none;
		margin-bottom: 0;
	}

}

/* Responsive table | Custom Match  */

.resp_table-custom--match {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.2rem;
}

/* Responsive table | Custom Match ~ items  */

.resp_table-custom--match .resp_table-item {
	position: relative;
	background-color: transparent;
}

.resp_table.resp_table-func-hover.resp_table-custom--match .resp_table-item:nth-child(1):hover,
.resp_table.resp_table-func-hover.resp_table-custom--match .resp_table-item:nth-child(1):focus {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, transparent, transparent 57px, rgba(210, 234, 255, 1) 57px, rgba(210, 234, 255, 1) 100%);
}

@media all and (min-width: 501px) {

	.resp_table-custom--match .resp_table-item:before {
		position: absolute;
		z-index: 1;
		top: 1.25em;
		left: 50%;
		width: 1em;
		height: 2px;
		background-color: #B3BBC0;
		content: "";
	}
}

.resp_table-custom--match > .resp_table-item > .resp_table-cell {
	border-top: none;
}

.resp_table-custom--match > .resp_table-item > .resp_table-cell a {
	color: initial;
}

.resp_table-custom--match > .resp_table-item > .resp_table-cell:nth-child(1) {
	width: 50%;
	text-align: right;
}

.resp_table-custom--match > .resp_table-item > .resp_table-cell:nth-child(2) {
	width: 50%;
	padding: 0.75em 0.5em 0.75em 1.5em;
}

.resp_table-custom--match > .resp_table-item:nth-child(1) > .resp_table-cell:nth-child(1) {
	padding: 0.75em 0.75em 0.75em 2.5em;
}

.resp_table-custom--match .resp_table-item:nth-child(6) .resp_table-cell {
	font-family: 'Source Code Pro', monospace;
}

.resp_table-custom--match > .resp_table-item > .resp_table-cell .badge {
	margin: 0 0.5em 0 0;
}

.resp_table-custom--match > .resp_table-item > .resp_table-cell .person__age {
	font-weight: 300;
}

.resp_table-custom--match > .resp_table-item > .resp_table-cell .resp_table-cell__label {
	visibility: hidden;
	margin-right: 1em;
	color: #777777;
	font-size: 1.2rem;
	font-weight: 300;
}

.resp_table-custom--match > .resp_table-item:hover > .resp_table-cell .resp_table-cell__label,
.resp_table-custom--match > .resp_table-item:focus > .resp_table-cell .resp_table-cell__label {
	visibility: visible;
}


@media all and (max-width: 500px) {

	.resp_table-custom--match > .resp_table-item {
		background-color: #ffffff;
	}

	.resp_table-custom--match.resp_table--collapse > .resp_table-item {
		margin-bottom: 0.5em;
	}


	.resp_table-custom--match > .resp_table-item > .resp_table-cell {
		position: relative;
		padding: 0.75em 0.5em 0.75em 0.75em;
		overflow: visible;
	}

	.resp_table-custom--match > .resp_table-item > .resp_table-cell:before {
		position: absolute;
		z-index: 1000;
		width: 8px;
		height: 8px;
		top: 1.2em;
		left: -3px;
		background-color: #b3bbc0;
		border-radius: 50%;
		content: "";
	}

	.resp_table-custom--match > .resp_table-item > .resp_table-cell .resp_table-cell__label {
		display: none;
	}

	.resp_table-custom--match > .resp_table-item > .resp_table-cell:nth-child(1) {
		text-align: left;
		border-top: none;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 2px, #ffffff 2px, #ffffff 100%),
			linear-gradient(to bottom, #ffffff 0px, #ffffff 1.4em, #b3bbc0 1.4em, #b3bbc0 100%);
	}

	.resp_table-custom--match > .resp_table-item > .resp_table-cell:nth-child(2) {
		text-align: left;
		border-top: 1px dashed #cccccc;
		padding: 0.75em 0.5em 0.75em 0.75em;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 2px, #ffffff 2px, #ffffff 100%),
			linear-gradient(to bottom, #b3bbc0 0px, #b3bbc0 1.4em, #ffffff 1.4em, #ffffff 100%);
	}

	.resp_table--collapse > .resp_table-item > .resp_table-cell:last-child {
		margin-bottom: 0.5em;
	}

	.resp_table-custom--match > .resp_table-item:nth-child(1) > .resp_table-cell:nth-child(1) {
		padding: 0.75em 2.5em 0.75em 0.75em;
	}

	.resp_table-custom--match > .resp_table-item .badge {
		float: right;
		margin: 0 0 0.5em 0;
	}

}

/* Responsive table | Custom Person */

.resp_table-custom--person {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.2rem;
}

/* Responsive table | Custom Person ~ items  */

.resp_table-custom--person .resp_table-item {
	position: relative;
	background-color: transparent;
}

.resp_table.resp_table-func-hover.resp_table-custom--person .resp_table-item:nth-child(1):hover,
.resp_table.resp_table-func-hover.resp_table-custom--person .resp_table-item:nth-child(1):focus {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, transparent, transparent 57px, rgba(210, 234, 255, 1) 57px, rgba(210, 234, 255, 1) 100%);
}

.resp_table.resp_table-func-hover.resp_table-custom--person .resp_table-item:nth-child(2):hover,
.resp_table.resp_table-func-hover.resp_table-custom--person .resp_table-item:nth-child(2):focus {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, transparent, transparent 20px, rgba(210, 234, 255, 1) 20px, rgba(210, 234, 255, 1) 100%);
}

.resp_table-custom--person .resp_table-item:last-child {
	position: relative;
	background-color: transparent;
}

@media all and (min-width: 501px) {

	.resp_table-custom--person .resp_table-item:before {
		position: absolute;
		z-index: 1;
		top: 1.25em;
		left: 50%;
		width: 1em;
		height: 2px;
		background-color: #B3BBC0;
		content: "";
	}

	.resp_table-custom--person .resp_table-item:last-child:before {}
}

.resp_table-custom--person > .resp_table-item > .resp_table-cell {
	border-top: none;
}

.resp_table-custom--person > .resp_table-item > .resp_table-cell a {
	color: initial;
}

.resp_table-custom--person > .resp_table-item > .resp_table-cell:nth-child(1) {
	width: 50%;
	text-align: right;
}

.resp_table-custom--person > .resp_table-item > .resp_table-cell:nth-child(2) {
	width: 50%;
	padding: 0.75em 0.5em 0.75em 1.5em;
}

.resp_table-custom--person > .resp_table-item:nth-child(1) > .resp_table-cell:nth-child(1) {
	padding: 0.75em 0.75em 0.75em 2.5em;
}

.resp_table-custom--person > .resp_table-item > .resp_table-cell .badge {
	margin: 0 0.5em 0 0;
}

.resp_table-custom--person > .resp_table-item > .resp_table-cell .person__age {
	font-weight: 300;
}

.resp_table-custom--person > .resp_table-item > .resp_table-cell .resp_table-cell__label {
	visibility: hidden;
	margin-right: 1em;
	color: #777777;
	font-size: 1.2rem;
	font-weight: 300;
}

.resp_table-custom--person > .resp_table-item:hover > .resp_table-cell .resp_table-cell__label,
.resp_table-custom--person > .resp_table-item:hover > .resp_table-cell .resp_table-cell__label {
	visibility: visible;
}


@media all and (max-width: 500px) {

	.resp_table-custom--person > .resp_table-item {
		background-color: #ffffff;
	}

	.resp_table-custom--person.resp_table--collapse > .resp_table-item {
		margin-bottom: 0.5em;
		width: 100%;
	}


	.resp_table-custom--person > .resp_table-item > .resp_table-cell {
		position: relative;
		padding: 0.75em 0.5em 0.75em 0.75em;
		overflow: visible;
	}

	.resp_table-custom--person > .resp_table-item > .resp_table-cell:before {
		position: absolute;
		z-index: 1000;
		width: 8px;
		height: 8px;
		top: 1.2em;
		left: -3px;
		background-color: #b3bbc0;
		border-radius: 50%;
		content: "";
	}

	.resp_table-custom--person > .resp_table-item > .resp_table-cell .resp_table-cell__label {
		display: none;
	}

	.resp_table-custom--person > .resp_table-item > .resp_table-cell:nth-child(1) {
		text-align: left;
		border-top: none;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 2px, #ffffff 2px, #ffffff 100%),
			linear-gradient(to bottom, #ffffff 0px, #ffffff 1.4em, #b3bbc0 1.4em, #b3bbc0 100%);
	}

	.resp_table.resp_table-func-hover.resp_table-custom--person .resp_table-item:nth-child(1):hover,
	.resp_table.resp_table-func-hover.resp_table-custom--person .resp_table-item:nth-child(1):focus {
		background: none;
	}

	.resp_table-custom--person > .resp_table-item > .resp_table-cell:nth-child(2) {
		text-align: left;
		border-top: 1px dashed #cccccc;
		padding: 0.75em 0.5em 0.75em 0.75em;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 2px, #ffffff 2px, #ffffff 100%),
			linear-gradient(to bottom, #b3bbc0 0px, #b3bbc0 1.4em, #ffffff 1.4em, #ffffff 100%);
	}

	.resp_table--collapse > .resp_table-item > .resp_table-cell:last-child {
		margin-bottom: 0.5em;
	}

	.resp_table-custom--person > .resp_table-item:last-child > .resp_table-cell:nth-child(2) {
		border-top: none;
		background: none;
	}

	.resp_table-custom--person > .resp_table-item:nth-child(1) > .resp_table-cell:nth-child(1) {
		padding: 0.75em 2.5em 0.75em 0.75em;
	}

	.resp_table-custom--person > .resp_table-item .badge {
		float: right;
		margin: 0 0 0.5em 0;
	}

	.resp_table-custom--person > .resp_table-item .person__age {
		float: right;
	}

}

/* Responsive table | Custom Flight  */

.resp_table-custom--flight {
	flex-wrap: wrap;
	padding: 0.75em;
}

.resp_table-custom--flight .resp_table-item {
	flex-wrap: wrap;
	background-color: transparent;
}

.resp_table-custom--flight .resp_table-item > .resp_table-cell {
	font-size: 1.8rem;
}

/* Responsive table | Custom Flight ~ items  */

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(1) {
	width: 40%;
	padding: 0.75em 0.5em 0.75em 3em;
	font-family: 'Source Code Pro', monospace;
	font-weight: 600;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(1) .location {
	font-family: 'Source Sans Pro', monospace;
	font-weight: 300;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(1) .to {
	margin: 0 0 0 0.25em;
	color: #B3BBC0;
	font-weight: 300;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(1) .via {
	margin: 0 0 0 0.25em;
	color: #B3BBC0;
	font-weight: 300;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(1) .destination {
	margin: 0 0 0 0.25em;
	font-family: 'Source Code Pro', monospace;
	font-weight: 300;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(2) {
	width: 30%;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(2) ul {
	list-style: none;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(2) li {
	margin: 0 0 0.5em 0;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(2) .flight_designator {
	margin: 0 0.25em 0 0;
	font-family: 'Source Sans Pro', monospace;
	font-weight: 600;
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	user-select: all;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(2) .airline {
	font-weight: 300;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(3) {
	width: 30%;
	text-align: right;
	font-weight: 600;
}

.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(3) time:first-of-type {
	margin: 0 0.25em 0 0;
	font-weight: 300;
}

@media all and (max-width: 500px) {

	.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(1) {
		padding: 0.75em 2.5em 0.75em 0.5em;
		border-top: none;
		border-bottom: 1px dashed #cccccc;
	}

	.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(2) {
		border-top: none;
	}

	.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(3) {
		border-top: 1px dashed #cccccc;
	}

	.resp_table-custom--flight .resp_table-item .resp_table-cell:nth-child(3) time:first-of-type {
		float: left;
	}
}

@media all and (min-width: 501px) {
	.resp_table-custom--flight .resp_table-item .resp_table-cell {
		border-top: none;
	}
}

/* Responsive table | Custom People  */

.resp_table-custom--people {
	flex-wrap: wrap;
}

.resp_table-custom--people .resp_table-item {
	flex-wrap: wrap;
}

/* Responsive table | Custom People ~ headings  */

.resp_table-custom--people > .resp_table-headings > .resp_table-cell:nth-child(1) {
	flex: 0 1 auto;
	width: 30%;
}

.resp_table-custom--people > .resp_table-headings > .resp_table-cell:nth-child(2) {
	flex: 0 1 auto;
	width: 30%;
}

.resp_table-custom--people > .resp_table-headings > .resp_table-cell:nth-child(3) {
	flex: 0 0 auto;
	width: 10%;
}

.resp_table-custom--people > .resp_table-headings > .resp_table-cell:nth-child(4) {
	flex: 1 0 auto;
	width: 8%;
}

.resp_table-custom--people > .resp_table-headings > .resp_table-cell:nth-child(5) {
	flex: 0 0 auto;
	width: 12%;

}

.resp_table-custom--people > .resp_table-headings > .resp_table-cell:nth-child(6) {
	flex: 0 0 auto;
	width: 10%;

}

.resp_table-custom--people > .resp_table-headings > .resp_table-cell:last-child {
	text-align: right;
}

/* Responsive table | Custom People ~ items  */

.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(1) {
	flex: 0 1 auto;
	width: 30%;
	font-weight: 600;
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(2) {
	flex: 0 1 auto;
	width: 30%;
	font-weight: 600;
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(3) {
	flex: 0 0 auto;
	width: 10%;
	font-weight: 300;
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(4) {
	flex: 1 0 auto;
	width: 8%;
	font-weight: 300;
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(5) {
	flex: 0 0 auto;
	width: 12%;
	font-family: 'Source Code Pro', monospace;

}

.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(6) {
	flex: 0 0 auto;
	width: 10%;
	font-family: 'Source Code Pro', monospace;
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-last-child(2) {
	text-align: right;
}


/* Quick view data of a person */

.resp_table-custom--people .resp_table-item > .resp_table-cell:last-child {
	flex: 0 1 100%;
	width: 100%;
	padding: 0 0.5em 0.75em 0.5em;
	font-family: inherit;
	font-weight: 400;
	border-top: 0;
	display: none;
	transition: opacity 1s linear;
	text-align: left;
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:last-child > span {
	order: 0;
	flex: 0 1 auto;
	align-self: flex-start;
	margin: 0 0.25em 0 0;
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:last-child > span:before {
	content: "|";
	order: 0;
	flex: 0 1 auto;
	align-self: flex-start;
	margin: 0 0.5em 0 0;
	color: rgba(33, 37, 41, 0.5);
}

.resp_table-custom--people .resp_table-item > .resp_table-cell:last-child > span:first-child:before {
	content: "";
	margin: 0;
}

.resp_table-custom--people .resp_table-item:hover > .resp_table-cell:last-child,
.resp_table-custom--people .resp_table-item:focus > .resp_table-cell:last-child {
	display: block;
}

.resp_table-custom--people .resp_table-item.resp_table-item__visible > .resp_table-cell:last-child {
	display: block;
}

@media all and (max-width: 500px) {

	.resp_table-custom--people .resp_table-item {
		background-color: #ffffff;
		padding: 0 0.75em;
	}

	.resp_table-custom--people .resp_table-item {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell {
		padding: 0.75em 0;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(1) {
		order: 0;
		flex: 0 1 auto;
		align-self: flex-start;
		width: auto;
		min-width: unset;
		border-top: none;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(1):after {
		content: ",";
		visibility: visible;
		display: inline-block;
		margin: 0 0.25em 0 0;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(2) {
		order: 0;
		flex: 1 1 auto;
		align-self: flex-start;
		width: auto;
		min-width: unset;
		border-top: none;
		page-break-after: always;
		break-after: auto;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(3) {
		order: 0;
		flex: 0 1 100%;
		width: 100%;
		min-width: auto;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(4) {
		order: 0;
		flex: 1 1 100%;
		font-weight: 300;
		text-align: right;
		width: 100%;
		min-width: unset;
		page-break-after: always;
		break-after: auto;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(5) {
		order: 0;
		flex: 0 1 auto;
		border-top: dotted 1px rgba(0, 0, 0, 0.2);
		text-align: inherit;
		min-width: unset;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(6) {
		order: 0;
		flex: 1 1 auto;
		border-top: dotted 1px rgba(0, 0, 0, 0.2);
		text-align: inherit;
		min-width: unset;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(6):before {
		content: "- ";
		margin: 0 0 0 0.5em;
	}

	.resp_table-custom--people .resp_table-item > .resp_table-cell:last-child {
		display: block;
		padding: 0.75em 0 0 0;
		border-top: solid 1px rgba(0, 0, 0, 0.7);
	}

}

/* Responsive table | Custom Passenger data */

.resp_table-custom--passengerdata {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.2rem;
	flex-wrap: wrap;
	padding: 0 0.75em 0.75em 0.75em;
}

.resp_table-custom--passengerdata > .resp_table-item > .resp_table-cell {
	border-top: none;
}

.resp_table-custom--passengerdata > .resp_table-item > .resp_table-cell:nth-child(1) {
	width: 50%;
	text-align: right;
}

.resp_table-custom--passengerdata > .resp_table-item > .resp_table-cell:nth-child(2) {
	width: 50%;
	padding: 0.75em 0.5em 0.75em 1.5em;
}

/* FUNCTIONAL */

.func__editable {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23777777'%3E%3Cpath d='M28.5,90.26,0,96,5.75,67.5ZM11.41,61.84,34.16,84.6,96,22.76,73.25,0Z'/%3E%3C/svg%3E");
	background-position: right 0.5rem top 0.5rem;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-right: 2.4rem;
}

.func__editable:hover {
	outline: 1px dashed rgba(0, 0, 0, 0.6);
	outline-offset: 0.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23000000'%3E%3Cpath d='M28.5,90.26,0,96,5.75,67.5ZM11.41,61.84,34.16,84.6,96,22.76,73.25,0Z'/%3E%3C/svg%3E");
}

[contenteditable] {
	content: "";
}

[contenteditable]:before {
	content: "\feff ";
}

[contenteditable]:focus {
	outline: 1px solid #007bff;
	outline-offset: 0.25rem;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 123, 255, 0.3);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23007bff'%3E%3Cpath d='M28.5,90.26,0,96,5.75,67.5ZM11.41,61.84,34.16,84.6,96,22.76,73.25,0Z'/%3E%3C/svg%3E");
}

/* COMPONENTS */

/* Components | Topbar 0*/

.wcc-topbar {
	box-shadow: 0 0.25rem 0.375rem rgba(76, 83, 88, 0.1);
	display: flex;
	min-height: 4rem;
	padding: 1.375rem 1.125rem 1.125rem;
	position: relative;
	width: 100%;
}

@media screen and (min-width: 1260px) {
	.wcc-topbar {
		padding-left: calc((100% - 78.75rem) / 2 + 0.9375rem);
		padding-right: calc((100% - 78.75rem) / 2 + 0.9375rem);
	}
}

@media screen and (min-width: 961px) {
	.wcc-topbar {
		background-color: #ffffff;
	}

	.wcc-topbar,
	.wcc-topbar h1 a {
		color: #4c5358;
	}

	.wcc-topbar .wcc-topbar__element--show-on-mobile {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	.wcc-topbar {
		background-color: rgba(49, 67, 77, 1);
	}

	.wcc-topbar,
	.wcc-topbar h1 a {
		color: #ffffff;
	}

	.wcc-topbar .wcc-topbar__element--show-on-desktop {
		display: none;
	}
}

.wcc-topbar.wcc-topbar--fixed {
	position: fixed;
	z-index: 1;
}

.wcc-topbar::before {
	background-image: linear-gradient(to right, #65b6ff 0px, #65b6ff 50px, #1868b2 50px, #1868b2 70px, #aab1b6 70px, #aab1b6 25%, #aab1b6 100%);
	content: " ";
	height: 0.5em;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.wcc-topbar h1,
.wcc-topbar h2 {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.wcc-topbar h1 {
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin-right: 0.8rem;
}

.wcc-topbar h1 img {
	height: 2.25rem;
	vertical-align: top;
}

.wcc-topbar h2 {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

@media screen and (max-width: 640px) {
	.wcc-topbar {
		display: flex;
		justify-content: center;
	}
}


/* Components | Sign in */

.wcc-comp__signin {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.wcc-comp__signin .wcc-comp__signin--header {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	box-shadow: none;
}

.wcc-comp__signin .wcc-comp__signin--header h1 {}

.wcc-comp__signin .wcc-comp__signin--body {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: 2rem;
	background-color: #ffffff;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* TEMP - hide labels */

.wcc-comp__signin .wcc-comp__signin--body form .form-group label {
	display: none;
}

.wcc-comp__signin .wcc-comp__signin--body .btn {
	width: 100%;
	fill: #ffffff;
}

.wcc-comp__signin .wcc-comp__signin--body .btn .icon {
	fill: #ffffff;
}


.wcc-comp__signin .wcc-comp__signin--body .navbar__language {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.wcc-comp__signin .wcc-comp__signin--body .navbar__demo {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.wcc-comp__signin .wcc-comp__signin--body:after {
	content: none;
}

.wcc-comp__signin .wcc-comp__signin--footer {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: 0 2rem 0 2rem;
	background-color: #ffffff;
}

.wcc-comp__signin .wcc-comp__signin--footer img {
	height: 1.6rem;
	margin: 0 0 0 0.5rem;
}

.wcc-comp__signin .wcc-comp__signin--footer .app__build {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2rem;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
}

.wcc-comp__signin .wcc-comp__signin--footer p {
	text-align: center;
}

.wcc-comp__signin--visual {}

@media screen and (max-width: 320px) {
	.wcc-comp__signin {
		height: 100%;
		width: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header {
		width: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header h1 {}

	.wcc-comp__signin .wcc-comp__signin--body {
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0;
		flex: 1 0 0;
		width: 100%;
		background-color: #ffffff;
	}

	.wcc-comp__signin .wcc-comp__signin--footer {
		width: 100%;
	}

	.wcc-topbar .wcc-topbar__element--show-on-tablet {
		display: none;
	}
}

@media screen and (min-width: 321px) and (max-width: 640px) {
	.wcc-comp__signin {
		height: 100%;
		width: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		height: 50%;
		width: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header.wcc-topbar {
		background-color: transparent;
	}

	.wcc-comp__signin .wcc-comp__signin--header h1 {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
		font-size: 2.25rem;
		line-height: 2.25rem;
	}

	.wcc-comp__signin .wcc-comp__signin--body {
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0;
		flex: 1 0 0;
		width: 100%;
		background-color: #ffffff;
	}

	.wcc-comp__signin .wcc-comp__signin--footer {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.wcc-comp__signin--visual {
		/* Set rules to fill background */
		min-height: 50%;
		min-width: 321px;
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
		background: url("../img/bg-signin-xl-1261px.jpg") no-repeat center center;
		background-size: cover;
	}

	.wcc-topbar .wcc-topbar__element--show-on-tablet {
		display: none;
	}
}

@media screen and (max-width: 640px) and (min-width: 321px) and (max-height: 400px) {
	.wcc-comp__signin .wcc-comp__signin--header.wcc-topbar {
		background-color: rgba(49, 67, 77, 0.15);
	}

	.wcc-comp__signin .wcc-comp__signin--header {
		height: auto;
	}

	.wcc-comp__signin--visual {
		min-height: auto;
	}
}

/* Smartphone landscape */

@media only screen and (min-device-width: 480px) and (max-device-width: 1024px) and (orientation: landscape) {

	.wcc-comp__signin {
		height: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header {
		z-index: 9999;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
		padding: 7rem 2rem 5rem 2rem;
	}

	.wcc-comp__signin .wcc-comp__signin--header h1 {}

	.wcc-comp__signin .wcc-comp__signin--header.wcc-topbar h1 img {
		height: 2.25rem;
	}

	.wcc-comp__signin .wcc-comp__signin--body {
		z-index: 9999;
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0;
		flex: 1 0 0;
		width: 50%;
	}

	.wcc-comp__signin .wcc-comp__signin--footer {
		z-index: 9999;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.wcc-comp__signin--visual {
		min-height: 100%;
		min-width: 700px;
		width: 70%;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
		background: url("../img/bg-signin-xl-1261px.jpg") no-repeat center center fixed;
		background-size: cover;
	}

	.wcc-topbar .wcc-topbar__element--show-on-tablet {
		display: none;
	}

}

@media screen and (min-width: 641px) and (max-width: 960px) {
	.wcc-comp__signin {
		height: 100%;
		width: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		height: 50%;
		width: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header.wcc-topbar {
		background-color: transparent;
	}

	.wcc-comp__signin .wcc-comp__signin--header h1 {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
		font-size: 2.25rem;
		line-height: 2.25rem;
	}

	.wcc-comp__signin .wcc-comp__signin--body {
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0;
		flex: 1 0 0;
		width: 100%;
		padding: 2rem 25% 2rem 25%;
		background-color: #ffffff;
	}

	.wcc-comp__signin .wcc-comp__signin--footer {
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.wcc-comp__signin--visual {
		min-height: 50%;
		min-width: 321px;
		width: 100%;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
		background: url("../img/bg-signin-xl-1261px.jpg") no-repeat center center;
		background-size: cover;
	}

	.wcc-topbar .wcc-topbar__element--show-on-tablet {
		display: none;
	}
}

@media screen and (min-width: 961px) and (max-width: 1260px) {
	.wcc-comp__signin {
		height: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header {
		z-index: 9999;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 30%;
		padding: 7rem 2rem 5rem 2rem;
	}

	.wcc-comp__signin .wcc-comp__signin--header h1 {
		font-size: 4rem;
		line-height: 4rem;
	}

	.wcc-comp__signin .wcc-comp__signin--header.wcc-topbar h1 img {
		height: 5.5rem;
	}

	.wcc-comp__signin .wcc-comp__signin--body {
		z-index: 9999;
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0;
		flex: 1 0 0;
		width: 30%;
	}

	.wcc-comp__signin .wcc-comp__signin--footer {
		z-index: 9999;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 30%;
		/*flex-grow: 1;*/
	}

	.wcc-comp__signin--visual {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
		background: url("../img/bg-signin-xl-1261px.jpg") no-repeat center center fixed;
		background-size: cover;
	}

	.wcc-topbar .wcc-topbar__element--show-on-tablet {
		display: none;
	}
}

@media screen and (min-width: 1261px) {
	.wcc-comp__signin {
		height: 100%;
	}

	.wcc-comp__signin .wcc-comp__signin--header {
		z-index: 9999;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		padding: 7rem 2rem 5rem 2rem;
	}

	.wcc-comp__signin .wcc-comp__signin--header h1 {
		font-size: 4rem;
		line-height: 4rem;
	}

	.wcc-comp__signin .wcc-comp__signin--header.wcc-topbar h1 img {
		height: 5.5rem;
	}

	.wcc-comp__signin .wcc-comp__signin--body {
		z-index: 9999;
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0;
		flex: 1 0 0;
		width: 20%;
	}

	.wcc-comp__signin .wcc-comp__signin--footer {
		z-index: 9999;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
		/*flex-grow: 1;*/
	}

	.wcc-comp__signin--visual {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
		background: url("../img/bg-signin-xl-1261px.jpg") no-repeat center center fixed;
		background-size: cover;
	}

	.wcc-topbar .wcc-topbar__element--show-on-tablet {
		display: none;
	}
}

/* Cards */

.card {
	border: none;
}

.card-link * {
	color: initial;
}


/* cards | card-match */

.card-match {
	margin: 30px 0 0 0;
}

.card-match:hover,
.card-match:focus {
	box-shadow: 0 0 1.5rem rgba(43, 58, 68, .5);
}

.card-match .card-body {
	position: relative;
	font-size: 1.8rem;
}

.card-match .card-body .icon-person {
	fill: #666666;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

.card-match:hover .card-body .icon-person,
.card-match:focus .card-body .icon-person {
	fill: rgba(244, 247, 250, 1.0);
}

.card-match .card-body .match-origin {
	font-weight: 600;
}

.card-match .card-body .match-to {
	margin: 0 0.5rem 0 0.5rem;
	font-weight: 300;
	color: #777777;
}

.card-match .card-body .match-destination {
	font-weight: 300;
}

.card-match .card-body .match-flightnumber {
	font-weight: 300;
}

.card-match .card-body .match-scheduledtime {
	margin: 0 0 0 1rem;
	font-weight: 600;
}

.card-match .card-body .match-scheduleddate {
	margin: 0 0 0 0.5rem;
	font-weight: 300;
}

.card-match .card-body .match-list {
	font-weight: 600;
}

.card-match .card-body .match-listinfo {
	font-weight: 300;
}

.card-match .card-body .match-profile {
	display: inline-flex;
	min-height: 4rem;
	font-weight: 300;
	font-style: italic;
}

/* cards | card-match-bg */

.card-match-bg {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(225deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 600px);
}

.card-match.card-match-bg:hover,
.card-match.card-match-bg:focus {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(225deg, #818A91, #818A91 60px, #ffffff 60px, #ffffff 600px);
}

/* cards | card-flight */

.card-flight {
	margin: 30px 0 0 0;
}

.card-flight:hover,
.card-flight:focus {
	box-shadow: 0 0 1.5rem rgba(43, 58, 68, .5);
}

.card-flight .card-body {
	position: relative;
	font-size: 1.8rem;
}

.card-flight .card-body .icon-airplane {
	fill: #666666;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

.card-flight:hover .card-body .icon-airplane,
.card-flight:focus .card-body .icon-airplane {
	fill: rgba(244, 247, 250, 1.0);
}

.card-flight .card-body .flight-origin {
	font-weight: 600;
}

.card-flight .card-body .flight-to {
	margin: 0 0.5rem 0 0.5rem;
	font-weight: 300;
	color: #777777;
}

.card-flight .card-body .flight-destination {
	font-weight: 300;
}

.card-flight .card-body .flight-flightnumber {
	margin: 0 0 0 0.5rem;
	font-weight: 600;
}

.card-flight .card-body .flight-scheduledtime {
	font-weight: 600;
}

.card-flight .card-body .flight-scheduleddate {
	margin: 0 0 0 0.5rem;
	font-weight: 300;
}


.card-flight .card-body .flight-tagged__log {
	font-weight: 300;
	font-style: italic;
}

.card-flight .card-body .match-list {
	font-weight: 600;
}

.card-flight .card-body .match-listinfo {
	font-weight: 300;
}

.card-flight .card-body .match-profile {
	display: inline-flex;
	min-height: 4rem;
	font-weight: 300;
	font-style: italic;
}

/* cards | card-match-bg */

.card-flight-bg {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(225deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 600px);
}

.card-flight.card-flight-bg:hover,
.card-flight.card-flight-bg:focus {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(225deg, #818A91, #818A91 60px, #ffffff 60px, #ffffff 600px);
}


/* cards | card-car */

.card-car {
	margin: 30px 0 0 0;
}

.card-car:hover,
.card-car:focus {
	box-shadow: 0 0 1.5rem rgba(43, 58, 68, .5);
}

.card-car .card-body {
	position: relative;
	font-size: 1.8rem;
}

.card-car .card-body .icon-car {
	fill: #666666;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

.card-car:hover .card-body .icon-car,
.card-car:focus .card-body .icon-car {
	fill: rgba(244, 247, 250, 1.0);
}

.card-car .card-body .car-origin {
	font-weight: 600;
}

.card-car .card-body .car-to {
	margin: 0 0.5rem 0 0.5rem;
	font-weight: 300;
	color: #777777;
}

.card-car .card-body .flight-destination {
	font-weight: 300;
}

.card-car .card-body .flight-flightnumber {
	margin: 0 0 0 0.5rem;
	font-weight: 600;
}

.card-car .card-body .flight-scheduledtime {
	font-weight: 600;
}

.card-car .card-body .flight-scheduleddate {
	margin: 0 0 0 0.5rem;
	font-weight: 300;
}

.card-car .card-body .car-tagged__log {
	font-weight: 300;
	font-style: italic;
}

.card-car .card-body .match-list {
	font-weight: 600;
}

.card-car .card-body .match-listinfo {
	font-weight: 300;
}

.card-car .card-body .match-profile {
	display: inline-flex;
	min-height: 4rem;
	font-weight: 300;
	font-style: italic;
}

/* cards | card-car-bg */

.card-car-bg {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(225deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 600px);
}

.card-car.card-car-bg:hover,
.card-car.card-car-bg:focus {
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(225deg, #818A91, #818A91 60px, #ffffff 60px, #ffffff 600px);
}

/* cards | card-car ~ fix for badge font color */

.card-link .card-car .badge.badge-danger {
	color: #ffffff;
}

/* Match */

.c-match__status {
	display: inline-block
}

.c-match__status .icon {
	vertical-align: bottom;
	display: inline-flex;
}

.c-match__status .icon + .label {
	margin: 0 0 0 0.25rem;
}

.c-match__status .icon + .label:empty {
	display: none;
}

.c-match__status .label {
	font-size: 1.8rem;
	font-weight: 600;
}

.c-match__status.warning .label {
	color: rgba(247, 104, 0, 1);
}

.c-match__status.hit .label {
	color: rgba(191, 59, 55, 1);
}

.c-match__status.rejected .label {
	color: #222222;
}

.c-match__status.done .label {
	color: rgba(81, 153, 113, 1);
}

.c-match__status.tagged .label {
	color: rgba(0, 123, 255, 1);
}

.c-match__user {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 300;
}

.c-match__user svg {}

.c-match__user .user {}

.c-match__comparison {
	position: relative;
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 100%);
}

.c-match__comparison .icon-person {
	fill: #666666;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

@media all and (max-width: 500px) {

	.c-match__comparison {
		background: linear-gradient(225deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 100%);
		position: relative;
	}

	.c-match__comparison:before {
		position: absolute;
		z-index: 1000;
		top: 0;
		right: 0;
		width: 100px;
		height: 100px;
		content: "";
		background: linear-gradient(225deg, #D4D9DD, #D4D9DD 60px, rgba(0, 0, 0, 0) 60px, rgba(0, 0, 0, 0) 100%);
	}

	.c-match__comparison .icon-person {
		right: 10px;
		left: auto;
		z-index: 1001;
	}

}

.mark__match {
	background-color: rgba(247, 104, 0, 0.7);
	text-shadow: none;
}

/* cards | card-message */

.card.card-message {
	flex-direction: row;
}

.card-message {
	margin: 0 0 1.5rem 0;
}

.card-link .card-message:hover,
.card-link .card-message:focus {
	box-shadow: 0 0 1.5rem rgba(43, 58, 68, 0.5);
}

.card-message .card-body {
	display: flex;
	margin: 0 0 0 3rem;
}

.card-message .card-body > .badge {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.card-message .card-body .flight__info {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;

}

.card-message .card-body .match-origin {
	font-weight: 600;
}

.card-message .card-body .match-to {
	margin: 0 0.5rem 0 0.5rem;
	font-weight: 300;
	color: #777777;
}

.card-message .card-body .match-destination {
	font-weight: 300;
}

.card-message .card-body .match-flightnumber {
	margin: 0 0 0 1rem;
	font-weight: 300;
}

.card-message .card-body .match-scheduledtime {
	font-weight: 600;
}

.card-message .card-body .match-scheduleddate {
	font-weight: 300;
}

.card-message .card-body time:last-of-type {
	margin-right: 1rem;
}

.card-message .card-body time:nth-of-type(2) {
	margin-left: 0.25rem;
}

.card-message .card-footer {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.card-message .card-footer .btn-group {
	flex-wrap: nowrap;
}

.card-message .card-footer > .icon {
	display: inline-flex;
	margin: 0.75rem 0 0 0;
}

.card-message.state-done .card-footer .icon.icon-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23777777'%3E%3Cpolygon points='84.63 11.86 35.79 61.61 11.16 38.11 0 49.59 36 84.14 96 23.13 84.63 11.86'/%3E%3C/svg%3E");
	fill: #777777;
	filter: url("../img/icons/svg/filters.svg#colorgrey");
}

.card-message.state-ignored .card-footer .icon.icon-thumbdown {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23777777'%3E%3Cpath d='M20 56H0V8h20zm75.5-19.24c0-2.58-2.22-5.28-6.75-5.64-2.78-.22-3.47-2.49-.13-3.24 2.81-.64 4.4-2.61 4.4-4.73 0-2.51-2.24-5.23-7.31-6.17-3.06-.56-3.37-3.56-.12-3.81 2.75-.21 3.84-1.17 3.84-2.51C89.42 6.94 82.81 0 70 0 53.38 0 45.53 8.27 28 11.07v43.51c9.5 3.48 17.86 10.58 22.75 27.55C52.66 88.77 53.88 96 60.25 96c9.5 0 10.37-20.5 6.75-35.12 5.25-2.76 15-3.75 19.92-3.54 7.08.28 9.08-3.28 9.08-6 0-4.05-3.33-5.4-5.42-6-2.43-.76-3.55-3.23-.12-3.69S95.5 39 95.5 36.76z'/%3E%3C/svg%3E");
	fill: #777777;
	filter: url("../img/icons/svg/filters.svg#colorgrey");
}

.card-message__content {}

.card-message__content:before {
	content: "";
	margin: 0 0 0 1rem;
	padding: 0 1rem 0 0;
	border-left: 1px solid #777777;
	height: 100%;
	display: block;
	float: left;
}

@media all and (max-width: 500px) {

	.card.card-message {
		flex-direction: column;
	}

}

@media (min-width: 768px) and (max-width: 1199px) {

	.card.card-message {
		flex-direction: column;
	}

}

@media (max-width: 1199px) {

	.card .card-body {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.card .card-body .card-message__content {
		margin: 0.75rem 0 0 0;
		padding: 0.75rem 0 0 0;
		border-top: 1px dashed #cccccc;
	}

	.card .card-body .card-message__content:before {
		content: "";
		margin: 0;
	}

}

/* Components | Search */

.c-search {}

.c-search form {}

.c-search__result {
	margin: 0.5em 0 1em 0
}

/* Flights | Flights overview */

.c-flights__overview {}

/* Flight | Flight details */

.c-flight {
	position: relative;
	min-height: 5.5em;
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 100%);
}

.c-flight__link * {
	color: initial;
}

.c-flight__link:hover *,
.c-flight__link:focus * {
	text-decoration: none;
}

.c-flight > .icon:first-child {
	fill: #666666;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.c-flight .resp_table-custom--flight + hr {
	margin: 1em;
}

/* Flight | Vessel details */

.c-flight .icon-vessel {
	fill: #666666;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

@media all and (max-width: 500px) {

	.c-flight {
		background: linear-gradient(225deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 100%);
		position: relative;
	}

	.c-flight .icon-airplane {
		right: 10px;
		left: auto;
		z-index: 1001;
	}

}

@media all and (max-width: 500px) {

	.c-flight .icon-vessel {
		right: 10px;
		left: auto;
		z-index: 1001;
	}

}

/* Flight | Flight Status */

.c-flight__status {
	display: inline-block
}

.c-flight__status .icon {
	vertical-align: middle;
}

.c-flight__status .icon + .label {
	margin: 0 0 0 0.25rem;
}

.c-flight__status .label {
	font-size: 1.8rem;
	font-weight: 600;
}

.c-flight__status.tagged .label {
	color: #007bff;
}

.c-match__status.done .label {
	color: rgba(81, 153, 113, 1);
}

/* Log */

.c-log {}

.c-log::-webkit-scrollbar {
	width: 0.6em;
	height: 0.6em;
}

.c-log::-webkit-scrollbar-track {
	background: #f1f1f1;
	box-shadow: inset 0 0 0.2em #eeeeee;
}

.c-log::-webkit-scrollbar-thumb {
	background: #bababa;
	border-radius: 0.3em;
}

.c-log::-webkit-scrollbar-thumb:hover {
	background: #7a7a7a;
}

.c-log {
	scrollbar-face-color: #bababa;
	scrollbar-track-color: #f1f1f1;
}

.c-log label {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 2rem;
	line-height: 2.4rem;
	cursor: pointer;
}

.c-log label .label__text {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.c-log label svg {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	vertical-align: middle;
}

.c-log input[type="checkbox"] {
	display: none;
}

.c-log input[type="checkbox"]:not(:checked) ~ label .icon-eye {
	display: none;
}

.c-log input[type="checkbox"]:checked ~ label .icon-eyestrikethru {
	display: none;
}

.c-log input[type="checkbox"]:not(:checked) ~ ul {
	display: none;
}

.c-log time {
	font-weight: 300;
}

.c-log__user {
	display: inline-block;
	font-weight: 300;
}

.c-log ul {
	list-style: none;
	display: flex;
	flex-direction: column;
}

.c-log ul li {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.c-log ul li time {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin: 0 0 0 0.5em;
}

.c-log ul li .c-log__user {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin: 0 0 0 0.25em;
}

.c-log ul li .c-log-entry__title {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.c-log ul li .c-log-entry__comment {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	font-style: italic;
}

.c-log ul > li:before {
	content: "";
	height: 1.5em;
	width: 1em;
	display: block;
	float: left;
	margin-left: -1.5em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' preserveAspectRatio='xMidYMid meet'><circle cx='8' cy='8' r='4' /></svg>");
}

.c-log ul > .c-log-entry__hermes-match:before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><path d='M95.5,86L51.7,5.9c-1.6-3-5.9-3-7.5,0L0.5,86C-1,88.9,1,92.3,4.3,92.3h87.5C95,92.3,97,88.9,95.5,86z M42.5,30h11v32h-11V30z M48,82c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5C54.5,79.1,51.6,82,48,82z' /></svg>");
	background-position: center;
}

.c-log ul > .c-log-entry__user-confirm:before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><path d='M72,47.64,72,48A32,32,0,1,1,40,16a31.71,31.71,0,0,1,16.16,4.43,10.74,10.74,0,0,0,.59-8.72A40,40,0,1,0,79.83,51.43,8.51,8.51,0,0,0,72,47.64ZM40,40a8,8,0,1,0,8,8v-.06l13.44-7.8c3.91-2.26,10.82-1.34,14.85.64L96,29.32,83.37,23.05,84,8.52,64.26,20c-.28,4.48-2.93,10.94-6.82,13.2L43.91,41.06A8,8,0,0,0,40,40ZM24,48a16,16,0,0,0,31.1,5.06L64,47.9V48A24.05,24.05,0,1,1,51.9,27.18l-8.84,5.13A16.2,16.2,0,0,0,40,32,16,16,0,0,0,24,48Z' /></svg>");
	background-position: center;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
}

.c-log ul > .c-log-entry__user-reject:before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><path d='M20 56H0V8h20zm75.5-19.24c0-2.58-2.22-5.28-6.75-5.64-2.78-.22-3.47-2.49-.13-3.24 2.81-.64 4.4-2.61 4.4-4.73 0-2.51-2.24-5.23-7.31-6.17-3.06-.56-3.37-3.56-.12-3.81 2.75-.21 3.84-1.17 3.84-2.51C89.42 6.94 82.81 0 70 0 53.38 0 45.53 8.27 28 11.07v43.51c9.5 3.48 17.86 10.58 22.75 27.55C52.66 88.77 53.88 96 60.25 96c9.5 0 10.37-20.5 6.75-35.12 5.25-2.76 15-3.75 19.92-3.54 7.08.28 9.08-3.28 9.08-6 0-4.05-3.33-5.4-5.42-6-2.43-.76-3.55-3.23-.12-3.69S95.5 39 95.5 36.76z' /></svg>");
	background-position: center;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
}

.c-log ul > .c-log-entry__user-done:before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><polygon points='84.63 11.86 35.79 61.61 11.16 38.11 0 49.59 36 84.14 96 23.13 84.63 11.86' /></svg>");
	background-position: center;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
}

.c-log ul > .c-log-entry__user-message:before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><path d='M16,88V8H80V54.17C80,70.6,56,64,56,64s6.07,24-10.55,24ZM88,57.54V0H8V96H48.76C61.41,96,88,67.11,88,57.54ZM68,52H28V48H68Zm0-16H28v4H68Zm0-12H28v4H68Z' /></svg>");
	background-position: center;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
}

.c-log ul > .c-log-entry__user-assign:before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><path d='M16,88V8H80V54.17C80,70.6,56,64,56,64s6.07,24-10.55,24ZM88,57.54V0H8V96H48.76C61.41,96,88,67.11,88,57.54ZM68,52H28V48H68Zm0-16H28v4H68Zm0-12H28v4H68Z' /></svg>");
	background-position: center;
	transition: background-size 0.3s;
	-webkit-transition: background-size 0.3s;
}

.c-log ul > li:after {
	content: "";
	position: absolute;
	top: 1.5em;
	left: -1.1em;
	height: calc(100% - 1em);
	width: 0.1em;
	background-color: rgba(0, 0, 0, 0.3);
	/*
	background: linear-gradient(to right, #ffffff 0px, #ffffff 7px, #aaaaaa 7px, #aaaaaa 10px, #ffffff 10px, #ffffff 100%);
	*/
}

@media all and (min-width: 500px) {
	.c-log label {
		display: none;
	}

	.c-log input[type="checkbox"]:not(:checked) ~ ul {
		display: block;
	}
}

/* Preferences */

.c-preferences__user {
	background-color: rgba(255, 255, 255, 1);
	padding: 1rem;
}

.c-preferences__app {
	background-color: rgba(255, 255, 255, 1);
	padding: 1rem;
}

.c-preferences__user + .c-preferences__app {
	margin: 1em 0 0 0;
}

/* Profiles */

.c-profiles {
	background-color: rgba(255, 255, 255, 1);
	padding: 1rem;
}

.c-profiles .functions [class^="function-"] svg {
	fill: #666666;
}

.c-profiles .functions [class^="function-"] svg:hover,
.c-profiles .functions [class^="function-"] svg:focus {
	fill: #222222;
}

.c-profiles .function-delete {
	cursor: pointer;
}

.c-profiles .function-delete__label {
	display: none;
}

/* Profile */

.c-profile__details .empty-state_message {
	color: #777777;
	font-style: italic;
	margin: 0.5rem 0.5rem 1rem 0.5rem;
}

.c-profile__details {
	background-color: #ffffff;
	padding: 2rem 2rem 1rem 2rem;
	outline: 2px dashed #dddddd;
	outline-offset: -1rem;
}

.c-profile__details.hotspot {
	outline: 2px dashed #1868b2;
	background-color: #bcd4f0;
}

.c-profile__details.hotspot .empty-state_message {
	color: #1868b2;
}


.c-profile__details .badge:first-child {
	margin: 0 0 0.5rem 0;
}

.c-profile__details .badge {
	margin: 0 0 1rem 0.5rem;
}

.c-profile__objects {
	background-color: #ffffff;
	padding: 1rem 1rem 2rem 1rem;
}

.c-profile__objects .badge:first-child {}

.c-profile__objects .badge {
	margin: 0 0.5rem 1rem 0;
	-moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
	-o-transition: -o-transform 0.2s, box-shadow 0.2s;
	-webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
	transition: transform 0.2s, box-shadow 0.2s;
	-moz-box-shadow: 0 0 0 rgba(43, 58, 68, 0);
	-webkit-box-shadow: 0 0 0 rgba(43, 58, 68, 0);
	box-shadow: 0 0 0 rgba(43, 58, 68, 0);
}

.c-profile__objects.func__dragdrop .badge:hover {
	cursor: url('https://www.google.com/intl/en_ALL/mapfiles/openhand.cur'), all-scroll;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
	-moz-box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
	-webkit-box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
	box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
}

.c-profile__objects .badge:hover {
	cursor: pointer;
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
	-moz-box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
	-webkit-box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
	box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
}

.c-profile__objects.func__dragdrop .badge:active {
	cursor: url("https://www.google.com/intl/en_ALL/mapfiles/closedhand.cur"), all-scroll;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-moz-box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
	-webkit-box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
	box-shadow: 0 0 0.5rem rgba(43, 58, 68, .5);
}

/*
.c-profile__objects.func__dragdrop .badge:before {
	content: '.';
	position: absolute;
	left: 14px;
	font-size: 20px;
	line-height: 26px;
	color: #777777;
	text-shadow: 0 5px #777777, 0 10px #777777, 5px 0 #777777, 5px 5px #777777, 5px 10px #777777, 10px 0 #777777, 10px 5px #777777, 10px 10px #777777;
}*/

.c-profile__title {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3rem;
	margin: 0 0 0.25em 0;
}

.c-profile__title:empty:not(:focus):before {
	content: attr(data-placeholder);
	color: #aaaaaa;
}

.c-profile__title:focus:before {
	color: #dddddd;
}

.c-profile__labels {}

.c-profile__labels .badge button {
	width: 0;
	margin: 0;
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
}

.c-profile__labels .badge button svg {
	display: none;
}

.c-profile__labels .badge:hover button {
	width: 16px;
	margin: -0.2em 0 0 0.3em;
}

.c-profile__labels .badge:hover button svg {
	display: inline;
}

.c-profile__labels form {
	margin: 0.5em 0 0 0;
}

/* Object */

.c-object {
	background-color: #ffffff;
	padding: 1rem;
}

.c-object ul li {
	margin: 0 0 0.5em 2em;
	list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><polygon points='84.63 11.86 35.79 61.61 11.16 38.11 0 49.59 36 84.14 96 23.13 84.63 11.86' /></svg>");
}

.c-object ul li:last-child {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0.5em 0;
}

.c-object .functions {
	margin: auto 0 auto 0.5em;
}

.c-object .functions [class^="function-"] svg {
	fill: #666666;
}

.c-object .functions [class^="function-"] svg {
	fill: #666666;
}

.c-object .functions [class^="function-"]:hover .c-object .functions [class^="function-"]:focus {
	cursor: pointer;
}

.c-object .functions [class^="function-"]:hover svg,
.c-object .functions [class^="function-"]:focus svg {
	fill: #222222;
	cursor: pointer;
}

.c-object .functions [class*="__label"] {
	display: none;
}

/* Object ~ some dirty stuff to make it loook good temporary... */

.c-object h4 {
	margin: 0 0 0.75rem 0;
}

/* Object */

.c-users {}

.c-users ul li {
	margin: 0 0 0.5em 2em;
	list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='0.75em' height='0.75em' viewBox='0 0 96 96' preserveAspectRatio='xMidYMid meet'><polygon points='84.63 11.86 35.79 61.61 11.16 38.11 0 49.59 36 84.14 96 23.13 84.63 11.86' /></svg>");
}

.c-users ul li:last-child {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0.5em 0;
}

.c-users .functions {
	margin: auto 0 auto 0.5em;
}

.c-users .functions [class^="function-"] svg {
	fill: rgba(0, 0, 0, 0.5);
	vertical-align: middle;
}

.c-users .functions [class^="function-"]:hover,
.c-object .functions [class^="function-"]:focus {
	cursor: pointer;
}

.c-users .functions [class^="function-"]:hover svg,
.c-users .functions [class^="function-"]:focus svg {
	fill: rgba(0, 0, 0, 0.85);
	cursor: pointer;
}

.c-users .functions [class*="__label"] {
	display: none;
}


/* Person | Person travel history */

.c-person__travelhistory {
	position: relative;
	min-height: 5.5em;
	margin: 15px 0 0 0;
	background-color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 100%);
}

@media all and (max-width: 500px) {

	.c-person__travelhistory {
		background: linear-gradient(225deg, #D4D9DD, #D4D9DD 60px, #ffffff 60px, #ffffff 100%);
	}

	.c-person__travelhistory .icon-suitcase {}

}

/* Person | Person travel history | Flights tabel */

.c-person__travelhistory .resp_table-custom--flights {}

.c-person__travelhistory .resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(1) time:first-child:nth-last-child(2) {
	order: 0;
	text-decoration: none;
	font-weight: 600;
}

.c-person__travelhistory .resp_table-custom--flights .resp_table-item > .resp_table-cell:nth-child(1) time:first-child:nth-last-child(2) ~ time {
	order: 1;
	margin: 0 0.5em 0 0;
	font-weight: 300;
}

@media all and (max-width: 500px) {
	.c-person__travelhistory .resp_table-custom--flights .resp_table__caption {
		padding: 1em 2.5em 1em 0.5em;
	}
}

/* Person | Person travel party */

.c-person__travelparty {
	position: relative;
	min-height: 5.5em;
	margin: 15px 0 0 0;
}

@media all and (max-width: 500px) {

	.c-person__travelparty {}

	.c-person__travelparty .icon-travelparty {}

}

/* Person | Person travel history | People table */

.c-person__travelparty .resp_table-custom--people {}

.c-person__travelparty .resp_table-custom--people .resp_table-item:hover {
	cursor: pointer;
}

.c-person__travelparty .resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(1) time:first-child:nth-last-child(2) {
	order: 0;
	text-decoration: none;
	font-weight: 600;
}

.c-person__travelparty .resp_table-custom--people .resp_table-item > .resp_table-cell:nth-child(1) time:first-child:nth-last-child(2) ~ time {
	order: 1;
	margin: 0 0.5em 0 0;
	font-weight: 300;
}

@media all and (max-width: 500px) {
	.c-person__travelparty .resp_table-custom--people .resp_table__caption {
		padding: 1em 2.5em 1em 0.5em;
	}
}


/* aside */

aside {
	overflow-y: auto;
	height: auto;
}

aside .c-match__status .icon-xs {
	width: 24px;
	height: 24px;
}


/* ==================================================
    Page specific styles
   ================================================== */

/* Page Home > No matches */

.page-home.state-nomatches {
	background: #F4F7FA;
	overflow-y: hidden;
}

.page-home.state-nomatches video {
	object-fit: cover;
	object-position: center center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
}

.page-home.state-nomatches .navbar.navbar-dark {
	background-color: rgba(49, 67, 77, 0.15);
}

.page-home.state-nomatches .empty-state_message {
	position: relative;
	top: 37vh;
	width: 100vw;
	text-align: center;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	color: rgba(255, 255, 255, 0.4);
	font-style: italic;
	font-weight: 600;
	font-size: 7vw;
}

@media all and (max-width: 500px) {
	.page-home.state-nomatches .empty-state_message {
		font-size: 10vw;
	}
}

/* Page Home > Match */

.page-home.state-match {
	background-color: rgba(247, 195, 128, 1);
	background: linear-gradient(to bottom,
		rgba(217, 83, 80, 1) 0px,
		rgba(217, 83, 80, 1) 66px,
		rgba(247, 195, 128, 1) 66px,
		rgba(247, 195, 128, 1) 71px,
		rgba(247, 119, 21, 1) 71px,
		rgba(247, 119, 21, 1) 15%,
		rgba(247, 195, 128, 1) 15%,
		rgba(247, 195, 128, 1) 16%,
		rgba(247, 134, 43, 1) 16%,
		rgba(247, 134, 43, 1) 28%,
		rgba(247, 195, 128, 1) 28%,
		rgba(247, 195, 128, 1) 30%,
		rgba(247, 150, 64, 1) 30%,
		rgba(247, 150, 64, 1) 45%,
		rgba(247, 195, 128, 1) 45%,
		rgba(247, 195, 128, 1) 48%,
		rgba(247, 165, 85, 1) 48%,
		rgba(247, 165, 85, 1) 66%,
		rgba(247, 195, 128, 1) 66%,
		rgba(247, 195, 128, 1) 70%,
		rgba(247, 180, 107, 1) 70%,
		rgba(247, 180, 107, 1) 92%,
		rgba(247, 195, 128, 1) 92%,
		rgba(247, 195, 128, 1) 100%);
	background-attachment: fixed;
}

.page-home.state-match .navbar.navbar-dark {
	background-color: rgba(247, 104, 0, 1);
}

/* Page Home > Hit! */

.page-home.state-hit {
	background-color: rgba(217, 83, 80, 1);
	background: repeating-linear-gradient(-45deg,
		rgba(229, 137, 135, 1),
		rgba(229, 137, 135, 1) 60px,
		rgba(217, 83, 80, 1) 60px,
		rgba(217, 83, 80, 1) 120px);
}

.page-home.state-hit .navbar.navbar-dark {
	background-color: rgba(217, 83, 80, 1);

}

/* Page 404 */

.page-404 {
	background: #F4F7FA;
	overflow-y: hidden;
}

.page-404 video {
	object-fit: cover;
	object-position: center center;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.page-404 .navbar.navbar-dark {
	background-color: rgba(49, 67, 77, 0.15);
}

.page-404 .empty-state_message {
	position: relative;
	top: 37vh;
	width: 100vw;
	text-align: center;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	color: rgba(255, 255, 255, 0.4);
	font-style: italic;
	font-weight: 600;
	font-size: 7vw;
}

@media all and (max-width: 500px) {
	.page-404 .empty-state_message {
		font-size: 10vw;
	}
}

/* ==================================================
    Prototype styles (to be removed from production!)
   ================================================== */

/* dirty page selector */

[class*="page-"] .container-fluid,
[class^="page-"] .container-fluid {
	padding-top: 15px;
	padding-bottom: 15px;
}

.page-home .container-fluid {
	padding-top: 0;
}

/* page specifics */

/* page specifics | page Signin */

.page-signin {
	display: unset;
	height: 100%;
	background-color: #F4F7FA;
	background: #F4F7FA;
}

.page-signin form .alert {
	margin: 1rem 0 0 0;
}

/* page specifics | page Match */

.page-match {}

.page-match .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

@media screen and (max-width: 1199px) {
	.page-match .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}

@media screen and (min-width: 1200px) {

	.page-match .container-fluid aside {
		position: fixed;
		top: 77px;
		right: 25px;
		max-height: calc(100vh - 92px);
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%);
		overflow-y: hidden;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.page-match .container-fluid aside form {
		width: 100%;
	}

	.page-match .container-fluid aside .c-log {
		overflow-y: auto;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;

		background:
			linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)),
			linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%,
			radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
			radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 0 100%;
		background:
			linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)),
			linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%,
			radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
			radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 0 100%;
		background-repeat: no-repeat;
		background-color: #ffffff;
		background-size: 100% 40px, 100% 40px, 100% 20px, 100% 20px;
		background-attachment: local, local, scroll, scroll;
	}

}

.page-match .match-list {
	font-weight: 600;
	color: initial;
}

.page-match .match-listinfo {
	font-weight: 300;
	color: initial;
}

.page-match .match-profile {
	font-weight: 300;
	font-style: italic;
	color: initial;
}

.page-match .c-match__comparison {
	background-color: #ffffff;
	padding: 1rem;
}

.page-match .c-match__status .label {
	font-size: 2.4rem;
}

.page-match .c-match__comparison + .c-flight {
	margin: 15px 0 0 0;
}

@media screen and (min-width: 1200px) {
	.page-match .c-flight {}
}

/* page specifics | page Flights */

.page-flights {}

.page-flights .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

.page-flights .container-fluid aside {}

@media screen and (max-width: 1199px) {
	.page-flights .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}


@media screen and (min-width: 1200px) {
	.page-flights .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

/* page specifics | page People */

.page-people {}

.page-people .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

.page-people .container-fluid aside {}

@media screen and (max-width: 1199px) {
	.page-people .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}


@media screen and (min-width: 1200px) {
	.page-people .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

/* page specifics | page Flight */

.page-flight {}

.page-flight .container-fluid aside {}

.page-flight .match-profile {
	color: initial;
}

.page-flight .c-flights__overview {
	margin: 1em 0 0 0;
}

@media screen and (max-width: 1199px) {
	.page-flight .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}

@media screen and (min-width: 1200px) {
	.page-flight .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

/* page specifics | page Person */

.page-person {}

.page-person .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

@media screen and (max-width: 1199px) {
	.page-person .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}

@media screen and (min-width: 1200px) {
	.page-person .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

.page-person .c-match__comparison {
	background-color: #ffffff;
	padding: 1rem;
}

.page-person .c-match__status .label {
	font-size: 2.4rem;
}

.page-person .c-match__comparison + .c-flight {
	margin: 15px 0 0 0;
}

@media screen and (min-width: 1200px) {
	.page-person .c-flight {}
}

@media all and (max-width: 500px) {
	.page-person .resp_table-custom--person > .resp_table-item > .resp_table-cell:nth-child(2) {
		display: none;
	}

	.page-person .resp_table-custom--person > .resp_table-item > .resp_table-cell {
		padding: 0.5em 0.5em 0 0.75em;
	}

	.page-person .resp_table-custom--person > .resp_table-item > .resp_table-cell::before {
		top: 0.9em;
	}

	.page-person .resp_table-custom--person > .resp_table-item > .resp_table-cell:nth-child(1) {
		background: none;
	}

	.page-person .resp_table-custom--person > .resp_table-item:nth-child(1) > .resp_table-cell:nth-child(1) {
		padding: 0.75em 2.75em 0 0.75em;
	}

}

/* page specifics | page Profile */

.page-profile {}

.page-profile .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

.page-profile .container-fluid aside {}

@media screen and (max-width: 1199px) {
	.page-profile .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}


@media screen and (min-width: 1200px) {
	.page-profile .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

/* page specifics | page Object */

.page-object {}

.page-profile .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

.page-object .container-fluid aside {}

.page-object .c-profiles {
	margin: 15px 0 0 0;
}

@media screen and (max-width: 1199px) {
	.page-object .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}

@media screen and (min-width: 1200px) {
	.page-object .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

/* page specifics | page Profile */

.page-profiles {}

.page-profiles .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

.page-profiles .container-fluid aside {}

@media screen and (max-width: 1199px) {
	.page-profiles .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}


@media screen and (min-width: 1200px) {
	.page-profiles .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

/* page specifics | page Preferences */

.page-preferences {}

.page-preferences .container-fluid {
	position: relative;
	padding-bottom: 15px;
}

.page-preferences .container-fluid aside {}

@media screen and (max-width: 1199px) {
	.page-preferences .container-fluid aside {
		margin: 0 15px 15px 15px;
		padding: 15px 0.75em 15px 0.75em;
		background-color: #ffffff;
	}
}


@media screen and (min-width: 1200px) {
	.page-preferences .container-fluid aside {
		position: fixed;
		right: 15px;
		padding: 15px 0.75em 15px 27px;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 15px, #ffffff 15px, #ffffff 100%)
	}
}

/* ========================
    IE10+ styles
   ======================== */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

	.card-link * {
		color: rgba(0, 0, 0, 1);
	}

	.resp-table-item__link * {
		color: rgba(0, 0, 0, 1);
	}

	.c-flight__link * {
		color: rgba(0, 0, 0, 1);
	}

	.page-signin {
		display: inline;
	}

	.page-home.state-nomatches video {
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;';
		/* Polyfill IE11 object-fit */
		width: 100vw;
		height: 100vh;
	}

	.page-404 video {
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;';
		/* Polyfill IE11 object-fit */
		width: 100vw;
		height: 100vh;
	}

}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active),
(min-width: 1200px) {
	.page-match .container-fluid aside .c-log {
		max-height: calc(100vh - 455px);
	}
}

/* ========================
    Edge styles
   ======================== */

@supports (-ms-ime-align: auto) {

	.page-home.state-nomatches video {
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;';
		/* Polyfill IE11/Edge object-fit */
		width: 100vw;
		height: 100vh;
	}

	.page-404 video {
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center center;';
		/* Polyfill IE11 object-fit */
		width: 100vw;
		height: 100vh;
	}

}

/* ========================
    Extrenal components
   ======================== */

/* JQueryUI components */

/* JQueryUI components | Slider */

.ui-slider.ui-corner-all {
	border-top-left-radius: 0.35em;
	border-top-right-radius: 0.35em;
	border-bottom-right-radius: 0.35em;
	border-bottom-left-radius: 0.35em;
	border: 2px solid #cccccc;
	background: #ffffff;
}

.ui-slider.ui-slider-horizontal {
	height: 0.7em;
}

.ui-slider.ui-corner-all + label {
	margin: 0.5em 0 0 0;
}

.ui-slider .ui-slider-range.ui-widget-header {
	background: #cccccc;
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
	top: -.5em;
	margin-left: -.6em;
}

.ui-slider .ui-slider-handle.ui-corner-all {
	width: 1.4em;
	height: 1.4em;

	border-top-left-radius: 0.7em;
	border-top-right-radius: 0.7em;
	border-bottom-right-radius: 0.7em;
	border-bottom-left-radius: 0.7em;
}

.ui-slider .ui-slider-handle.ui-corner-all.ui-state-default {
	border: 2px solid #cccccc;
	background: #ffffff;
}

.ui-slider .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-hover {
	border: 2px solid #aaaaaa;
	background: #eeeeee;
}

.ui-slider .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
	border: 2px solid #005cbf;
	background: #0062cc;
}

/* Angular Date Time Picker | https://github.com/DanielYKPan/date-time-picker / 7.0.0 */

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
	pointer-events: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.cdk-overlay-container {
	position: fixed;
	z-index: 1000;
}

.cdk-overlay-container:empty {
	display: none;
}

.cdk-global-overlay-wrapper {
	display: flex;
	position: absolute;
	z-index: 1000;
}

.cdk-overlay-pane {
	position: absolute;
	pointer-events: auto;
	box-sizing: border-box;
	z-index: 1000;
	display: flex;
	max-width: 100%;
	max-height: 100%;
}

.cdk-overlay-backdrop {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	pointer-events: auto;
	-webkit-tap-highlight-color: transparent;
	transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
	opacity: 1;
}

@media screen and (-ms-high-contrast: active) {
	.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
		opacity: 0.6;
	}
}

.cdk-overlay-dark-backdrop {
	background: rgba(0, 0, 0, 0.288);
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
	opacity: 0;
}

.cdk-overlay-connected-position-bounding-box {
	position: absolute;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	min-width: 1px;
	min-height: 1px;
}

.cdk-global-scrollblock {
	position: fixed;
	width: 100%;
	overflow-y: scroll;
}

.owl-dialog-container {
	position: relative;
	pointer-events: auto;
	box-sizing: border-box;
	display: block;
	padding: 1.5em;
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	overflow: auto;
	background: #fff;
	color: rgba(0, 0, 0, 0.87);
	width: 100%;
	height: 100%;
	outline: none;
}

.owl-dt-container,
.owl-dt-container * {
	box-sizing: border-box;
}

.owl-dt-container {
	display: block;
	font-size: 1.3rem;
	background: #ffffff;
	pointer-events: auto;
	z-index: 1000;
}

.owl-dt-container-row {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.owl-dt-container-row:last-child {
	border-bottom: none;
}

.owl-dt-calendar {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.owl-dt-calendar-control {
	display: flex;
	align-items: center;
	font-size: 1em;
	width: 100%;
	padding: 0.5em;
	color: #000000;
}

.owl-dt-calendar-control .owl-dt-calendar-control-content {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
	padding: 0 0.8em;
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
	background-color: rgba(0, 0, 0, 0.12);
}

.owl-dt-calendar-main {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 0 0.5em 0.5em;
	outline: 0;
}

.owl-dt-calendar-view {
	display: block;
	flex: 1 1 auto;
}

.owl-dt-calendar-multi-year-view {
	display: flex;
	align-items: center;
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
	width: calc(100% - 3em);
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
	padding-bottom: 0.25em;
}

.owl-dt-calendar-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.owl-dt-calendar-table .owl-dt-calendar-header {
	color: rgba(0, 0, 0, 0.4);
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
	font-size: 0.7em;
	font-weight: 400;
	text-align: center;
	padding-bottom: 1em;
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
	position: relative;
	height: 1px;
	padding-bottom: 0.5em;
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
	content: "";
	position: absolute;
	top: 0;
	left: -0.5em;
	right: -0.5em;
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
}

.owl-dt-calendar-table .owl-dt-calendar-cell {
	position: relative;
	height: 0;
	line-height: 0;
	text-align: center;
	outline: 0;
	color: rgba(0, 0, 0, 0.85);
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
	position: absolute;
	top: 5%;
	left: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 90%;
	height: 90%;
	font-size: 1.1rem;
	line-height: 1;
	border: 1px solid transparent;
	border-radius: 999px;
	color: inherit;
	cursor: pointer;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-out {
	opacity: 0.2;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
	border-color: rgba(0, 0, 0, 0.4);
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
	color: rgba(255, 255, 255, 0.85);
	background-color: #3f51b5;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
	cursor: default;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
	color: rgba(0, 0, 0, 0.4);
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
	opacity: 0.4;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
	border-color: rgba(0, 0, 0, 0.2);
}

.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
	background-color: rgba(0, 0, 0, 0.04);
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
	background: rgba(63, 81, 181, 0.2);
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
	border-top-left-radius: 999px;
	border-bottom-left-radius: 999px;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
	border-top-right-radius: 999px;
	border-bottom-right-radius: 999px;
}

.owl-dt-timer {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 7em;
	padding: 0.5em;
	outline: none;
}

.owl-dt-timer-box {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	height: 100%;
}

.owl-dt-timer-content {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0.2em 0;
}

.owl-dt-timer-content .owl-dt-timer-input {
	display: block;
	width: 2em;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	outline: medium none;
	font-size: 1.2em;
	padding: 0.2em;
}

.owl-dt-timer-divider {
	display: inline-block;
	align-self: flex-end;
	position: absolute;
	width: 0.6em;
	height: 100%;
	left: -0.3em;
}

.owl-dt-timer-divider:before,
.owl-dt-timer-divider:after {
	content: "";
	display: inline-block;
	width: 0.35em;
	height: 0.35em;
	position: absolute;
	left: 50%;
	border-radius: 50%;
	transform: translateX(-50%);
	background-color: currentColor;
}

.owl-dt-timer-divider:before {
	top: 35%;
}

.owl-dt-timer-divider:after {
	bottom: 35%;
}

.owl-dt-control-button {
	user-select: none;
	cursor: pointer;
	outline: none;
	border: none;
	-webkit-tap-highlight-color: transparent;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	background-color: transparent;
	font-size: 1.4rem;
	color: inherit;
}

.owl-dt-control-button .owl-dt-control-button-content {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	outline: none;
}

.owl-dt-control-period-button .owl-dt-control-button-content {
	height: 1.5em;
	padding: 0 0.5em;
	border-radius: 3px;
	transition: background-color 100ms linear;
}

.owl-dt-control-period-button:hover > .owl-dt-control-button-content {
	background-color: rgba(0, 0, 0, 0.12);
}

.owl-dt-control-period-button .owl-dt-control-button-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1em;
	height: 1em;
	margin: 0.1em;
	transition: transform 200ms ease;
}

.owl-dt-control-arrow-button .owl-dt-control-button-content {
	padding: 0;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
}

.owl-dt-control-arrow-button[disabled] {
	color: rgba(0, 0, 0, 0.4);
	cursor: default;
}

.owl-dt-control-arrow-button svg {
	width: 50%;
	height: 50%;
	fill: currentColor;
}

.owl-dt-inline-container,
.owl-dt-popup-container {
	position: relative;
	width: 18.5em;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
	width: 100%;
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
	height: 20.25em;
}

.owl-dt-dialog-container {
	max-height: 95vh;
	margin: -1.5em;
}

.owl-dt-dialog-container .owl-dt-calendar {
	min-width: 250px;
	min-height: 330px;
	max-width: 750px;
	max-height: 750px;
}

.owl-dt-dialog-container .owl-dt-timer {
	min-width: 250px;
	max-width: 750px;
}

@media all and (orientation: landscape) {
	.owl-dt-dialog-container .owl-dt-calendar {
		width: 58vh;
		height: 62vh;
	}

	.owl-dt-dialog-container .owl-dt-timer {
		width: 58vh;
	}
}

@media all and (orientation: portrait) {
	.owl-dt-dialog-container .owl-dt-calendar {
		width: 80vw;
		height: 80vw;
	}

	.owl-dt-dialog-container .owl-dt-timer {
		width: 80vw;
	}
}

.owl-dt-container-buttons {
	display: flex;
	width: 100%;
	height: 3em;
}

.owl-dt-container-buttons .owl-dt-control-button:first-child {
	color: #ffffff;
	background-color: #6c757d;
	border-color: #6c757d;
	font-size: 1.4rem;
}

.owl-dt-container-buttons .owl-dt-control-button:last-child {
	color: #ffffff;
	background-color: #007bff;
	border-color: #007bff;
	font-size: 1.4rem;
}

.owl-dt-container-control-button {
	font-size: 1em;
	width: 50%;
	height: 100%;
	border-radius: 0;
}

.owl-dt-container-control-button .owl-dt-control-button-content {
	height: 100%;
	width: 100%;
	transition: background-color 100ms linear;
}

.owl-dt-container-control-button:hover .owl-dt-control-button-content {
	background-color: rgba(0, 0, 0, 0.1);
}

.owl-dt-container-info {
	padding: 0 0.5em;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.owl-dt-container-info .owl-dt-container-range {
	outline: none;
}

.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
	display: flex;
	justify-content: space-between;
	padding: 0.5em 0;
	font-size: 0.8em;
}

.owl-dt-container-info .owl-dt-container-range:last-child {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.owl-dt-container-info .owl-dt-container-info-active {
	color: #3f51b5;
}

.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
	opacity: 0.35;
	filter: Alpha(Opacity=35);
	background-image: none;
	cursor: default !important;
}

.owl-dt-timer-hour12 {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #3f51b5;
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
	border: 1px solid currentColor;
	border-radius: 2px;
	transition: background 200ms ease;
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
	width: 100%;
	height: 100%;
	padding: 0.5em;
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
	background: #3f51b5;
	color: #ffffff;
}

.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
	visibility: hidden;
	cursor: default;
}

.owl-dt-inline {
	display: inline-block;
}

.owl-dt-control {
	outline: none;
	cursor: pointer;
}

.owl-dt-control .owl-dt-control-content {
	outline: none;
}

.owl-dt-control:focus > .owl-dt-control-content {
	background-color: rgba(0, 0, 0, 0.12);
}

.owl-dt-control:not(:-moz-focusring):focus > .owl-dt-control-content {
	box-shadow: none;
}

.owl-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}