﻿﻿ /*
 * maisonnette-admin v0.0.1 (https://foxythemes.net)
 * Copyright 2017 Foxy Themes all rights reserved
 */
@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: 'Source Sans Pro';
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body, button, input, optgroup, select, textarea {
	font-family: var(--font-family);
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1rem;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

	a:active,
	a:hover {
		outline-width: 0;
	}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1rem;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

	audio:not([controls]) {
		display: none;
		height: 0;
	}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: 'Source Sans Pro';
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

	button::-moz-focus-inner,
	[type="button"]::-moz-focus-inner,
	[type="reset"]::-moz-focus-inner,
	[type="submit"]::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}

	button:-moz-focusring,
	[type="button"]:-moz-focusring,
	[type="reset"]:-moz-focusring,
	[type="submit"]:-moz-focusring {
		outline: 1px dotted ButtonText;
	}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

	[type="search"]::-webkit-search-cancel-button,
	[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

@media print {
	*,
	*::before,
	*::after,
	p::first-letter,
	div::first-letter,
	blockquote::first-letter,
	li::first-letter,
	p::first-line,
	div::first-line,
	blockquote::first-line,
	li::first-line {
		text-shadow: none !important;
		box-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	.navbar {
		display: none;
	}

	.badge {
		border: 1px solid #000;
	}

	.table {
		border-collapse: collapse !important;
	}

		.table td,
		.table th {
			background-color: #fff !important;
		}

	.table-bordered th,
	.table-bordered td {
		border: 1px solid #ddd !important;
	}
}

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

@-ms-viewport {
	width: device-width;
}

html {
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

body {
	/*font-size: 1rem;
    font-weight: normal;
    line-height: 1.538;*/
	color: var(--default-text-color);
	background-color: var(--main-background-color);
}

[tabindex="-1"]:focus {
	outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
	cursor: help;
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

	ol ol,
	ul ul,
	ol ul,
	ul ol {
		margin-bottom: 0;
	}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: .5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

a {
	color: var(--top-menu-background-color);
	text-decoration: none;
}

	a:focus, a:hover {
		color: var(--top-menu-background-color);
		text-decoration: underline;
	}

	a:not([href]):not([tabindex]) {
		color: inherit;
		text-decoration: none;
	}

		a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
			color: inherit;
			text-decoration: none;
		}

		a:not([href]):not([tabindex]):focus {
			outline: 0;
		}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
}

figure {
	margin: 0 0 1rem;
}

img {
	vertical-align: middle;
}

[role="button"] {
	cursor: pointer;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
	touch-action: manipulation;
}

table {
	border-collapse: collapse;
	background-color: transparent;
}

caption {
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
	color: #636c72;
	text-align: left;
	caption-side: bottom;
}

th {
	text-align: left;
}

label {
	display: inline-block;
	margin-bottom: .5rem;
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
	line-height: inherit;
}

	input[type="radio"]:disabled,
	input[type="checkbox"]:disabled {
		cursor: not-allowed;
	}

	input[type="date"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="month"] {
		-webkit-appearance: listbox;
	}

textarea {
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
}

input[type="search"] {
	-webkit-appearance: none;
}

output {
	display: inline-block;
}

[hidden] {
	display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.7692rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

h1, .h1 {
	font-size: 2.5rem;
}

h2, .h2 {
	font-size: 2rem;
}

h3, .h3 {
	font-size: 1.75rem;
}

h4, .h4 {
	font-size: 1.5rem;
}

h5, .h5 {
	font-size: 1.25rem;
}

h6, .h6 {
	font-size: 1rem;
}

.lead {
	font-size: 1.615rem;
}

.display-1 {
	font-size: 6rem;
	line-height: 1.1;
}

.display-2 {
	font-size: 5.5rem;
	line-height: 1.1;
}

.display-3 {
	font-size: 4.5rem;
	line-height: 1.1;
}

.display-4 {
	font-size: 3.5rem;
	line-height: 1.1;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
	font-size: 80%;
	font-weight: normal;
}

mark,
.mark {
	padding: 0.2em;
	background-color: #fcf8e3;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

.list-inline {
	padding-left: 0;
	list-style: none;
}

.list-inline-item {
	display: inline-block;
}

	.list-inline-item:not(:last-child) {
		margin-right: 5px;
	}

.initialism {
	font-size: 90%;
	text-transform: uppercase;
}

.blockquote {
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
	font-size: 1.308rem;
	border-left: 0.25rem solid #eceeef;
}

.blockquote-footer {
	display: block;
	font-size: 80%;
	color: #636c72;
}

	.blockquote-footer::before {
		content: "\2014 \00A0";
	}

.blockquote-reverse {
	padding-right: 1rem;
	padding-left: 0;
	text-align: right;
	border-right: 0.25rem solid #eceeef;
	border-left: 0;
}

	.blockquote-reverse .blockquote-footer::before {
		content: "";
	}

	.blockquote-reverse .blockquote-footer::after {
		content: "\00A0 \2014";
	}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.img-thumbnail {
	padding: 0.25rem;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	transition: all 0.2s ease-in-out;
	max-width: 100%;
	height: auto;
}

.figure {
	display: inline-block;
}

.figure-img {
	margin-bottom: 0.5rem;
	line-height: 1;
}

.figure-caption {
	font-size: 90%;
	color: #636c72;
}

code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
	padding: 0.2rem 0.4rem;
	font-size: 90%;
	color: #bd4147;
	background-color: #f7f7f9;
	border-radius: 0.25rem;
}

a > code {
	padding: 0;
	color: inherit;
	background-color: inherit;
}

kbd {
	padding: 0.2rem 0.4rem;
	font-size: 90%;
	color: #fff;
	background-color: #323232;
	border-radius: 0.2rem;
}

	kbd kbd {
		padding: 0;
		font-size: 100%;
		font-weight: 700;
	}

pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 90%;
	color: #323232;
}

	pre code {
		padding: 0;
		font-size: inherit;
		color: inherit;
		background-color: transparent;
		border-radius: 0;
	}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}

.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 576px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 768px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 992px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 576px) {
	.container {
		width: 540px;
		max-width: 100%;
	}
}

@media (min-width: 768px) {
	.container {
		width: 720px;
		max-width: 100%;
	}
}

@media (min-width: 992px) {
	.container {
		width: 960px;
		max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1140px;
		max-width: 100%;
	}
}

.container-fluid {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 576px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 768px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 992px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

@media (min-width: 576px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width: 768px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width: 992px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width: 1200px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

	.no-gutters > .col,
	.no-gutters > [class*="col-"] {
		padding-right: 0;
		padding-left: 0;
	}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 576px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 768px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 992px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 8.3333333333%;
	max-width: 8.3333333333%;
}

.col-2 {
	flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%;
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}

.col-5 {
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
}

.col-8 {
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%;
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%;
}

.col-11 {
	flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.pull-0 {
	right: auto;
}

.pull-1 {
	right: 8.3333333333%;
}

.pull-2 {
	right: 16.6666666667%;
}

.pull-3 {
	right: 25%;
}

.pull-4 {
	right: 33.3333333333%;
}

.pull-5 {
	right: 41.6666666667%;
}

.pull-6 {
	right: 50%;
}

.pull-7 {
	right: 58.3333333333%;
}

.pull-8 {
	right: 66.6666666667%;
}

.pull-9 {
	right: 75%;
}

.pull-10 {
	right: 83.3333333333%;
}

.pull-11 {
	right: 91.6666666667%;
}

.pull-12 {
	right: 100%;
}

.push-0 {
	left: auto;
}

.push-1 {
	left: 8.3333333333%;
}

.push-2 {
	left: 16.6666666667%;
}

.push-3 {
	left: 25%;
}

.push-4 {
	left: 33.3333333333%;
}

.push-5 {
	left: 41.6666666667%;
}

.push-6 {
	left: 50%;
}

.push-7 {
	left: 58.3333333333%;
}

.push-8 {
	left: 66.6666666667%;
}

.push-9 {
	left: 75%;
}

.push-10 {
	left: 83.3333333333%;
}

.push-11 {
	left: 91.6666666667%;
}

.push-12 {
	left: 100%;
}

.offset-1 {
	margin-left: 8.3333333333%;
}

.offset-2 {
	margin-left: 16.6666666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.3333333333%;
}

.offset-5 {
	margin-left: 41.6666666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.3333333333%;
}

.offset-8 {
	margin-left: 66.6666666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.3333333333%;
}

.offset-11 {
	margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
	.col-sm {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-sm-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.col-sm-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-sm-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-sm-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-sm-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-sm-0 {
		right: auto;
	}

	.pull-sm-1 {
		right: 8.3333333333%;
	}

	.pull-sm-2 {
		right: 16.6666666667%;
	}

	.pull-sm-3 {
		right: 25%;
	}

	.pull-sm-4 {
		right: 33.3333333333%;
	}

	.pull-sm-5 {
		right: 41.6666666667%;
	}

	.pull-sm-6 {
		right: 50%;
	}

	.pull-sm-7 {
		right: 58.3333333333%;
	}

	.pull-sm-8 {
		right: 66.6666666667%;
	}

	.pull-sm-9 {
		right: 75%;
	}

	.pull-sm-10 {
		right: 83.3333333333%;
	}

	.pull-sm-11 {
		right: 91.6666666667%;
	}

	.pull-sm-12 {
		right: 100%;
	}

	.push-sm-0 {
		left: auto;
	}

	.push-sm-1 {
		left: 8.3333333333%;
	}

	.push-sm-2 {
		left: 16.6666666667%;
	}

	.push-sm-3 {
		left: 25%;
	}

	.push-sm-4 {
		left: 33.3333333333%;
	}

	.push-sm-5 {
		left: 41.6666666667%;
	}

	.push-sm-6 {
		left: 50%;
	}

	.push-sm-7 {
		left: 58.3333333333%;
	}

	.push-sm-8 {
		left: 66.6666666667%;
	}

	.push-sm-9 {
		left: 75%;
	}

	.push-sm-10 {
		left: 83.3333333333%;
	}

	.push-sm-11 {
		left: 91.6666666667%;
	}

	.push-sm-12 {
		left: 100%;
	}

	.offset-sm-0 {
		margin-left: 0%;
	}

	.offset-sm-1 {
		margin-left: 8.3333333333%;
	}

	.offset-sm-2 {
		margin-left: 16.6666666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.3333333333%;
	}

	.offset-sm-5 {
		margin-left: 41.6666666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.3333333333%;
	}

	.offset-sm-8 {
		margin-left: 66.6666666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.3333333333%;
	}

	.offset-sm-11 {
		margin-left: 91.6666666667%;
	}
}

@media (min-width: 768px) {
	.col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-md-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.col-md-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-md-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-md-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-md-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-md-0 {
		right: auto;
	}

	.pull-md-1 {
		right: 8.3333333333%;
	}

	.pull-md-2 {
		right: 16.6666666667%;
	}

	.pull-md-3 {
		right: 25%;
	}

	.pull-md-4 {
		right: 33.3333333333%;
	}

	.pull-md-5 {
		right: 41.6666666667%;
	}

	.pull-md-6 {
		right: 50%;
	}

	.pull-md-7 {
		right: 58.3333333333%;
	}

	.pull-md-8 {
		right: 66.6666666667%;
	}

	.pull-md-9 {
		right: 75%;
	}

	.pull-md-10 {
		right: 83.3333333333%;
	}

	.pull-md-11 {
		right: 91.6666666667%;
	}

	.pull-md-12 {
		right: 100%;
	}

	.push-md-0 {
		left: auto;
	}

	.push-md-1 {
		left: 8.3333333333%;
	}

	.push-md-2 {
		left: 16.6666666667%;
	}

	.push-md-3 {
		left: 25%;
	}

	.push-md-4 {
		left: 33.3333333333%;
	}

	.push-md-5 {
		left: 41.6666666667%;
	}

	.push-md-6 {
		left: 50%;
	}

	.push-md-7 {
		left: 58.3333333333%;
	}

	.push-md-8 {
		left: 66.6666666667%;
	}

	.push-md-9 {
		left: 75%;
	}

	.push-md-10 {
		left: 83.3333333333%;
	}

	.push-md-11 {
		left: 91.6666666667%;
	}

	.push-md-12 {
		left: 100%;
	}

	.offset-md-0 {
		margin-left: 0%;
	}

	.offset-md-1 {
		margin-left: 8.3333333333%;
	}

	.offset-md-2 {
		margin-left: 16.6666666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.3333333333%;
	}

	.offset-md-5 {
		margin-left: 41.6666666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.3333333333%;
	}

	.offset-md-8 {
		margin-left: 66.6666666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.3333333333%;
	}

	.offset-md-11 {
		margin-left: 91.6666666667%;
	}
}

@media (min-width: 992px) {
	.col-lg {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-lg-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.col-lg-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-lg-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-lg-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-lg-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-lg-0 {
		right: auto;
	}

	.pull-lg-1 {
		right: 8.3333333333%;
	}

	.pull-lg-2 {
		right: 16.6666666667%;
	}

	.pull-lg-3 {
		right: 25%;
	}

	.pull-lg-4 {
		right: 33.3333333333%;
	}

	.pull-lg-5 {
		right: 41.6666666667%;
	}

	.pull-lg-6 {
		right: 50%;
	}

	.pull-lg-7 {
		right: 58.3333333333%;
	}

	.pull-lg-8 {
		right: 66.6666666667%;
	}

	.pull-lg-9 {
		right: 75%;
	}

	.pull-lg-10 {
		right: 83.3333333333%;
	}

	.pull-lg-11 {
		right: 91.6666666667%;
	}

	.pull-lg-12 {
		right: 100%;
	}

	.push-lg-0 {
		left: auto;
	}

	.push-lg-1 {
		left: 8.3333333333%;
	}

	.push-lg-2 {
		left: 16.6666666667%;
	}

	.push-lg-3 {
		left: 25%;
	}

	.push-lg-4 {
		left: 33.3333333333%;
	}

	.push-lg-5 {
		left: 41.6666666667%;
	}

	.push-lg-6 {
		left: 50%;
	}

	.push-lg-7 {
		left: 58.3333333333%;
	}

	.push-lg-8 {
		left: 66.6666666667%;
	}

	.push-lg-9 {
		left: 75%;
	}

	.push-lg-10 {
		left: 83.3333333333%;
	}

	.push-lg-11 {
		left: 91.6666666667%;
	}

	.push-lg-12 {
		left: 100%;
	}

	.offset-lg-0 {
		margin-left: 0%;
	}

	.offset-lg-1 {
		margin-left: 8.3333333333%;
	}

	.offset-lg-2 {
		margin-left: 16.6666666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.3333333333%;
	}

	.offset-lg-5 {
		margin-left: 41.6666666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.3333333333%;
	}

	.offset-lg-8 {
		margin-left: 66.6666666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.3333333333%;
	}

	.offset-lg-11 {
		margin-left: 91.6666666667%;
	}
}

@media (min-width: 1200px) {
	.col-xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
	}

	.col-xl-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.col-xl-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xl-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-xl-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xl-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-xl-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xl-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.col-xl-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.pull-xl-0 {
		right: auto;
	}

	.pull-xl-1 {
		right: 8.3333333333%;
	}

	.pull-xl-2 {
		right: 16.6666666667%;
	}

	.pull-xl-3 {
		right: 25%;
	}

	.pull-xl-4 {
		right: 33.3333333333%;
	}

	.pull-xl-5 {
		right: 41.6666666667%;
	}

	.pull-xl-6 {
		right: 50%;
	}

	.pull-xl-7 {
		right: 58.3333333333%;
	}

	.pull-xl-8 {
		right: 66.6666666667%;
	}

	.pull-xl-9 {
		right: 75%;
	}

	.pull-xl-10 {
		right: 83.3333333333%;
	}

	.pull-xl-11 {
		right: 91.6666666667%;
	}

	.pull-xl-12 {
		right: 100%;
	}

	.push-xl-0 {
		left: auto;
	}

	.push-xl-1 {
		left: 8.3333333333%;
	}

	.push-xl-2 {
		left: 16.6666666667%;
	}

	.push-xl-3 {
		left: 25%;
	}

	.push-xl-4 {
		left: 33.3333333333%;
	}

	.push-xl-5 {
		left: 41.6666666667%;
	}

	.push-xl-6 {
		left: 50%;
	}

	.push-xl-7 {
		left: 58.3333333333%;
	}

	.push-xl-8 {
		left: 66.6666666667%;
	}

	.push-xl-9 {
		left: 75%;
	}

	.push-xl-10 {
		left: 83.3333333333%;
	}

	.push-xl-11 {
		left: 91.6666666667%;
	}

	.push-xl-12 {
		left: 100%;
	}

	.offset-xl-0 {
		margin-left: 0%;
	}

	.offset-xl-1 {
		margin-left: 8.3333333333%;
	}

	.offset-xl-2 {
		margin-left: 16.6666666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.3333333333%;
	}

	.offset-xl-5 {
		margin-left: 41.6666666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.3333333333%;
	}

	.offset-xl-8 {
		margin-left: 66.6666666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.3333333333%;
	}

	.offset-xl-11 {
		margin-left: 91.6666666667%;
	}
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
}

	.table th,
	.table td {
		padding: 0.9rem;
		vertical-align: top;
		border-top: 1px solid #eceeef;
	}

	.table thead th {
		vertical-align: bottom;
		border-bottom: 2px solid #eceeef;
	}

	.table tbody + tbody {
		border-top: 2px solid #eceeef;
	}

	.table .table {
		background-color: #f4f4f4;
	}

.table-sm th,
.table-sm td {
	padding: 0.6rem;
}

.table-bordered {
	border: 1px solid #eceeef;
}

	.table-bordered th,
	.table-bordered td {
		border: 1px solid #eceeef;
	}

	.table-bordered thead th,
	.table-bordered thead td {
		border-bottom-width: 2px;
	}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: whitesmoke;
}

.table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
	background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, 0.075);
}

	.table-hover .table-active:hover > td,
	.table-hover .table-active:hover > th {
		background-color: rgba(0, 0, 0, 0.075);
	}

.table-success,
.table-success > th,
.table-success > td {
	background-color: #dff0d8;
}

.table-hover .table-success:hover {
	background-color: #d0e9c6;
}

	.table-hover .table-success:hover > td,
	.table-hover .table-success:hover > th {
		background-color: #d0e9c6;
	}

.table-info,
.table-info > th,
.table-info > td {
	background-color: #d9edf7;
}

.table-hover .table-info:hover {
	background-color: #c4e3f3;
}

	.table-hover .table-info:hover > td,
	.table-hover .table-info:hover > th {
		background-color: #c4e3f3;
	}

.table-warning,
.table-warning > th,
.table-warning > td {
	background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
	background-color: #faf2cc;
}

	.table-hover .table-warning:hover > td,
	.table-hover .table-warning:hover > th {
		background-color: #faf2cc;
	}

.table-danger,
.table-danger > th,
.table-danger > td {
	background-color: #f2dede;
}

.table-hover .table-danger:hover {
	background-color: #ebcccc;
}

	.table-hover .table-danger:hover > td,
	.table-hover .table-danger:hover > th {
		background-color: #ebcccc;
	}

.thead-inverse th {
	color: #f4f4f4;
	background-color: #323232;
}

.thead-default th {
	color: #878787;
	background-color: #eceeef;
}

.table-inverse {
	color: #f4f4f4;
	background-color: #323232;
}

	.table-inverse th,
	.table-inverse td,
	.table-inverse thead th {
		border-color: #f4f4f4;
	}

	.table-inverse.table-bordered {
		border: 0;
	}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

	.table-responsive.table-bordered {
		border: 0;
	}

.form-control {
	display: block;
	width: 100%;
	padding: 0.923077rem 1.307rem;
	font-size: 1rem;
	color: #878787;
	background-color: #fff;
	/*background-image: none;*/
	background-clip: padding-box;
	border: 2px solid #ebebeb;
	border-radius: 0;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

	.form-control::-ms-expand {
		background-color: transparent;
		border: 0;
	}

	.form-control:focus {
		color: #878787;
		background-color: #fff;
		border-color: #bfe5f7;
		outline: none;
	}

	.form-control::placeholder {
		color: #bababa;
		opacity: 1;
	}

	.form-control:disabled, .form-control[readonly] {
		background-color: #fafafa;
		opacity: 1;
	}

	.form-control:disabled {
		cursor: not-allowed;
	}

select.form-control:not([size]):not([multiple]), .select2-container--default .select2-selection--single:not([size]):not([multiple]) {
	height: calc(3.23077rem + 2px);
}

select.form-control:focus::-ms-value, .select2-container--default .select2-selection--single:focus::-ms-value {
	color: #878787;
	background-color: #fff;
}

.form-control-file,
.form-control-range {
	display: block;
}

.col-form-label {
	padding-top: calc(0.923077rem - 2px * 2);
	padding-bottom: calc(0.923077rem - 2px * 2);
	margin-bottom: 0;
}

.col-form-label-lg {
	padding-top: calc(1.15385rem - 2px * 2);
	padding-bottom: calc(1.15385rem - 2px * 2);
	font-size: 1.154rem;
}

.col-form-label-sm {
	padding-top: calc(0.615385rem - 2px * 2);
	padding-bottom: calc(0.615385rem - 2px * 2);
	font-size: 0.8462rem;
}

.col-form-legend {
	padding-top: 0.923077rem;
	padding-bottom: 0.923077rem;
	margin-bottom: 0;
	font-size: 1rem;
}

.form-control-static {
	padding-top: 0.923077rem;
	padding-bottom: 0.923077rem;
	margin-bottom: 0;
	line-height: 1;
	border: solid transparent;
	border-width: 2px 0;
}

	.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
	.input-group-sm > .form-control-static.input-group-addon,
	.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
	.input-group-lg > .form-control-static.input-group-addon,
	.input-group-lg > .input-group-btn > .form-control-static.btn {
		padding-right: 0;
		padding-left: 0;
	}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
	padding: 0.615385rem 1.307rem;
	font-size: 0.8462rem;
	border-radius: 0;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .select2-container--default .input-group-sm > .select2-selection--single:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
	height: 2.53846rem;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
	padding: 1.15385rem 1.307rem;
	font-size: 1.154rem;
	border-radius: 0;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .select2-container--default .input-group-lg > .select2-selection--single:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
	height: 3.84615rem;
}

.form-group {
	margin-bottom: 1.5rem;
}

.form-text {
	display: block;
	margin-top: 0.25rem;
}

.form-check {
	position: relative;
	display: block;
	margin-bottom: 0.5rem;
}

	.form-check.disabled .form-check-label {
		color: #636c72;
		cursor: not-allowed;
	}

.form-check-label {
	padding-left: 1.25rem;
	margin-bottom: 0;
	cursor: pointer;
}

.form-check-input {
	position: absolute;
	margin-top: 0.25rem;
	margin-left: -1.25rem;
}

	.form-check-input:only-child {
		position: static;
	}

.form-check-inline {
	display: inline-block;
}

	.form-check-inline .form-check-label {
		vertical-align: middle;
	}

	.form-check-inline + .form-check-inline {
		margin-left: 0.75rem;
	}

.form-control-feedback {
	margin-top: 0.25rem;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
	padding-right: 3.921rem;
	background-repeat: no-repeat;
	background-position: center right 0.8076925rem;
	background-size: 1.615385rem 1.615385rem;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
	color: #2cc185;
}

.has-success .form-control {
	border-color: #2cc185;
}

.has-success .form-control + span.select2.select2-container span.select2-selection {
	border: 1px solid #2cc185;
	box-shadow: none;
}

.has-success .input-group-addon {
	color: #2cc185;
	border-color: #2cc185;
	background-color: #c7f2e1;
}

.has-success .form-control-success,
.has-success .form-control-success + span.select2.select2-container span.select2-selection {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232cc185' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right 0.8076925rem;
	background-size: 1.615385rem 1.615385rem;
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
	color: #FFDC42;
}

.has-warning .form-control {
	border-color: #FFDC42;
}

.has-warning .form-control + span.select2.select2-container span.select2-selection {
	border: 1px solid #FFDC42;
	box-shadow: none;
}

.has-warning .input-group-addon {
	color: #FFDC42;
	border-color: #FFDC42;
	background-color: white;
}

.has-warning .form-control-warning,
.has-warning .form-control-warning + span.select2.select2-container span.select2-selection {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFDC42' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control,
.has-danger span.select2 {
	color: #F45846;
}

.has-danger .form-control {
	border-color: #F45846;
}

.has-danger .form-control + span.select2.select2-container span.select2-selection {
	border: 1px solid #F45846;
	box-shadow: none;
}

.has-danger .input-group-addon{
	color: #F45846;
	border-color: #F45846;
	background-color: white;
}

.has-danger .form-control-danger,
.has-danger .form-control-danger + span.select2.select2-container span.select2-selection {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F45846' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

	.form-inline .form-check {
		width: 100%;
	}

@media (min-width: 576px) {
	.form-inline label {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
	}

	.form-inline .form-group {
		display: flex;
		flex: 0 0 auto;
		flex-flow: row wrap;
		align-items: center;
		margin-bottom: 0;
	}

	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}

	.form-inline .form-control-static {
		display: inline-block;
	}

	.form-inline .input-group {
		width: auto;
	}

	.form-inline .form-control-label {
		margin-bottom: 0;
		vertical-align: middle;
	}

	.form-inline .form-check {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.form-inline .form-check-label {
		padding-left: 0;
	}

	.form-inline .form-check-input {
		position: relative;
		margin-top: 0;
		margin-right: 0.25rem;
		margin-left: 0;
	}

	.form-inline .custom-control {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0;
	}

	.form-inline .custom-control-indicator {
		position: static;
		display: inline-block;
		margin-right: 0.25rem;
		vertical-align: text-bottom;
	}

	.form-inline .has-feedback .form-control-feedback {
		top: 0;
	}
}

.btn {
	display: inline-block;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 2px solid transparent;
	padding: 0.81rem 0.7692rem;
	font-size: 1rem;
	border-radius: 0;
	transition: all 0.2s ease-in-out;
}

	.btn:focus, .btn:hover {
		text-decoration: none;
	}

	.btn:focus, .btn.focus {
		outline: 0;
		box-shadow: none;
	}

	.btn.disabled, .btn:disabled {
		cursor: not-allowed;
		opacity: .65;
	}

	.btn:active, .btn.active {
		background-image: none;
	}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-primary {
	color: #fff;
	background-color: var(--top-menu-background-color);
	border-color: var(--top-menu-background-color);
}

	.btn-primary:hover {
		color: #fff;
		background-color: #1fa6e5;
		border-color: #1aa1df;
	}

	.btn-primary:focus, .btn-primary.focus {
		box-shadow: 0 0 0 2px rgba(77, 184, 234, 0.5);
	}

	.btn-primary.disabled, .btn-primary:disabled {
		background-color: var(--top-menu-background-color);
		border-color: var(--top-menu-background-color);
	}

	.btn-primary:active, .btn-primary.active,
	.show > .btn-primary.dropdown-toggle {
		color: #fff;
		background-color: #1fa6e5;
		background-image: none;
		border-color: #1aa1df;
	}

.btn-secondary, .note-btn-group .btn-default {
	color: var(--default-text-color);
	background-color: #FFFFFF;
	border-color: #cccccc;
}

	.btn-secondary:hover, .note-btn-group .btn-default:hover {
		color: var(--default-text-color);
		background-color: #e6e6e6;
		border-color: #adadad;
	}

	.btn-secondary:focus, .note-btn-group .btn-default:focus, .btn-secondary.focus, .note-btn-group .focus.btn-default {
		box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
	}

	.btn-secondary.disabled, .note-btn-group .disabled.btn-default, .btn-secondary:disabled, .note-btn-group .btn-default:disabled {
		background-color: #FFFFFF;
		border-color: #cccccc;
	}

	.btn-secondary:active, .note-btn-group .btn-default:active, .btn-secondary.active, .note-btn-group .active.btn-default,
	.show > .btn-secondary.dropdown-toggle, .note-btn-group .show > .dropdown-toggle.btn-default {
		color: var(--default-text-color);
		background-color: #e6e6e6;
		background-image: none;
		border-color: #adadad;
	}

.btn-info {
	color: #fff;
	background-color: #58C7EF;
	border-color: #58C7EF;
}

	.btn-info:hover {
		color: #fff;
		background-color: #29b7eb;
		border-color: #20b4ea;
	}

	.btn-info:focus, .btn-info.focus {
		box-shadow: 0 0 0 2px rgba(88, 199, 239, 0.5);
	}

	.btn-info.disabled, .btn-info:disabled {
		background-color: #58C7EF;
		border-color: #58C7EF;
	}

	.btn-info:active, .btn-info.active,
	.show > .btn-info.dropdown-toggle {
		color: #fff;
		background-color: #29b7eb;
		background-image: none;
		border-color: #20b4ea;
	}

.btn-success {
	color: #fff;
	background-color: #2cc185;
	border-color: #2cc185;
}

	.btn-success:hover {
		color: #fff;
		background-color: #239768;
		border-color: #218f63;
	}

	.btn-success:focus, .btn-success.focus {
		box-shadow: 0 0 0 2px rgba(44, 193, 133, 0.5);
	}

	.btn-success.disabled, .btn-success:disabled {
		background-color: #2cc185;
		border-color: #2cc185;
	}

	.btn-success:active, .btn-success.active,
	.show > .btn-success.dropdown-toggle {
		color: #fff;
		background-color: #239768;
		background-image: none;
		border-color: #218f63;
	}

.btn-warning {
	color: #fff;
	background-color: #FFDC42;
	border-color: #FFDC42;
}

	.btn-warning:hover {
		color: #fff;
		background-color: #ffd30f;
		border-color: #ffd105;
	}

	.btn-warning:focus, .btn-warning.focus {
		box-shadow: 0 0 0 2px rgba(255, 220, 66, 0.5);
	}

	.btn-warning.disabled, .btn-warning:disabled {
		background-color: #FFDC42;
		border-color: #FFDC42;
	}

	.btn-warning:active, .btn-warning.active,
	.show > .btn-warning.dropdown-toggle {
		color: #fff;
		background-color: #ffd30f;
		background-image: none;
		border-color: #ffd105;
	}

.btn-danger {
	color: #fff;
	background-color: #F45846;
	border-color: #F45846;
}

	.btn-danger:hover {
		color: #fff;
		background-color: #f12d16;
		border-color: #ef250e;
	}

	.btn-danger:focus, .btn-danger.focus {
		box-shadow: 0 0 0 2px rgba(244, 88, 70, 0.5);
	}

	.btn-danger.disabled, .btn-danger:disabled {
		background-color: #F45846;
		border-color: #F45846;
	}

	.btn-danger:active, .btn-danger.active,
	.show > .btn-danger.dropdown-toggle {
		color: #fff;
		background-color: #f12d16;
		background-image: none;
		border-color: #ef250e;
	}

.btn-outline-primary {
	color: var(--top-menu-background-color);
	background-image: none;
	background-color: transparent;
	border-color: var(--top-menu-background-color);
}

	.btn-outline-primary:hover {
		color: #fff;
		background-color: var(--top-menu-background-color);
		border-color: var(--top-menu-background-color);
	}

	.btn-outline-primary:focus, .btn-outline-primary.focus {
		box-shadow: 0 0 0 2px rgba(77, 184, 234, 0.5);
	}

	.btn-outline-primary.disabled, .btn-outline-primary:disabled {
		color: var(--top-menu-background-color);
		background-color: transparent;
	}

	.btn-outline-primary:active, .btn-outline-primary.active,
	.show > .btn-outline-primary.dropdown-toggle {
		color: #fff;
		background-color: var(--top-menu-background-color);
		border-color: var(--top-menu-background-color);
	}

.btn-outline-secondary {
	color: #cccccc;
	background-image: none;
	background-color: transparent;
	border-color: #cccccc;
}

	.btn-outline-secondary:hover {
		color: #fff;
		background-color: #cccccc;
		border-color: #cccccc;
	}

	.btn-outline-secondary:focus, .btn-outline-secondary.focus {
		box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
	}

	.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
		color: #cccccc;
		background-color: transparent;
	}

	.btn-outline-secondary:active, .btn-outline-secondary.active,
	.show > .btn-outline-secondary.dropdown-toggle {
		color: #fff;
		background-color: #cccccc;
		border-color: #cccccc;
	}

.btn-outline-info {
	color: #58C7EF;
	background-image: none;
	background-color: transparent;
	border-color: #58C7EF;
}

	.btn-outline-info:hover {
		color: #fff;
		background-color: #58C7EF;
		border-color: #58C7EF;
	}

	.btn-outline-info:focus, .btn-outline-info.focus {
		box-shadow: 0 0 0 2px rgba(88, 199, 239, 0.5);
	}

	.btn-outline-info.disabled, .btn-outline-info:disabled {
		color: #58C7EF;
		background-color: transparent;
	}

	.btn-outline-info:active, .btn-outline-info.active,
	.show > .btn-outline-info.dropdown-toggle {
		color: #fff;
		background-color: #58C7EF;
		border-color: #58C7EF;
	}

.btn-outline-success {
	color: #2cc185;
	background-image: none;
	background-color: transparent;
	border-color: #2cc185;
}

	.btn-outline-success:hover {
		color: #fff;
		background-color: #2cc185;
		border-color: #2cc185;
	}

	.btn-outline-success:focus, .btn-outline-success.focus {
		box-shadow: 0 0 0 2px rgba(44, 193, 133, 0.5);
	}

	.btn-outline-success.disabled, .btn-outline-success:disabled {
		color: #2cc185;
		background-color: transparent;
	}

	.btn-outline-success:active, .btn-outline-success.active,
	.show > .btn-outline-success.dropdown-toggle {
		color: #fff;
		background-color: #2cc185;
		border-color: #2cc185;
	}

.btn-outline-warning {
	color: #FFDC42;
	background-image: none;
	background-color: transparent;
	border-color: #FFDC42;
}

	.btn-outline-warning:hover {
		color: #fff;
		background-color: #FFDC42;
		border-color: #FFDC42;
	}

	.btn-outline-warning:focus, .btn-outline-warning.focus {
		box-shadow: 0 0 0 2px rgba(255, 220, 66, 0.5);
	}

	.btn-outline-warning.disabled, .btn-outline-warning:disabled {
		color: #FFDC42;
		background-color: transparent;
	}

	.btn-outline-warning:active, .btn-outline-warning.active,
	.show > .btn-outline-warning.dropdown-toggle {
		color: #fff;
		background-color: #FFDC42;
		border-color: #FFDC42;
	}

.btn-outline-danger {
	color: #F45846;
	background-image: none;
	background-color: transparent;
	border-color: #F45846;
}

	.btn-outline-danger:hover {
		color: #fff;
		background-color: #F45846;
		border-color: #F45846;
	}

	.btn-outline-danger:focus, .btn-outline-danger.focus {
		box-shadow: 0 0 0 2px rgba(244, 88, 70, 0.5);
	}

	.btn-outline-danger.disabled, .btn-outline-danger:disabled {
		color: #F45846;
		background-color: transparent;
	}

	.btn-outline-danger:active, .btn-outline-danger.active,
	.show > .btn-outline-danger.dropdown-toggle {
		color: #fff;
		background-color: #F45846;
		border-color: #F45846;
	}

.btn-link {
	font-weight: normal;
	color: var(--top-menu-background-color);
	border-radius: 0;
}

	.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
		background-color: transparent;
	}

		.btn-link, .btn-link:focus, .btn-link:active {
			border-color: transparent;
		}

			.btn-link:hover {
				border-color: transparent;
			}

			.btn-link:focus, .btn-link:hover {
				color: #10a8ef;
				text-decoration: underline;
				background-color: transparent;
			}

			.btn-link:disabled {
				color: #636c72;
			}

				.btn-link:disabled:focus, .btn-link:disabled:hover {
					text-decoration: none;
				}

.btn-lg, .btn-group-lg > .btn {
	padding: 0.9231rem 0.7692rem;
	font-size: 1.154rem;
	border-radius: 0;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 0.6923rem 0.7692rem;
	font-size: 0.8462rem;
	border-radius: 0;
}

.btn-block {
	display: block;
	width: 100%;
}

	.btn-block + .btn-block {
		margin-top: 0.5rem;
	}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
	width: 100%;
}

.fade {
	opacity: 0;
	transition: opacity 0.15s linear;
}

	.fade.show {
		opacity: 1;
	}

.collapse {
	display: none;
}

	.collapse.show {
		display: block;
	}

tr.collapse.show {
	display: table-row;
}

tbody.collapse.show {
	display: table-row-group;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}

.dropup,
.dropdown {
	position: relative;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.8462rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: var(--default-text-color);
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 0 solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

.dropdown-divider {
	height: 1px;
	margin: 0.5rem 0;
	overflow: hidden;
	background-color: #eceeef;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 3px 1.5rem;
	clear: both;
	font-weight: normal;
	color: #323232;
	text-align: inherit;
	white-space: nowrap;
	background: none;
	border: 0;
}

	.dropdown-item:focus, .dropdown-item:hover {
		color: #252525;
		text-decoration: none;
		background-color: #f7f7f9;
	}

	.dropdown-item.active, .dropdown-item:active {
		color: var(--top-menu-background-color);
		text-decoration: none;
		background-color: transparent;
	}

	.dropdown-item.disabled, .dropdown-item:disabled {
		color: #636c72;
		cursor: not-allowed;
		background-color: transparent;
	}

.show > .dropdown-menu {
	display: block;
}

.show > .tooltip-content {
	overflow: hidden;
}

.show > .tooltip-content {
	display: block;
}

.show > a {
	outline: 0;
}

.dropdown-menu-right {
	right: 0;
	left: auto;
}

.dropdown-menu-left {
	right: auto;
	left: 0;
}

.dropdown-header {
	display: block;
	padding: 0.8462rem 1.5rem;
	margin-bottom: 0;
	font-size: 0.8462rem;
	color: #636c72;
	white-space: nowrap;
}

.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990;
}

.dropup .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 0.125rem;
}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: block;
	vertical-align: middle;
}

	.btn-group > .btn,
	.btn-group-vertical > .btn {
		position: relative;
		flex: 0 1 auto;
	}

		.btn-group > .btn:hover,
		.btn-group-vertical > .btn:hover {
			z-index: 2;
		}

		.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
		.btn-group-vertical > .btn:focus,
		.btn-group-vertical > .btn:active,
		.btn-group-vertical > .btn.active {
			z-index: 2;
		}

	.btn-group .btn + .btn,
	.btn-group .btn + .btn-group,
	.btn-group .btn-group + .btn,
	.btn-group .btn-group + .btn-group,
	.btn-group-vertical .btn + .btn,
	.btn-group-vertical .btn + .btn-group,
	.btn-group-vertical .btn-group + .btn,
	.btn-group-vertical .btn-group + .btn-group {
		margin-left: -2px;
	}

.btn-toolbar {
	display: flex;
	justify-content: flex-start;
}

	.btn-toolbar .input-group {
		width: auto;
	}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0;
}

.btn-group > .btn:first-child {
	margin-left: 0;
}

	.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.btn-group > .btn-group {
	float: left;
}

	.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
		border-radius: 0;
	}

	.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
	.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}

	.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
	outline: 0;
}

.btn + .dropdown-toggle-split {
	padding-right: 0.5769rem;
	padding-left: 0.5769rem;
}

	.btn + .dropdown-toggle-split::after {
		margin-left: 0;
	}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
	padding-right: 0.5769rem;
	padding-left: 0.5769rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
	padding-right: 0.5769rem;
	padding-left: 0.5769rem;
}

.btn-group-vertical {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

	.btn-group-vertical .btn,
	.btn-group-vertical .btn-group {
		width: 100%;
	}

	.btn-group-vertical > .btn + .btn,
	.btn-group-vertical > .btn + .btn-group,
	.btn-group-vertical > .btn-group + .btn,
	.btn-group-vertical > .btn-group + .btn-group {
		margin-top: -2px;
		margin-left: 0;
	}

	.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
		border-radius: 0;
	}

	.btn-group-vertical > .btn:first-child:not(:last-child) {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.btn-group-vertical > .btn:last-child:not(:first-child) {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
		border-radius: 0;
	}

	.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
	.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

.input-group {
	position: relative;
	display: flex;
	width: 100%;
}

	.input-group .form-control {
		position: relative;
		z-index: 2;
		flex: 1 1 auto;
		width: 1%;
		margin-bottom: 0;
	}

		.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
			z-index: 3;
		}

	.input-group-addon,
	.input-group-btn,
	.input-group .form-control {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

		.input-group-addon:not(:first-child):not(:last-child),
		.input-group-btn:not(:first-child):not(:last-child),
		.input-group .form-control:not(:first-child):not(:last-child) {
			border-radius: 0;
		}

.input-group-addon,
.input-group-btn {
	white-space: nowrap;
	vertical-align: middle;
}

.input-group-addon {
	padding: 0.923077rem 1.307rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1;
	color: #878787;
	text-align: center;
	background-color: #ebebeb;
	border: 2px solid #ebebeb;
	border-radius: 0;
}

	.input-group-addon.form-control-sm,
	.input-group-sm > .input-group-addon,
	.input-group-sm > .input-group-btn > .input-group-addon.btn {
		padding: 0.615385rem 1.307rem;
		font-size: 0.8462rem;
		border-radius: 0;
	}

	.input-group-addon.form-control-lg,
	.input-group-lg > .input-group-addon,
	.input-group-lg > .input-group-btn > .input-group-addon.btn {
		padding: 1.15385rem 1.307rem;
		font-size: 1.154rem;
		border-radius: 0;
	}

	.input-group-addon input[type="radio"],
	.input-group-addon input[type="checkbox"] {
		margin-top: 0;
	}

	.input-group .form-control:not(:last-child),
	.input-group-addon:not(:last-child),
	.input-group-btn:not(:last-child) > .btn,
	.input-group-btn:not(:last-child) > .btn-group > .btn,
	.input-group-btn:not(:last-child) > .dropdown-toggle,
	.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
	.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}

	.input-group-addon:not(:last-child) {
		border-right: 0;
	}

	.input-group .form-control:not(:first-child),
	.input-group-addon:not(:first-child),
	.input-group-btn:not(:first-child) > .btn,
	.input-group-btn:not(:first-child) > .btn-group > .btn,
	.input-group-btn:not(:first-child) > .dropdown-toggle,
	.input-group-btn:not(:last-child) > .btn:not(:first-child),
	.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}

.form-control + .input-group-addon:not(:first-child) {
	border-left: 0;
}

.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}

	.input-group-btn > .btn {
		position: relative;
		flex: 1;
	}

		.input-group-btn > .btn + .btn {
			margin-left: -2px;
		}

		.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
			z-index: 3;
		}

	.input-group-btn:not(:last-child) > .btn,
	.input-group-btn:not(:last-child) > .btn-group {
		margin-right: -2px;
	}

	.input-group-btn:not(:first-child) > .btn,
	.input-group-btn:not(:first-child) > .btn-group {
		z-index: 2;
		margin-left: -2px;
	}

		.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
		.input-group-btn:not(:first-child) > .btn-group:focus,
		.input-group-btn:not(:first-child) > .btn-group:active,
		.input-group-btn:not(:first-child) > .btn-group:hover {
			z-index: 3;
		}

.custom-control {
	position: relative;
	display: inline-flex;
	min-height: 1.538rem;
	padding-left: 2.23077rem;
	margin-right: 1rem;
	cursor: pointer;
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

	.custom-control-input:checked ~ .custom-control-indicator {
		color: var(--top-menu-background-color);
		background-color: #FFFFFF;
	}

	.custom-control-input:focus ~ .custom-control-indicator {
		box-shadow: none;
	}

	.custom-control-input:active ~ .custom-control-indicator {
		color: #fff;
		background-color: #FFFFFF;
	}

	.custom-control-input:disabled ~ .custom-control-indicator {
		cursor: not-allowed;
		background-color: #eceeef;
	}

	.custom-control-input:disabled ~ .custom-control-description {
		color: #636c72;
		cursor: not-allowed;
	}

.custom-control-indicator {
	position: absolute;
	top: -0.077155rem;
	left: 0;
	display: block;
	width: 1.69231rem;
	height: 1.69231rem;
	pointer-events: none;
	user-select: none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.custom-checkbox .custom-control-indicator {
	border-radius: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
	background-image: none;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
	background-color: var(--top-menu-background-color);
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%234db8ea' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
	border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
	background-image: none;
}

.custom-controls-stacked {
	display: flex;
	flex-direction: column;
}

	.custom-controls-stacked .custom-control {
		margin-bottom: 0.923rem;
	}

		.custom-controls-stacked .custom-control + .custom-control {
			margin-left: 0;
		}

.custom-select {
	display: inline-block;
	max-width: 100%;
	height: calc(3.23077rem + 2px);
	padding: 0.375rem 1.75rem 0.375rem 0.75rem;
	line-height: 1;
	color: #878787;
	vertical-align: middle;
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	background-size: 8px 10px;
	border: 2px solid #ebebeb;
	border-radius: 0.25rem;
	-moz-appearance: none;
	-webkit-appearance: none;
}

	.custom-select:focus {
		border-color: #bfe5f7;
		outline: none;
	}

		.custom-select:focus::-ms-value {
			color: #878787;
			background-color: #fff;
		}

	.custom-select:disabled {
		color: #636c72;
		cursor: not-allowed;
		background-color: #eceeef;
	}

	.custom-select::-ms-expand {
		opacity: 0;
	}

.custom-select-sm {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	font-size: 75%;
}

.custom-file {
	position: relative;
	display: inline-block;
	max-width: 100%;
	height: 2.5rem;
	margin-bottom: 0;
	cursor: pointer;
}

.custom-file-input {
	min-width: 14rem;
	max-width: 100%;
	height: 2.5rem;
	margin: 0;
	filter: alpha(opacity=0);
	opacity: 0;
}

.custom-file-control {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 5;
	height: 2.5rem;
	padding: 0.5rem 1rem;
	line-height: 1.5;
	color: #878787;
	pointer-events: none;
	user-select: none;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 0.25rem;
}

	.custom-file-control:lang(en)::after {
		content: "Choose file...";
	}

	.custom-file-control::before {
		position: absolute;
		top: -1px;
		right: -1px;
		bottom: -1px;
		z-index: 6;
		display: block;
		height: 2.5rem;
		padding: 0.5rem 1rem;
		line-height: 1.5;
		color: #878787;
		background-color: #eceeef;
		border: 1px solid #ebebeb;
		border-radius: 0 0.25rem 0.25rem 0;
	}

	.custom-file-control:lang(en)::before {
		content: "Browse";
	}

.nav {
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-link {
	display: block;
	padding: 0.885rem 1.5rem;
}

	.nav-link:focus, .nav-link:hover {
		text-decoration: none;
	}

	.nav-link.disabled {
		color: #636c72;
		cursor: not-allowed;
	}




.nav-tabs {
	border-bottom: 0 solid transparent;
}

	.nav-tabs .nav-item {
		margin-bottom: 0;
	}

	.nav-tabs .nav-link {
		border: 0 solid transparent;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

		.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
			border-color: #eceeef #eceeef transparent;
		}

		.nav-tabs .nav-link.disabled {
			color: #636c72;
			background-color: transparent;
			border-color: transparent;
		}

		.nav-tabs .nav-link.active,
		.nav-tabs .nav-item.show .nav-link {
			color: var(--default-text-color);
			background-color: #FFFFFF;
			border-color: #ddd #ddd #FFFFFF;
		}

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6;
            isolation: isolate;
        }


    .nav-tabs .dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.nav-pills .nav-link {
	border-radius: 0;
}

	.nav-pills .nav-link.active,
	.nav-pills .nav-item.show .nav-link {
		color: #fff;
		cursor: default;
		background-color: var(--top-menu-background-color);
	}

.nav-fill .nav-item {
	flex: 1 1 auto;
	text-align: center;
}

.nav-justified .nav-item {
	flex: 1 1 100%;
	text-align: center;
}

.nav.nav-tabs.nav-tabs-bordered {
    border-bottom: 1px solid #dee2e6;
}

.nav.nav-tabs.nav-tabs-bordered .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    .nav.nav-tabs.nav-tabs-bordered .nav-item {
        margin-bottom: -1px;
    }

.nav.nav-tabs.nav-tabs-bordered .nav-item .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav.nav-tabs.nav-tabs-bordered > .nav-link {
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.tab-content > .tab-pane:not(.active) {
	display: none;
}

.navbar {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0.5rem 1rem;
}

.navbar-brand {
	display: inline-block;
	padding-top: .25rem;
	padding-bottom: .25rem;
	margin-right: 1rem;
	font-size: 1.154rem;
	line-height: inherit;
	white-space: nowrap;
	-ms-align-content: center;
	-webkit-align-content: center;
	align-content: center;
}

	.navbar-brand:focus, .navbar-brand:hover {
		text-decoration: none;
	}

.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

	.navbar-nav .nav-link {
		padding-right: 0;
		padding-left: 0;
	}

.navbar-text {
	display: inline-block;
	padding-top: .425rem;
	padding-bottom: .425rem;
}

.navbar-toggler {
	align-self: flex-start;
	padding: 0.25rem 0.75rem;
	font-size: 1.154rem;
	line-height: 1;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 0;
}

	.navbar-toggler:focus, .navbar-toggler:hover {
		text-decoration: none;
	}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
}

.navbar-toggler-left {
	position: absolute;
	left: 1rem;
}

.navbar-toggler-right {
	position: absolute;
	right: 1rem;
}

@media (max-width: 575px) {
	.navbar-toggleable .navbar-nav .dropdown-menu {
		position: static;
		float: none;
	}

	.navbar-toggleable > .container {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 576px) {
	.navbar-toggleable {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

		.navbar-toggleable .navbar-nav {
			flex-direction: row;
		}

			.navbar-toggleable .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

		.navbar-toggleable > .container {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
		}

		.navbar-toggleable .navbar-collapse {
			display: flex !important;
			width: 100%;
		}

		.navbar-toggleable .navbar-toggler {
			display: none;
		}
}

@media (max-width: 767px) {
	.navbar-toggleable-sm .navbar-nav .dropdown-menu {
		position: static;
		float: none;
	}

	.navbar-toggleable-sm > .container {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 768px) {
	.navbar-toggleable-sm {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

		.navbar-toggleable-sm .navbar-nav {
			flex-direction: row;
		}

			.navbar-toggleable-sm .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

		.navbar-toggleable-sm > .container {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
		}

		.navbar-toggleable-sm .navbar-collapse {
			display: flex !important;
			width: 100%;
		}

		.navbar-toggleable-sm .navbar-toggler {
			display: none;
		}
}

@media (max-width: 991px) {
	.navbar-toggleable-md .navbar-nav .dropdown-menu {
		position: static;
		float: none;
	}

	.navbar-toggleable-md > .container {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 992px) {
	.navbar-toggleable-md {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

		.navbar-toggleable-md .navbar-nav {
			flex-direction: row;
		}

			.navbar-toggleable-md .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

		.navbar-toggleable-md > .container {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
		}

		.navbar-toggleable-md .navbar-collapse {
			display: flex !important;
			width: 100%;
		}

		.navbar-toggleable-md .navbar-toggler {
			display: none;
		}
}

@media (max-width: 1199px) {
	.navbar-toggleable-lg .navbar-nav .dropdown-menu {
		position: static;
		float: none;
	}

	.navbar-toggleable-lg > .container {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 1200px) {
	.navbar-toggleable-lg {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

		.navbar-toggleable-lg .navbar-nav {
			flex-direction: row;
		}

			.navbar-toggleable-lg .navbar-nav .nav-link {
				padding-right: .5rem;
				padding-left: .5rem;
			}

		.navbar-toggleable-lg > .container {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
		}

		.navbar-toggleable-lg .navbar-collapse {
			display: flex !important;
			width: 100%;
		}

		.navbar-toggleable-lg .navbar-toggler {
			display: none;
		}
}

.navbar-toggleable-xl {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

	.navbar-toggleable-xl .navbar-nav .dropdown-menu {
		position: static;
		float: none;
	}

	.navbar-toggleable-xl > .container {
		padding-right: 0;
		padding-left: 0;
	}

	.navbar-toggleable-xl .navbar-nav {
		flex-direction: row;
	}

		.navbar-toggleable-xl .navbar-nav .nav-link {
			padding-right: .5rem;
			padding-left: .5rem;
		}

	.navbar-toggleable-xl > .container {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}

	.navbar-toggleable-xl .navbar-collapse {
		display: flex !important;
		width: 100%;
	}

	.navbar-toggleable-xl .navbar-toggler {
		display: none;
	}

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, 0.9);
}

	.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
	.navbar-light .navbar-toggler:focus,
	.navbar-light .navbar-toggler:hover {
		color: rgba(0, 0, 0, 0.9);
	}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.5);
}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: rgba(0, 0, 0, 0.7);
	}

	.navbar-light .navbar-nav .nav-link.disabled {
		color: rgba(0, 0, 0, 0.3);
	}

	.navbar-light .navbar-nav .open > .nav-link,
	.navbar-light .navbar-nav .active > .nav-link,
	.navbar-light .navbar-nav .nav-link.open,
	.navbar-light .navbar-nav .nav-link.active {
		color: rgba(0, 0, 0, 0.9);
	}

.navbar-light .navbar-toggler {
	border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
	color: rgba(0, 0, 0, 0.5);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
	color: white;
}

	.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
	.navbar-inverse .navbar-toggler:focus,
	.navbar-inverse .navbar-toggler:hover {
		color: white;
	}

.navbar-inverse .navbar-nav .nav-link {
	color: var(--default-text-color);
}

	.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
		color: var(--top-menu-background-color);
	}

	.navbar-inverse .navbar-nav .nav-link.disabled {
		color: rgba(255, 255, 255, 0.25);
	}

	.navbar-inverse .navbar-nav .open > .nav-link,
	.navbar-inverse .navbar-nav .active > .nav-link,
	.navbar-inverse .navbar-nav .nav-link.open,
	.navbar-inverse .navbar-nav .nav-link.active {
		color: white;
	}

.navbar-inverse .navbar-toggler {
	border-color: rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-inverse .navbar-text {
	color: rgba(255, 255, 255, 0.5);
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.card-block {
	flex: 1 1 auto;
	padding: 1.25rem;
}

.card-title {
	margin-bottom: 0.75rem;
}

.card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link:hover {
	text-decoration: none;
}

.card-link + .card-link {
	margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
	border-top-right-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: #f7f7f9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

	.card-header:first-child {
		border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
	}

.card-footer {
	padding: 0.75rem 1.25rem;
	background-color: #f7f7f9;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

	.card-footer:last-child {
		border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
	}

.card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
}

.card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
}

.card-primary {
	background-color: var(--top-menu-background-color);
	border-color: var(--top-menu-background-color);
}

	.card-primary .card-header,
	.card-primary .card-footer {
		background-color: transparent;
	}

.card-success {
	background-color: #2cc185;
	border-color: #2cc185;
}

	.card-success .card-header,
	.card-success .card-footer {
		background-color: transparent;
	}

.card-info {
	background-color: #58C7EF;
	border-color: #58C7EF;
}

	.card-info .card-header,
	.card-info .card-footer {
		background-color: transparent;
	}

.card-warning {
	background-color: #FFDC42;
	border-color: #FFDC42;
}

	.card-warning .card-header,
	.card-warning .card-footer {
		background-color: transparent;
	}

.card-danger {
	background-color: #F45846;
	border-color: #F45846;
}

	.card-danger .card-header,
	.card-danger .card-footer {
		background-color: transparent;
	}

.card-outline-primary {
	background-color: transparent;
	border-color: var(--top-menu-background-color);
}

.card-outline-secondary {
	background-color: transparent;
	border-color: #cccccc;
}

.card-outline-info {
	background-color: transparent;
	border-color: #58C7EF;
}

.card-outline-success {
	background-color: transparent;
	border-color: #2cc185;
}

.card-outline-warning {
	background-color: transparent;
	border-color: #FFDC42;
}

.card-outline-danger {
	background-color: transparent;
	border-color: #F45846;
}

.card-inverse {
	color: rgba(255, 255, 255, 0.65);
}

	.card-inverse .card-header,
	.card-inverse .card-footer {
		background-color: transparent;
		border-color: rgba(255, 255, 255, 0.2);
	}

	.card-inverse .card-header,
	.card-inverse .card-footer,
	.card-inverse .card-title,
	.card-inverse .card-blockquote {
		color: #fff;
	}

		.card-inverse .card-link,
		.card-inverse .card-text,
		.card-inverse .card-subtitle,
		.card-inverse .card-blockquote .blockquote-footer {
			color: rgba(255, 255, 255, 0.65);
		}

			.card-inverse .card-link:focus, .card-inverse .card-link:hover {
				color: #fff;
			}

.card-blockquote {
	padding: 0;
	margin-bottom: 0;
	border-left: 0;
}

.card-img {
	border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}

.card-img-top {
	border-top-right-radius: calc(0.25rem - 1px);
	border-top-left-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
	.card-deck {
		display: flex;
		flex-flow: row wrap;
	}

		.card-deck .card {
			display: flex;
			flex: 1 0 0;
			flex-direction: column;
		}

			.card-deck .card:not(:first-child) {
				margin-left: 15px;
			}

			.card-deck .card:not(:last-child) {
				margin-right: 15px;
			}
}

@media (min-width: 576px) {
	.card-group {
		display: flex;
		flex-flow: row wrap;
	}

		.card-group .card {
			flex: 1 0 0;
		}

			.card-group .card + .card {
				margin-left: 0;
				border-left: 0;
			}

			.card-group .card:first-child {
				border-bottom-right-radius: 0;
				border-top-right-radius: 0;
			}

				.card-group .card:first-child .card-img-top {
					border-top-right-radius: 0;
				}

				.card-group .card:first-child .card-img-bottom {
					border-bottom-right-radius: 0;
				}

			.card-group .card:last-child {
				border-bottom-left-radius: 0;
				border-top-left-radius: 0;
			}

				.card-group .card:last-child .card-img-top {
					border-top-left-radius: 0;
				}

				.card-group .card:last-child .card-img-bottom {
					border-bottom-left-radius: 0;
				}

			.card-group .card:not(:first-child):not(:last-child) {
				border-radius: 0;
			}

				.card-group .card:not(:first-child):not(:last-child) .card-img-top,
				.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
					border-radius: 0;
				}
}

@media (min-width: 576px) {
	.card-columns {
		column-count: 3;
		column-gap: 1.25rem;
	}

		.card-columns .card {
			display: inline-block;
			width: 100%;
			margin-bottom: 0.75rem;
		}
}

.breadcrumb {
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #FFFFFF;
	border-radius: 0.25rem;
}

	.breadcrumb::after {
		display: block;
		content: "";
		clear: both;
	}

.breadcrumb-item {
	float: left;
}

	.breadcrumb-item + .breadcrumb-item::before {
		display: inline-block;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		color: #636c72;
		content: "";
	}

	.breadcrumb-item + .breadcrumb-item:hover::before {
		text-decoration: underline;
	}

	.breadcrumb-item + .breadcrumb-item:hover::before {
		text-decoration: none;
	}

	.breadcrumb-item.active {
		color: #636c72;
	}

.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-bottom-left-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.page-item.active .page-link {
	z-index: 2;
	color: var(--top-menu-background-color);
	background-color: #FFFFFF;
	border-color: var(--top-menu-background-color);
}

.page-item.disabled .page-link {
	color: #636c72;
	pointer-events: none;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: var(--top-menu-background-color);
	background-color: #fff;
	border: 1px solid #ddd;
}

	.page-link:focus, .page-link:hover {
		color: #10a8ef;
		text-decoration: none;
		background-color: #eceeef;
		border-color: #ddd;
	}

.pagination-lg .page-link {
	padding: 0.75rem 1.5rem;
	font-size: 1.154rem;
}

.pagination-lg .page-item:first-child .page-link {
	border-bottom-left-radius: 0.3rem;
	border-top-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
	border-bottom-right-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
	padding: 0.25rem 0.5rem;
	font-size: 0.8462rem;
}

.pagination-sm .page-item:first-child .page-link {
	border-bottom-left-radius: 0.2rem;
	border-top-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
	border-bottom-right-radius: 0.2rem;
	border-top-right-radius: 0.2rem;
}

.badge {
	display: inline-block;
	padding: 0.385rem 0.6154rem;
	font-size: 0.9231rem;
	font-weight: 400;
	line-height: 1;
	color: var(--default-text-color);
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

	.badge:empty {
		display: none;
	}

.btn .badge {
	position: relative;
	top: -1px;
}

a.badge:focus, a.badge:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}

.badge-default {
	background-color: #FFFFFF;
}

	.badge-default[href]:focus, .badge-default[href]:hover {
		background-color: #e6e6e6;
	}

.badge-primary {
	background-color: var(--top-menu-background-color);
}

	.badge-primary[href]:focus, .badge-primary[href]:hover {
		background-color: #1fa6e5;
	}

.badge-success {
	background-color: #2cc185;
}

	.badge-success[href]:focus, .badge-success[href]:hover {
		background-color: #239768;
	}

.badge-info {
	background-color: var(--top-menu-background-color);
}

	.badge-info[href]:focus, .badge-info[href]:hover {
		background-color: #29b7eb;
	}

.badge-warning {
	background-color: #FFDC42;
}

	.badge-warning[href]:focus, .badge-warning[href]:hover {
		background-color: #ffd30f;
	}

.badge-danger {
	background-color: #F45846;
}

	.badge-danger[href]:focus, .badge-danger[href]:hover {
		background-color: #f12d16;
	}

.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #eceeef;
	border-radius: 0.3rem;
}

@media (min-width: 576px) {
	.jumbotron {
		padding: 4rem 2rem;
	}
}

.jumbotron-hr {
	border-top-color: #d0d5d8;
}

.jumbotron-fluid {
	padding-right: 0;
	padding-left: 0;
	border-radius: 0;
}

.alert {
	padding: 17px 20px;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

.alert-dismissible .close {
	position: relative;
	top: -17px;
	right: -20px;
	padding: 17px 20px;
	color: inherit;
}

.alert-success {
	background-color: #2cc185;
	border-color: #2cc185;
	color: #3c763d;
}

	.alert-success hr {
		border-top-color: #27ac77;
	}

	.alert-success .alert-link {
		color: #2b542c;
	}

.alert-info {
	background-color: #58C7EF;
	border-color: #58C7EF;
	color: #31708f;
}

	.alert-info hr {
		border-top-color: #41bfed;
	}

	.alert-info .alert-link {
		color: #245269;
	}

.alert-warning {
	background-color: #FFDC42;
	border-color: #FFDC42;
	color: #8a6d3b;
}

	.alert-warning hr {
		border-top-color: #ffd729;
	}

	.alert-warning .alert-link {
		color: #66512c;
	}

.alert-danger {
	background-color: #F45846;
	border-color: #F45846;
	color: #a94442;
}

	.alert-danger hr {
		border-top-color: #f3422e;
	}

	.alert-danger .alert-link {
		color: #843534;
	}

@keyframes progress-bar-stripes {
	from {
		background-position: 1.692rem 0;
	}

	to {
		background-position: 0 0;
	}
}

.progress {
	display: flex;
	overflow: hidden;
	font-size: 1rem;
	line-height: 1.692rem;
	text-align: center;
	background-color: #eceeef;
	border-radius: 0;
}

.progress-bar {
	height: 1.692rem;
	color: #fff;
	background-color: var(--top-menu-background-color);
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1.692rem 1.692rem;
}

.progress-bar-animated {
	animation: progress-bar-stripes 1s linear infinite;
}

.media {
	display: flex;
	align-items: flex-start;
}

.media-body {
	flex: 1;
}

.list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}

.list-group-item-action {
	width: 100%;
	color: #878787;
	text-align: inherit;
}

	.list-group-item-action .list-group-item-heading {
		color: #323232;
	}

	.list-group-item-action:focus, .list-group-item-action:hover {
		color: #878787;
		text-decoration: none;
		background-color: #f7f7f9;
	}

	.list-group-item-action:active {
		color: var(--default-text-color);
		background-color: #eceeef;
	}

.list-group-item {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	padding: 0.924rem 1.48rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

	.list-group-item:first-child {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	.list-group-item:last-child {
		margin-bottom: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.list-group-item:focus, .list-group-item:hover {
		text-decoration: none;
	}

	.list-group-item.disabled, .list-group-item:disabled {
		color: #636c72;
		cursor: not-allowed;
		background-color: #fff;
	}

		.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
			color: inherit;
		}

		.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
			color: #636c72;
		}

	.list-group-item.active {
		z-index: 2;
		color: #fff;
		background-color: var(--top-menu-background-color);
		border-color: var(--top-menu-background-color);
	}

		.list-group-item.active .list-group-item-heading,
		.list-group-item.active .list-group-item-heading > small,
		.list-group-item.active .list-group-item-heading > .small {
			color: inherit;
		}

		.list-group-item.active .list-group-item-text {
			color: white;
		}

.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
	border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
	border-bottom: 0;
}

.list-group-item-success {
	color: #3c763d;
	background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
	color: #3c763d;
}

	a.list-group-item-success .list-group-item-heading,
	button.list-group-item-success .list-group-item-heading {
		color: inherit;
	}

	a.list-group-item-success:focus, a.list-group-item-success:hover,
	button.list-group-item-success:focus,
	button.list-group-item-success:hover {
		color: #3c763d;
		background-color: #d0e9c6;
	}

	a.list-group-item-success.active,
	button.list-group-item-success.active {
		color: #fff;
		background-color: #3c763d;
		border-color: #3c763d;
	}

.list-group-item-info {
	color: #31708f;
	background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
	color: #31708f;
}

	a.list-group-item-info .list-group-item-heading,
	button.list-group-item-info .list-group-item-heading {
		color: inherit;
	}

	a.list-group-item-info:focus, a.list-group-item-info:hover,
	button.list-group-item-info:focus,
	button.list-group-item-info:hover {
		color: #31708f;
		background-color: #c4e3f3;
	}

	a.list-group-item-info.active,
	button.list-group-item-info.active {
		color: #fff;
		background-color: #31708f;
		border-color: #31708f;
	}

.list-group-item-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
	color: #8a6d3b;
}

	a.list-group-item-warning .list-group-item-heading,
	button.list-group-item-warning .list-group-item-heading {
		color: inherit;
	}

	a.list-group-item-warning:focus, a.list-group-item-warning:hover,
	button.list-group-item-warning:focus,
	button.list-group-item-warning:hover {
		color: #8a6d3b;
		background-color: #faf2cc;
	}

	a.list-group-item-warning.active,
	button.list-group-item-warning.active {
		color: #fff;
		background-color: #8a6d3b;
		border-color: #8a6d3b;
	}

.list-group-item-danger {
	color: #a94442;
	background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
	color: #a94442;
}

	a.list-group-item-danger .list-group-item-heading,
	button.list-group-item-danger .list-group-item-heading {
		color: inherit;
	}

	a.list-group-item-danger:focus, a.list-group-item-danger:hover,
	button.list-group-item-danger:focus,
	button.list-group-item-danger:hover {
		color: #a94442;
		background-color: #ebcccc;
	}

	a.list-group-item-danger.active,
	button.list-group-item-danger.active {
		color: #fff;
		background-color: #a94442;
		border-color: #a94442;
	}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

	.embed-responsive::before {
		display: block;
		content: "";
	}

	.embed-responsive .embed-responsive-item,
	.embed-responsive iframe,
	.embed-responsive embed,
	.embed-responsive object,
	.embed-responsive video {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

.embed-responsive-21by9::before {
	padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
	padding-top: 56.25%;
}

.embed-responsive-4by3::before {
	padding-top: 75%;
}

.embed-responsive-1by1::before {
	padding-top: 100%;
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

	.close:focus, .close:hover {
		color: #000;
		text-decoration: none;
		cursor: pointer;
		opacity: .75;
	}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.modal-open {
	overflow: hidden;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0;
}

	.modal.fade .modal-dialog {
		transition: transform 0.3s ease-out;
		transform: translate(0, -25%);
	}

	.modal.show .modal-dialog {
		transform: translate(0, 0);
	}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

	.modal-backdrop.fade {
		opacity: 0;
	}

	.modal-backdrop.show {
		opacity: 0.5;
	}

.modal-header {
	padding: 15px;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.538;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 15px;
}

.modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 15px;
	border-top: 1px solid #eceeef;
}

	.modal-footer > :not(:first-child) {
		margin-left: .25rem;
	}

	.modal-footer > :not(:last-child) {
		margin-right: .25rem;
	}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 545px;
		margin: 30px auto;
	}

	.modal-sm {
		max-width: 300px;
	}
}

@media (min-width: 992px) {
	.modal-lg {
		max-width: 750px;
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.538;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	font-size: 0.8462rem;
	word-wrap: break-word;
	opacity: 0;
}

	.tooltip.show {
		opacity: 0.9;
	}

	.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
		padding: 5px 0;
		margin-top: -3px;
	}

		.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
			bottom: 0;
			left: 50%;
			margin-left: -5px;
			content: "";
			border-width: 5px 5px 0;
			border-top-color: #000;
		}

	.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
		padding: 0 5px;
		margin-left: 3px;
	}

		.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
			top: 50%;
			left: 0;
			margin-top: -5px;
			content: "";
			border-width: 5px 5px 5px 0;
			border-right-color: #000;
		}

	.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
		padding: 5px 0;
		margin-top: 3px;
	}

		.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
			top: 0;
			left: 50%;
			margin-left: -5px;
			content: "";
			border-width: 0 5px 5px;
			border-bottom-color: #000;
		}

	.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
		padding: 0 5px;
		margin-left: -3px;
	}

		.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
			top: 50%;
			right: 0;
			margin-top: -5px;
			content: "";
			border-width: 5px 0 5px 5px;
			border-left-color: #000;
		}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 0.25rem;
}

	.tooltip-inner::before {
		position: absolute;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
	}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: block;
	max-width: 276px;
	padding: 1px;
	font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.538;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	font-size: 0.8462rem;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
}

	.popover.popover-top, .popover.bs-tether-element-attached-bottom {
		margin-top: -10px;
	}

		.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
			left: 50%;
			border-bottom-width: 0;
		}

		.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
			bottom: -11px;
			margin-left: -11px;
			border-top-color: rgba(0, 0, 0, 0.25);
		}

		.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
			bottom: -10px;
			margin-left: -10px;
			border-top-color: #fff;
		}

	.popover.popover-right, .popover.bs-tether-element-attached-left {
		margin-left: 10px;
	}

		.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
			top: 50%;
			border-left-width: 0;
		}

		.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
			left: -11px;
			margin-top: -11px;
			border-right-color: rgba(0, 0, 0, 0.25);
		}

		.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
			left: -10px;
			margin-top: -10px;
			border-right-color: #fff;
		}

	.popover.popover-bottom, .popover.bs-tether-element-attached-top {
		margin-top: 10px;
	}

		.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
			left: 50%;
			border-top-width: 0;
		}

		.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
			top: -11px;
			margin-left: -11px;
			border-bottom-color: rgba(0, 0, 0, 0.25);
		}

		.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
			top: -10px;
			margin-left: -10px;
			border-bottom-color: #f7f7f7;
		}

		.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
			position: absolute;
			top: 0;
			left: 50%;
			display: block;
			width: 20px;
			margin-left: -10px;
			content: "";
			border-bottom: 1px solid #f7f7f7;
		}

	.popover.popover-left, .popover.bs-tether-element-attached-right {
		margin-left: -10px;
	}

		.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
			top: 50%;
			border-right-width: 0;
		}

		.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
			right: -11px;
			margin-top: -11px;
			border-left-color: rgba(0, 0, 0, 0.25);
		}

		.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
			right: -10px;
			margin-top: -10px;
			border-left-color: #fff;
		}

.popover-title {
	padding: 8px 14px;
	margin-bottom: 0;
	font-size: 1rem;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-top-right-radius: calc(0.3rem - 1px);
	border-top-left-radius: calc(0.3rem - 1px);
}

	.popover-title:empty {
		display: none;
	}

.popover-content {
	padding: 9px 14px;
}

.popover::before,
.popover::after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.popover::before {
	content: "";
	border-width: 11px;
}

.popover::after {
	content: "";
	border-width: 10px;
}

.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	position: relative;
	display: none;
	width: 100%;
}

@media (-webkit-transform-3d) {
	.carousel-item {
		transition: transform 0.6s ease-in-out;
		backface-visibility: hidden;
		perspective: 1000px;
	}
}

@supports (transform: translate3d(0, 0, 0)) {
	.carousel-item {
		transition: transform 0.6s ease-in-out;
		backface-visibility: hidden;
		perspective: 1000px;
	}
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
	display: flex;
}

.carousel-item-next,
.carousel-item-prev {
	position: absolute;
	top: 0;
}

@media (-webkit-transform-3d) {
	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right {
		transform: translate3d(0, 0, 0);
	}

	.carousel-item-next,
	.active.carousel-item-right {
		transform: translate3d(100%, 0, 0);
	}

	.carousel-item-prev,
	.active.carousel-item-left {
		transform: translate3d(-100%, 0, 0);
	}
}

@supports (transform: translate3d(0, 0, 0)) {
	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right {
		transform: translate3d(0, 0, 0);
	}

	.carousel-item-next,
	.active.carousel-item-right {
		transform: translate3d(100%, 0, 0);
	}

	.carousel-item-prev,
	.active.carousel-item-left {
		transform: translate3d(-100%, 0, 0);
	}
}

.carousel-control-prev,
.carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: 0.5;
}

	.carousel-control-prev:focus, .carousel-control-prev:hover,
	.carousel-control-next:focus,
	.carousel-control-next:hover {
		color: #fff;
		text-decoration: none;
		outline: 0;
		opacity: .9;
	}

.carousel-control-prev {
	left: 0;
}

.carousel-control-next {
	right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: flex;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
}

	.carousel-indicators li {
		position: relative;
		flex: 1 0 auto;
		max-width: 30px;
		height: 3px;
		margin-right: 3px;
		margin-left: 3px;
		text-indent: -999px;
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.5);
	}

		.carousel-indicators li::before {
			position: absolute;
			top: -10px;
			left: 0;
			display: inline-block;
			width: 100%;
			height: 10px;
			content: "";
		}

		.carousel-indicators li::after {
			position: absolute;
			bottom: -10px;
			left: 0;
			display: inline-block;
			width: 100%;
			height: 10px;
			content: "";
		}

	.carousel-indicators .active {
		background-color: #fff;
	}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
}

.align-baseline {
	vertical-align: baseline !important;
}

.align-top {
	vertical-align: top !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.align-text-bottom {
	vertical-align: text-bottom !important;
}

.align-text-top {
	vertical-align: text-top !important;
}

.bg-faded {
	background-color: #ececec;
}

.bg-primary {
	background-color: var(--menu-background-color) !important;
}

a.bg-primary:focus, a.bg-primary:hover {
	background-color: #1fa6e5 !important;
}

.bg-success {
	background-color: #2cc185 !important;
}

a.bg-success:focus, a.bg-success:hover {
	background-color: #239768 !important;
}

.bg-info {
	background-color: #58C7EF !important;
}

a.bg-info:focus, a.bg-info:hover {
	background-color: #29b7eb !important;
}

.bg-warning {
	background-color: #FFDC42 !important;
}

a.bg-warning:focus, a.bg-warning:hover {
	background-color: #ffd30f !important;
}

.bg-danger {
	background-color: #F45846 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
	background-color: #f12d16 !important;
}

.bg-inverse {
	background-color: #323232 !important;
}

a.bg-inverse:focus, a.bg-inverse:hover {
	background-color: #191919 !important;
}

.border-0 {
	border: 0 !important;
}

.border-top-0 {
	border-top: 0 !important;
}

.border-right-0 {
	border-right: 0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-left-0 {
	border-left: 0 !important;
}

.rounded {
	border-radius: 0.25rem;
}

.rounded-top {
	border-top-right-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.rounded-right {
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.rounded-bottom {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.rounded-left {
	border-bottom-left-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.rounded-circle {
	border-radius: 50%;
}

.rounded-0 {
	border-radius: 0;
}

.clearfix::after {
	display: block;
	content: "";
	clear: both;
}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: flex !important;
}

.d-inline-flex {
	display: inline-flex !important;
}

@media (min-width: 576px) {
	.d-sm-none {
		display: none !important;
	}

	.d-sm-inline {
		display: inline !important;
	}

	.d-sm-inline-block {
		display: inline-block !important;
	}

	.d-sm-block {
		display: block !important;
	}

	.d-sm-table {
		display: table !important;
	}

	.d-sm-table-cell {
		display: table-cell !important;
	}

	.d-sm-flex {
		display: flex !important;
	}

	.d-sm-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 768px) {
	.d-md-none {
		display: none !important;
	}

	.d-md-inline {
		display: inline !important;
	}

	.d-md-inline-block {
		display: inline-block !important;
	}

	.d-md-block {
		display: block !important;
	}

	.d-md-table {
		display: table !important;
	}

	.d-md-table-cell {
		display: table-cell !important;
	}

	.d-md-flex {
		display: flex !important;
	}

	.d-md-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 992px) {
	.d-lg-none {
		display: none !important;
	}

	.d-lg-inline {
		display: inline !important;
	}

	.d-lg-inline-block {
		display: inline-block !important;
	}

	.d-lg-block {
		display: block !important;
	}

	.d-lg-table {
		display: table !important;
	}

	.d-lg-table-cell {
		display: table-cell !important;
	}

	.d-lg-flex {
		display: flex !important;
	}

	.d-lg-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 1200px) {
	.d-xl-none {
		display: none !important;
	}

	.d-xl-inline {
		display: inline !important;
	}

	.d-xl-inline-block {
		display: inline-block !important;
	}

	.d-xl-block {
		display: block !important;
	}

	.d-xl-table {
		display: table !important;
	}

	.d-xl-table-cell {
		display: table-cell !important;
	}

	.d-xl-flex {
		display: flex !important;
	}

	.d-xl-inline-flex {
		display: inline-flex !important;
	}
}

.flex-first {
	order: -1;
}

.flex-last {
	order: 1;
}

.flex-unordered {
	order: 0;
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

.justify-content-start {
	justify-content: flex-start !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch {
	align-items: stretch !important;
}

.align-content-start {
	align-content: flex-start !important;
}

.align-content-end {
	align-content: flex-end !important;
}

.align-content-center {
	align-content: center !important;
}

.align-content-between {
	align-content: space-between !important;
}

.align-content-around {
	align-content: space-around !important;
}

.align-content-stretch {
	align-content: stretch !important;
}

.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch {
	align-self: stretch !important;
}

@media (min-width: 576px) {
	.flex-sm-first {
		order: -1;
	}

	.flex-sm-last {
		order: 1;
	}

	.flex-sm-unordered {
		order: 0;
	}

	.flex-sm-row {
		flex-direction: row !important;
	}

	.flex-sm-column {
		flex-direction: column !important;
	}

	.flex-sm-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-sm-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-sm-wrap {
		flex-wrap: wrap !important;
	}

	.flex-sm-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-sm-start {
		justify-content: flex-start !important;
	}

	.justify-content-sm-end {
		justify-content: flex-end !important;
	}

	.justify-content-sm-center {
		justify-content: center !important;
	}

	.justify-content-sm-between {
		justify-content: space-between !important;
	}

	.justify-content-sm-around {
		justify-content: space-around !important;
	}

	.align-items-sm-start {
		align-items: flex-start !important;
	}

	.align-items-sm-end {
		align-items: flex-end !important;
	}

	.align-items-sm-center {
		align-items: center !important;
	}

	.align-items-sm-baseline {
		align-items: baseline !important;
	}

	.align-items-sm-stretch {
		align-items: stretch !important;
	}

	.align-content-sm-start {
		align-content: flex-start !important;
	}

	.align-content-sm-end {
		align-content: flex-end !important;
	}

	.align-content-sm-center {
		align-content: center !important;
	}

	.align-content-sm-between {
		align-content: space-between !important;
	}

	.align-content-sm-around {
		align-content: space-around !important;
	}

	.align-content-sm-stretch {
		align-content: stretch !important;
	}

	.align-self-sm-auto {
		align-self: auto !important;
	}

	.align-self-sm-start {
		align-self: flex-start !important;
	}

	.align-self-sm-end {
		align-self: flex-end !important;
	}

	.align-self-sm-center {
		align-self: center !important;
	}

	.align-self-sm-baseline {
		align-self: baseline !important;
	}

	.align-self-sm-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 768px) {
	.flex-md-first {
		order: -1;
	}

	.flex-md-last {
		order: 1;
	}

	.flex-md-unordered {
		order: 0;
	}

	.flex-md-row {
		flex-direction: row !important;
	}

	.flex-md-column {
		flex-direction: column !important;
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-md-wrap {
		flex-wrap: wrap !important;
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-md-start {
		justify-content: flex-start !important;
	}

	.justify-content-md-end {
		justify-content: flex-end !important;
	}

	.justify-content-md-center {
		justify-content: center !important;
	}

	.justify-content-md-between {
		justify-content: space-between !important;
	}

	.justify-content-md-around {
		justify-content: space-around !important;
	}

	.align-items-md-start {
		align-items: flex-start !important;
	}

	.align-items-md-end {
		align-items: flex-end !important;
	}

	.align-items-md-center {
		align-items: center !important;
	}

	.align-items-md-baseline {
		align-items: baseline !important;
	}

	.align-items-md-stretch {
		align-items: stretch !important;
	}

	.align-content-md-start {
		align-content: flex-start !important;
	}

	.align-content-md-end {
		align-content: flex-end !important;
	}

	.align-content-md-center {
		align-content: center !important;
	}

	.align-content-md-between {
		align-content: space-between !important;
	}

	.align-content-md-around {
		align-content: space-around !important;
	}

	.align-content-md-stretch {
		align-content: stretch !important;
	}

	.align-self-md-auto {
		align-self: auto !important;
	}

	.align-self-md-start {
		align-self: flex-start !important;
	}

	.align-self-md-end {
		align-self: flex-end !important;
	}

	.align-self-md-center {
		align-self: center !important;
	}

	.align-self-md-baseline {
		align-self: baseline !important;
	}

	.align-self-md-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 992px) {
	.flex-lg-first {
		order: -1;
	}

	.flex-lg-last {
		order: 1;
	}

	.flex-lg-unordered {
		order: 0;
	}

	.flex-lg-row {
		flex-direction: row !important;
	}

	.flex-lg-column {
		flex-direction: column !important;
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-lg-start {
		justify-content: flex-start !important;
	}

	.justify-content-lg-end {
		justify-content: flex-end !important;
	}

	.justify-content-lg-center {
		justify-content: center !important;
	}

	.justify-content-lg-between {
		justify-content: space-between !important;
	}

	.justify-content-lg-around {
		justify-content: space-around !important;
	}

	.align-items-lg-start {
		align-items: flex-start !important;
	}

	.align-items-lg-end {
		align-items: flex-end !important;
	}

	.align-items-lg-center {
		align-items: center !important;
	}

	.align-items-lg-baseline {
		align-items: baseline !important;
	}

	.align-items-lg-stretch {
		align-items: stretch !important;
	}

	.align-content-lg-start {
		align-content: flex-start !important;
	}

	.align-content-lg-end {
		align-content: flex-end !important;
	}

	.align-content-lg-center {
		align-content: center !important;
	}

	.align-content-lg-between {
		align-content: space-between !important;
	}

	.align-content-lg-around {
		align-content: space-around !important;
	}

	.align-content-lg-stretch {
		align-content: stretch !important;
	}

	.align-self-lg-auto {
		align-self: auto !important;
	}

	.align-self-lg-start {
		align-self: flex-start !important;
	}

	.align-self-lg-end {
		align-self: flex-end !important;
	}

	.align-self-lg-center {
		align-self: center !important;
	}

	.align-self-lg-baseline {
		align-self: baseline !important;
	}

	.align-self-lg-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 1200px) {
	.flex-xl-first {
		order: -1;
	}

	.flex-xl-last {
		order: 1;
	}

	.flex-xl-unordered {
		order: 0;
	}

	.flex-xl-row {
		flex-direction: row !important;
	}

	.flex-xl-column {
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important;
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xl-start {
		justify-content: flex-start !important;
	}

	.justify-content-xl-end {
		justify-content: flex-end !important;
	}

	.justify-content-xl-center {
		justify-content: center !important;
	}

	.justify-content-xl-between {
		justify-content: space-between !important;
	}

	.justify-content-xl-around {
		justify-content: space-around !important;
	}

	.align-items-xl-start {
		align-items: flex-start !important;
	}

	.align-items-xl-end {
		align-items: flex-end !important;
	}

	.align-items-xl-center {
		align-items: center !important;
	}

	.align-items-xl-baseline {
		align-items: baseline !important;
	}

	.align-items-xl-stretch {
		align-items: stretch !important;
	}

	.align-content-xl-start {
		align-content: flex-start !important;
	}

	.align-content-xl-end {
		align-content: flex-end !important;
	}

	.align-content-xl-center {
		align-content: center !important;
	}

	.align-content-xl-between {
		align-content: space-between !important;
	}

	.align-content-xl-around {
		align-content: space-around !important;
	}

	.align-content-xl-stretch {
		align-content: stretch !important;
	}

	.align-self-xl-auto {
		align-self: auto !important;
	}

	.align-self-xl-start {
		align-self: flex-start !important;
	}

	.align-self-xl-end {
		align-self: flex-end !important;
	}

	.align-self-xl-center {
		align-self: center !important;
	}

	.align-self-xl-baseline {
		align-self: baseline !important;
	}

	.align-self-xl-stretch {
		align-self: stretch !important;
	}
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

@media (min-width: 576px) {
	.float-sm-left {
		float: left !important;
	}

	.float-sm-right {
		float: right !important;
	}

	.float-sm-none {
		float: none !important;
	}
}

@media (min-width: 768px) {
	.float-md-left {
		float: left !important;
	}

	.float-md-right {
		float: right !important;
	}

	.float-md-none {
		float: none !important;
	}
}

@media (min-width: 992px) {
	.float-lg-left {
		float: left !important;
	}

	.float-lg-right {
		float: right !important;
	}

	.float-lg-none {
		float: none !important;
	}
}

@media (min-width: 1200px) {
	.float-xl-left {
		float: left !important;
	}

	.float-xl-right {
		float: right !important;
	}

	.float-xl-none {
		float: none !important;
	}
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

.sticky-top {
	position: sticky;
	top: 0;
	z-index: 1030;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

.w-25 {
	width: 25% !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

.w-100 {
	width: 100% !important;
}

.h-25 {
	height: 25% !important;
}

.h-50 {
	height: 50% !important;
}

.h-75 {
	height: 75% !important;
}

.h-100 {
	height: 100% !important;
}

.mw-100 {
	max-width: 100% !important;
}

.mh-100 {
	max-height: 100% !important;
}

.m-0 {
	margin: 0 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.m-1 {
	margin: 0.25rem 0.25rem !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mr-1 {
	margin-right: 0.25rem !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1 {
	margin-left: 0.25rem !important;
}

.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem 0.5rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mr-2 {
	margin-right: 0.5rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2 {
	margin-left: 0.5rem !important;
}

.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.m-3 {
	margin: 1rem 1rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mr-3 {
	margin-right: 1rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.m-4 {
	margin: 1.5rem 1.5rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mr-4 {
	margin-right: 1.5rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4 {
	margin-left: 1.5rem !important;
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.m-5 {
	margin: 3rem 3rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mr-5 {
	margin-right: 3rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.ml-5 {
	margin-left: 3rem !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.m-6 {
	margin: 4.5rem 4.5rem !important;
}

.mt-6 {
	margin-top: 4.5rem !important;
}

.mr-6 {
	margin-right: 4.5rem !important;
}

.mb-6 {
	margin-bottom: 4.5rem !important;
}

.ml-6 {
	margin-left: 4.5rem !important;
}

.mx-6 {
	margin-right: 4.5rem !important;
	margin-left: 4.5rem !important;
}

.my-6 {
	margin-top: 4.5rem !important;
	margin-bottom: 4.5rem !important;
}

.p-0 {
	padding: 0 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.p-1 {
	padding: 0.25rem 0.25rem !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pr-1 {
	padding-right: 0.25rem !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1 {
	padding-left: 0.25rem !important;
}

.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem 0.5rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pr-2 {
	padding-right: 0.5rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2 {
	padding-left: 0.5rem !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.p-3 {
	padding: 1rem 1rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pr-3 {
	padding-right: 1rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pl-3 {
	padding-left: 1rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.p-4 {
	padding: 1.5rem 1.5rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pr-4 {
	padding-right: 1.5rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4 {
	padding-left: 1.5rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.p-5 {
	padding: 3rem 3rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pr-5 {
	padding-right: 3rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.pl-5 {
	padding-left: 3rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.p-6 {
	padding: 4.5rem 4.5rem !important;
}

.pt-6 {
	padding-top: 4.5rem !important;
}

.pr-6 {
	padding-right: 4.5rem !important;
}

.pb-6 {
	padding-bottom: 4.5rem !important;
}

.pl-6 {
	padding-left: 4.5rem !important;
}

.px-6 {
	padding-right: 4.5rem !important;
	padding-left: 4.5rem !important;
}

.py-6 {
	padding-top: 4.5rem !important;
	padding-bottom: 4.5rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto {
	margin-top: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

@media (min-width: 576px) {
	.m-sm-0 {
		margin: 0 0 !important;
	}

	.mt-sm-0 {
		margin-top: 0 !important;
	}

	.mr-sm-0 {
		margin-right: 0 !important;
	}

	.mb-sm-0 {
		margin-bottom: 0 !important;
	}

	.ml-sm-0 {
		margin-left: 0 !important;
	}

	.mx-sm-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.my-sm-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.m-sm-1 {
		margin: 0.25rem 0.25rem !important;
	}

	.mt-sm-1 {
		margin-top: 0.25rem !important;
	}

	.mr-sm-1 {
		margin-right: 0.25rem !important;
	}

	.mb-sm-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-sm-1 {
		margin-left: 0.25rem !important;
	}

	.mx-sm-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.my-sm-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.m-sm-2 {
		margin: 0.5rem 0.5rem !important;
	}

	.mt-sm-2 {
		margin-top: 0.5rem !important;
	}

	.mr-sm-2 {
		margin-right: 0.5rem !important;
	}

	.mb-sm-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-sm-2 {
		margin-left: 0.5rem !important;
	}

	.mx-sm-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.my-sm-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.m-sm-3 {
		margin: 1rem 1rem !important;
	}

	.mt-sm-3 {
		margin-top: 1rem !important;
	}

	.mr-sm-3 {
		margin-right: 1rem !important;
	}

	.mb-sm-3 {
		margin-bottom: 1rem !important;
	}

	.ml-sm-3 {
		margin-left: 1rem !important;
	}

	.mx-sm-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.my-sm-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.m-sm-4 {
		margin: 1.5rem 1.5rem !important;
	}

	.mt-sm-4 {
		margin-top: 1.5rem !important;
	}

	.mr-sm-4 {
		margin-right: 1.5rem !important;
	}

	.mb-sm-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-sm-4 {
		margin-left: 1.5rem !important;
	}

	.mx-sm-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.my-sm-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.m-sm-5 {
		margin: 3rem 3rem !important;
	}

	.mt-sm-5 {
		margin-top: 3rem !important;
	}

	.mr-sm-5 {
		margin-right: 3rem !important;
	}

	.mb-sm-5 {
		margin-bottom: 3rem !important;
	}

	.ml-sm-5 {
		margin-left: 3rem !important;
	}

	.mx-sm-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.my-sm-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.m-sm-6 {
		margin: 4.5rem 4.5rem !important;
	}

	.mt-sm-6 {
		margin-top: 4.5rem !important;
	}

	.mr-sm-6 {
		margin-right: 4.5rem !important;
	}

	.mb-sm-6 {
		margin-bottom: 4.5rem !important;
	}

	.ml-sm-6 {
		margin-left: 4.5rem !important;
	}

	.mx-sm-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}

	.my-sm-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}

	.p-sm-0 {
		padding: 0 0 !important;
	}

	.pt-sm-0 {
		padding-top: 0 !important;
	}

	.pr-sm-0 {
		padding-right: 0 !important;
	}

	.pb-sm-0 {
		padding-bottom: 0 !important;
	}

	.pl-sm-0 {
		padding-left: 0 !important;
	}

	.px-sm-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.py-sm-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.p-sm-1 {
		padding: 0.25rem 0.25rem !important;
	}

	.pt-sm-1 {
		padding-top: 0.25rem !important;
	}

	.pr-sm-1 {
		padding-right: 0.25rem !important;
	}

	.pb-sm-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-sm-1 {
		padding-left: 0.25rem !important;
	}

	.px-sm-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.py-sm-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.p-sm-2 {
		padding: 0.5rem 0.5rem !important;
	}

	.pt-sm-2 {
		padding-top: 0.5rem !important;
	}

	.pr-sm-2 {
		padding-right: 0.5rem !important;
	}

	.pb-sm-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-sm-2 {
		padding-left: 0.5rem !important;
	}

	.px-sm-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.py-sm-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.p-sm-3 {
		padding: 1rem 1rem !important;
	}

	.pt-sm-3 {
		padding-top: 1rem !important;
	}

	.pr-sm-3 {
		padding-right: 1rem !important;
	}

	.pb-sm-3 {
		padding-bottom: 1rem !important;
	}

	.pl-sm-3 {
		padding-left: 1rem !important;
	}

	.px-sm-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.py-sm-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.p-sm-4 {
		padding: 1.5rem 1.5rem !important;
	}

	.pt-sm-4 {
		padding-top: 1.5rem !important;
	}

	.pr-sm-4 {
		padding-right: 1.5rem !important;
	}

	.pb-sm-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-sm-4 {
		padding-left: 1.5rem !important;
	}

	.px-sm-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.py-sm-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.p-sm-5 {
		padding: 3rem 3rem !important;
	}

	.pt-sm-5 {
		padding-top: 3rem !important;
	}

	.pr-sm-5 {
		padding-right: 3rem !important;
	}

	.pb-sm-5 {
		padding-bottom: 3rem !important;
	}

	.pl-sm-5 {
		padding-left: 3rem !important;
	}

	.px-sm-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-sm-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.p-sm-6 {
		padding: 4.5rem 4.5rem !important;
	}

	.pt-sm-6 {
		padding-top: 4.5rem !important;
	}

	.pr-sm-6 {
		padding-right: 4.5rem !important;
	}

	.pb-sm-6 {
		padding-bottom: 4.5rem !important;
	}

	.pl-sm-6 {
		padding-left: 4.5rem !important;
	}

	.px-sm-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}

	.py-sm-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}

	.m-sm-auto {
		margin: auto !important;
	}

	.mt-sm-auto {
		margin-top: auto !important;
	}

	.mr-sm-auto {
		margin-right: auto !important;
	}

	.mb-sm-auto {
		margin-bottom: auto !important;
	}

	.ml-sm-auto {
		margin-left: auto !important;
	}

	.mx-sm-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-sm-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}

@media (min-width: 768px) {
	.m-md-0 {
		margin: 0 0 !important;
	}

	.mt-md-0 {
		margin-top: 0 !important;
	}

	.mr-md-0 {
		margin-right: 0 !important;
	}

	.mb-md-0 {
		margin-bottom: 0 !important;
	}

	.ml-md-0 {
		margin-left: 0 !important;
	}

	.mx-md-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.my-md-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.m-md-1 {
		margin: 0.25rem 0.25rem !important;
	}

	.mt-md-1 {
		margin-top: 0.25rem !important;
	}

	.mr-md-1 {
		margin-right: 0.25rem !important;
	}

	.mb-md-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-md-1 {
		margin-left: 0.25rem !important;
	}

	.mx-md-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.my-md-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.m-md-2 {
		margin: 0.5rem 0.5rem !important;
	}

	.mt-md-2 {
		margin-top: 0.5rem !important;
	}

	.mr-md-2 {
		margin-right: 0.5rem !important;
	}

	.mb-md-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-md-2 {
		margin-left: 0.5rem !important;
	}

	.mx-md-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.my-md-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.m-md-3 {
		margin: 1rem 1rem !important;
	}

	.mt-md-3 {
		margin-top: 1rem !important;
	}

	.mr-md-3 {
		margin-right: 1rem !important;
	}

	.mb-md-3 {
		margin-bottom: 1rem !important;
	}

	.ml-md-3 {
		margin-left: 1rem !important;
	}

	.mx-md-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.my-md-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.m-md-4 {
		margin: 1.5rem 1.5rem !important;
	}

	.mt-md-4 {
		margin-top: 1.5rem !important;
	}

	.mr-md-4 {
		margin-right: 1.5rem !important;
	}

	.mb-md-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-md-4 {
		margin-left: 1.5rem !important;
	}

	.mx-md-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.my-md-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.m-md-5 {
		margin: 3rem 3rem !important;
	}

	.mt-md-5 {
		margin-top: 3rem !important;
	}

	.mr-md-5 {
		margin-right: 3rem !important;
	}

	.mb-md-5 {
		margin-bottom: 3rem !important;
	}

	.ml-md-5 {
		margin-left: 3rem !important;
	}

	.mx-md-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.my-md-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.m-md-6 {
		margin: 4.5rem 4.5rem !important;
	}

	.mt-md-6 {
		margin-top: 4.5rem !important;
	}

	.mr-md-6 {
		margin-right: 4.5rem !important;
	}

	.mb-md-6 {
		margin-bottom: 4.5rem !important;
	}

	.ml-md-6 {
		margin-left: 4.5rem !important;
	}

	.mx-md-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}

	.my-md-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}

	.p-md-0 {
		padding: 0 0 !important;
	}

	.pt-md-0 {
		padding-top: 0 !important;
	}

	.pr-md-0 {
		padding-right: 0 !important;
	}

	.pb-md-0 {
		padding-bottom: 0 !important;
	}

	.pl-md-0 {
		padding-left: 0 !important;
	}

	.px-md-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.py-md-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.p-md-1 {
		padding: 0.25rem 0.25rem !important;
	}

	.pt-md-1 {
		padding-top: 0.25rem !important;
	}

	.pr-md-1 {
		padding-right: 0.25rem !important;
	}

	.pb-md-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-md-1 {
		padding-left: 0.25rem !important;
	}

	.px-md-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.py-md-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.p-md-2 {
		padding: 0.5rem 0.5rem !important;
	}

	.pt-md-2 {
		padding-top: 0.5rem !important;
	}

	.pr-md-2 {
		padding-right: 0.5rem !important;
	}

	.pb-md-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-md-2 {
		padding-left: 0.5rem !important;
	}

	.px-md-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.py-md-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.p-md-3 {
		padding: 1rem 1rem !important;
	}

	.pt-md-3 {
		padding-top: 1rem !important;
	}

	.pr-md-3 {
		padding-right: 1rem !important;
	}

	.pb-md-3 {
		padding-bottom: 1rem !important;
	}

	.pl-md-3 {
		padding-left: 1rem !important;
	}

	.px-md-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.py-md-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.p-md-4 {
		padding: 1.5rem 1.5rem !important;
	}

	.pt-md-4 {
		padding-top: 1.5rem !important;
	}

	.pr-md-4 {
		padding-right: 1.5rem !important;
	}

	.pb-md-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-md-4 {
		padding-left: 1.5rem !important;
	}

	.px-md-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.py-md-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.p-md-5 {
		padding: 3rem 3rem !important;
	}

	.pt-md-5 {
		padding-top: 3rem !important;
	}

	.pr-md-5 {
		padding-right: 3rem !important;
	}

	.pb-md-5 {
		padding-bottom: 3rem !important;
	}

	.pl-md-5 {
		padding-left: 3rem !important;
	}

	.px-md-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-md-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.p-md-6 {
		padding: 4.5rem 4.5rem !important;
	}

	.pt-md-6 {
		padding-top: 4.5rem !important;
	}

	.pr-md-6 {
		padding-right: 4.5rem !important;
	}

	.pb-md-6 {
		padding-bottom: 4.5rem !important;
	}

	.pl-md-6 {
		padding-left: 4.5rem !important;
	}

	.px-md-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}

	.py-md-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}

	.m-md-auto {
		margin: auto !important;
	}

	.mt-md-auto {
		margin-top: auto !important;
	}

	.mr-md-auto {
		margin-right: auto !important;
	}

	.mb-md-auto {
		margin-bottom: auto !important;
	}

	.ml-md-auto {
		margin-left: auto !important;
	}

	.mx-md-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-md-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}

@media (min-width: 992px) {
	.m-lg-0 {
		margin: 0 0 !important;
	}

	.mt-lg-0 {
		margin-top: 0 !important;
	}

	.mr-lg-0 {
		margin-right: 0 !important;
	}

	.mb-lg-0 {
		margin-bottom: 0 !important;
	}

	.ml-lg-0 {
		margin-left: 0 !important;
	}

	.mx-lg-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.my-lg-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.m-lg-1 {
		margin: 0.25rem 0.25rem !important;
	}

	.mt-lg-1 {
		margin-top: 0.25rem !important;
	}

	.mr-lg-1 {
		margin-right: 0.25rem !important;
	}

	.mb-lg-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-lg-1 {
		margin-left: 0.25rem !important;
	}

	.mx-lg-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.my-lg-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.m-lg-2 {
		margin: 0.5rem 0.5rem !important;
	}

	.mt-lg-2 {
		margin-top: 0.5rem !important;
	}

	.mr-lg-2 {
		margin-right: 0.5rem !important;
	}

	.mb-lg-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-lg-2 {
		margin-left: 0.5rem !important;
	}

	.mx-lg-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.my-lg-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.m-lg-3 {
		margin: 1rem 1rem !important;
	}

	.mt-lg-3 {
		margin-top: 1rem !important;
	}

	.mr-lg-3 {
		margin-right: 1rem !important;
	}

	.mb-lg-3 {
		margin-bottom: 1rem !important;
	}

	.ml-lg-3 {
		margin-left: 1rem !important;
	}

	.mx-lg-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.my-lg-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.m-lg-4 {
		margin: 1.5rem 1.5rem !important;
	}

	.mt-lg-4 {
		margin-top: 1.5rem !important;
	}

	.mr-lg-4 {
		margin-right: 1.5rem !important;
	}

	.mb-lg-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-lg-4 {
		margin-left: 1.5rem !important;
	}

	.mx-lg-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.my-lg-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.m-lg-5 {
		margin: 3rem 3rem !important;
	}

	.mt-lg-5 {
		margin-top: 3rem !important;
	}

	.mr-lg-5 {
		margin-right: 3rem !important;
	}

	.mb-lg-5 {
		margin-bottom: 3rem !important;
	}

	.ml-lg-5 {
		margin-left: 3rem !important;
	}

	.mx-lg-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.my-lg-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.m-lg-6 {
		margin: 4.5rem 4.5rem !important;
	}

	.mt-lg-6 {
		margin-top: 4.5rem !important;
	}

	.mr-lg-6 {
		margin-right: 4.5rem !important;
	}

	.mb-lg-6 {
		margin-bottom: 4.5rem !important;
	}

	.ml-lg-6 {
		margin-left: 4.5rem !important;
	}

	.mx-lg-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}

	.my-lg-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}

	.p-lg-0 {
		padding: 0 0 !important;
	}

	.pt-lg-0 {
		padding-top: 0 !important;
	}

	.pr-lg-0 {
		padding-right: 0 !important;
	}

	.pb-lg-0 {
		padding-bottom: 0 !important;
	}

	.pl-lg-0 {
		padding-left: 0 !important;
	}

	.px-lg-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.py-lg-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.p-lg-1 {
		padding: 0.25rem 0.25rem !important;
	}

	.pt-lg-1 {
		padding-top: 0.25rem !important;
	}

	.pr-lg-1 {
		padding-right: 0.25rem !important;
	}

	.pb-lg-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-lg-1 {
		padding-left: 0.25rem !important;
	}

	.px-lg-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.py-lg-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.p-lg-2 {
		padding: 0.5rem 0.5rem !important;
	}

	.pt-lg-2 {
		padding-top: 0.5rem !important;
	}

	.pr-lg-2 {
		padding-right: 0.5rem !important;
	}

	.pb-lg-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-lg-2 {
		padding-left: 0.5rem !important;
	}

	.px-lg-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.py-lg-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.p-lg-3 {
		padding: 1rem 1rem !important;
	}

	.pt-lg-3 {
		padding-top: 1rem !important;
	}

	.pr-lg-3 {
		padding-right: 1rem !important;
	}

	.pb-lg-3 {
		padding-bottom: 1rem !important;
	}

	.pl-lg-3 {
		padding-left: 1rem !important;
	}

	.px-lg-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.py-lg-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.p-lg-4 {
		padding: 1.5rem 1.5rem !important;
	}

	.pt-lg-4 {
		padding-top: 1.5rem !important;
	}

	.pr-lg-4 {
		padding-right: 1.5rem !important;
	}

	.pb-lg-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-lg-4 {
		padding-left: 1.5rem !important;
	}

	.px-lg-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.py-lg-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.p-lg-5 {
		padding: 3rem 3rem !important;
	}

	.pt-lg-5 {
		padding-top: 3rem !important;
	}

	.pr-lg-5 {
		padding-right: 3rem !important;
	}

	.pb-lg-5 {
		padding-bottom: 3rem !important;
	}

	.pl-lg-5 {
		padding-left: 3rem !important;
	}

	.px-lg-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-lg-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.p-lg-6 {
		padding: 4.5rem 4.5rem !important;
	}

	.pt-lg-6 {
		padding-top: 4.5rem !important;
	}

	.pr-lg-6 {
		padding-right: 4.5rem !important;
	}

	.pb-lg-6 {
		padding-bottom: 4.5rem !important;
	}

	.pl-lg-6 {
		padding-left: 4.5rem !important;
	}

	.px-lg-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}

	.py-lg-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}

	.m-lg-auto {
		margin: auto !important;
	}

	.mt-lg-auto {
		margin-top: auto !important;
	}

	.mr-lg-auto {
		margin-right: auto !important;
	}

	.mb-lg-auto {
		margin-bottom: auto !important;
	}

	.ml-lg-auto {
		margin-left: auto !important;
	}

	.mx-lg-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-lg-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}

@media (min-width: 1200px) {
	.m-xl-0 {
		margin: 0 0 !important;
	}

	.mt-xl-0 {
		margin-top: 0 !important;
	}

	.mr-xl-0 {
		margin-right: 0 !important;
	}

	.mb-xl-0 {
		margin-bottom: 0 !important;
	}

	.ml-xl-0 {
		margin-left: 0 !important;
	}

	.mx-xl-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.my-xl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.m-xl-1 {
		margin: 0.25rem 0.25rem !important;
	}

	.mt-xl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xl-1 {
		margin-left: 0.25rem !important;
	}

	.mx-xl-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}

	.my-xl-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}

	.m-xl-2 {
		margin: 0.5rem 0.5rem !important;
	}

	.mt-xl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xl-2 {
		margin-left: 0.5rem !important;
	}

	.mx-xl-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}

	.my-xl-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.m-xl-3 {
		margin: 1rem 1rem !important;
	}

	.mt-xl-3 {
		margin-top: 1rem !important;
	}

	.mr-xl-3 {
		margin-right: 1rem !important;
	}

	.mb-xl-3 {
		margin-bottom: 1rem !important;
	}

	.ml-xl-3 {
		margin-left: 1rem !important;
	}

	.mx-xl-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.my-xl-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.m-xl-4 {
		margin: 1.5rem 1.5rem !important;
	}

	.mt-xl-4 {
		margin-top: 1.5rem !important;
	}

	.mr-xl-4 {
		margin-right: 1.5rem !important;
	}

	.mb-xl-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-xl-4 {
		margin-left: 1.5rem !important;
	}

	.mx-xl-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}

	.my-xl-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}

	.m-xl-5 {
		margin: 3rem 3rem !important;
	}

	.mt-xl-5 {
		margin-top: 3rem !important;
	}

	.mr-xl-5 {
		margin-right: 3rem !important;
	}

	.mb-xl-5 {
		margin-bottom: 3rem !important;
	}

	.ml-xl-5 {
		margin-left: 3rem !important;
	}

	.mx-xl-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}

	.my-xl-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}

	.m-xl-6 {
		margin: 4.5rem 4.5rem !important;
	}

	.mt-xl-6 {
		margin-top: 4.5rem !important;
	}

	.mr-xl-6 {
		margin-right: 4.5rem !important;
	}

	.mb-xl-6 {
		margin-bottom: 4.5rem !important;
	}

	.ml-xl-6 {
		margin-left: 4.5rem !important;
	}

	.mx-xl-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}

	.my-xl-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}

	.p-xl-0 {
		padding: 0 0 !important;
	}

	.pt-xl-0 {
		padding-top: 0 !important;
	}

	.pr-xl-0 {
		padding-right: 0 !important;
	}

	.pb-xl-0 {
		padding-bottom: 0 !important;
	}

	.pl-xl-0 {
		padding-left: 0 !important;
	}

	.px-xl-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.py-xl-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.p-xl-1 {
		padding: 0.25rem 0.25rem !important;
	}

	.pt-xl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xl-1 {
		padding-left: 0.25rem !important;
	}

	.px-xl-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.py-xl-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.p-xl-2 {
		padding: 0.5rem 0.5rem !important;
	}

	.pt-xl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xl-2 {
		padding-left: 0.5rem !important;
	}

	.px-xl-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}

	.py-xl-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.p-xl-3 {
		padding: 1rem 1rem !important;
	}

	.pt-xl-3 {
		padding-top: 1rem !important;
	}

	.pr-xl-3 {
		padding-right: 1rem !important;
	}

	.pb-xl-3 {
		padding-bottom: 1rem !important;
	}

	.pl-xl-3 {
		padding-left: 1rem !important;
	}

	.px-xl-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.py-xl-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.p-xl-4 {
		padding: 1.5rem 1.5rem !important;
	}

	.pt-xl-4 {
		padding-top: 1.5rem !important;
	}

	.pr-xl-4 {
		padding-right: 1.5rem !important;
	}

	.pb-xl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-xl-4 {
		padding-left: 1.5rem !important;
	}

	.px-xl-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}

	.py-xl-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.p-xl-5 {
		padding: 3rem 3rem !important;
	}

	.pt-xl-5 {
		padding-top: 3rem !important;
	}

	.pr-xl-5 {
		padding-right: 3rem !important;
	}

	.pb-xl-5 {
		padding-bottom: 3rem !important;
	}

	.pl-xl-5 {
		padding-left: 3rem !important;
	}

	.px-xl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}

	.py-xl-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	.p-xl-6 {
		padding: 4.5rem 4.5rem !important;
	}

	.pt-xl-6 {
		padding-top: 4.5rem !important;
	}

	.pr-xl-6 {
		padding-right: 4.5rem !important;
	}

	.pb-xl-6 {
		padding-bottom: 4.5rem !important;
	}

	.pl-xl-6 {
		padding-left: 4.5rem !important;
	}

	.px-xl-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}

	.py-xl-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}

	.m-xl-auto {
		margin: auto !important;
	}

	.mt-xl-auto {
		margin-top: auto !important;
	}

	.mr-xl-auto {
		margin-right: auto !important;
	}

	.mb-xl-auto {
		margin-bottom: auto !important;
	}

	.ml-xl-auto {
		margin-left: auto !important;
	}

	.mx-xl-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.my-xl-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}

.text-justify {
	text-align: justify !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

@media (min-width: 576px) {
	.text-sm-left {
		text-align: left !important;
	}

	.text-sm-right {
		text-align: right !important;
	}

	.text-sm-center {
		text-align: center !important;
	}
}

@media (min-width: 768px) {
	.text-md-left {
		text-align: left !important;
	}

	.text-md-right {
		text-align: right !important;
	}

	.text-md-center {
		text-align: center !important;
	}
}

@media (min-width: 992px) {
	.text-lg-left {
		text-align: left !important;
	}

	.text-lg-right {
		text-align: right !important;
	}

	.text-lg-center {
		text-align: center !important;
	}
}

@media (min-width: 1200px) {
	.text-xl-left {
		text-align: left !important;
	}

	.text-xl-right {
		text-align: right !important;
	}

	.text-xl-center {
		text-align: center !important;
	}
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.font-weight-normal {
	font-weight: normal;
}

.font-weight-bold {
	font-weight: 700;
}

.font-italic {
	font-style: italic;
}

.text-white {
	color: #fff !important;
}

.text-muted {
	color: #636c72 !important;
}

a.text-muted:focus, a.text-muted:hover {
	color: #4b5257 !important;
}

.text-primary {
	color: var(--default-text-color) !important;
}

a.text-primary:focus, a.text-primary:hover {
	color: #1fa6e5 !important;
}

.text-success {
	color: #2cc185 !important;
}

a.text-success:focus, a.text-success:hover {
	color: #239768 !important;
}

.text-info {
	color: #58C7EF !important;
}

a.text-info:focus, a.text-info:hover {
	color: #29b7eb !important;
}

.text-warning {
	color: #FFDC42 !important;
}

a.text-warning:focus, a.text-warning:hover {
	color: #ffd30f !important;
}

.text-danger {
	color: #F45846 !important;
}

a.text-danger:focus, a.text-danger:hover {
	color: #f12d16 !important;
}

.text-gray-dark {
	color: #323232 !important;
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
	color: #191919 !important;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.invisible {
	visibility: hidden !important;
}

.hidden-xs-up {
	display: none !important;
}

@media (max-width: 575px) {
	.hidden-xs-down {
		display: none !important;
	}
}

@media (min-width: 576px) {
	.hidden-sm-up {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.hidden-sm-down {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.hidden-md-up {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.hidden-md-down {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.hidden-lg-up {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.hidden-lg-down {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.hidden-xl-up {
		display: none !important;
	}
}

.hidden-xl-down {
	display: none !important;
}

.visible-print-block {
	display: none !important;
}

@media print {
	.visible-print-block {
		display: block !important;
	}
}

.visible-print-inline {
	display: none !important;
}

@media print {
	.visible-print-inline {
		display: inline !important;
	}
}

.visible-print-inline-block {
	display: none !important;
}

@media print {
	.visible-print-inline-block {
		display: inline-block !important;
	}
}

@media print {
	.hidden-print {
		display: none !important;
	}
}

/* General styles for the modal */
/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
.modal-open {
	overflow: hidden;
}

.modal-perspective,
.modal-perspective body {
	height: 100%;
	overflow: hidden;
}

	.modal-perspective body {
		background: #222;
		-webkit-perspective: 600px;
		-moz-perspective: 600px;
		perspective: 600px;
	}

.modal-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1050;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.modal-show {
	visibility: visible;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1051;
}

.modal-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1050;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show ~ .modal-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.modal-content {
	position: relative;
	border-radius: 3px;
	margin: 30px auto;
	max-width: 630px;
	min-width: 320px;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

/* Effect 1: Fade in and scale up */
.modal-effect-1 .modal-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect-1 .modal-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.modal-effect-2 .modal-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.modal-show.modal-effect-2 .modal-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.modal-effect-3 .modal-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect-3 .modal-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.modal-effect-4 .modal-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.modal-show.modal-effect-4 ~ .modal-overlay,
.modal-effect-4 .modal-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.modal-show.modal-effect-4 .modal-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.modal-effect-5.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-5 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg);
	-moz-transform: translateZ(600px) rotateX(20deg);
	-ms-transform: translateZ(600px) rotateX(20deg);
	transform: translateZ(600px) rotateX(20deg);
	opacity: 0;
}

.modal-show.modal-effect-5 .modal-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg);
	opacity: 1;
}

/* Effect 6: side fall */
.modal-effect-6.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-6 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg);
	opacity: 0;
}

.modal-show.modal-effect-6 .modal-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.modal-effect-7 {
	top: 0;
}

	.modal-effect-7 .modal-content {
		margin-top: 0;
		-webkit-transform: translateY(-200%);
		-moz-transform: translateY(-200%);
		-ms-transform: translateY(-200%);
		transform: translateY(-200%);
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		opacity: 0;
	}

.modal-show.modal-effect-7 .modal-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.modal-effect-8.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-8 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.modal-show.modal-effect-8 .modal-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.modal-effect-9.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-9 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.modal-show.modal-effect-9 .modal-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.modal-effect-10.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-10 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect-10 .modal-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.modal-effect-11 .modal-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect-11 .modal-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.modal-effect-12 .modal-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect-12 ~ .modal-overlay {
	background: #000;
}

.modal-show.modal-effect-12 .modal-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.modal-effect-13.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-13 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.modal-show.modal-effect-13 .modal-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(89deg);
		opacity: .5;
		-webkit-animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translateZ(0) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes slit {
	50% {
		-moz-transform: translateZ(-250px) rotateY(89deg);
		opacity: .5;
		-moz-animation-timing-function: ease-out;
	}

	100% {
		-moz-transform: translateZ(0) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes slit {
	50% {
		transform: translateZ(-250px) rotateY(89deg);
		opacity: 1;
		animation-timing-function: ease-in;
	}

	100% {
		transform: translateZ(0) rotateY(0deg);
		opacity: 1;
	}
}

/* Effect 14:  3D Rotate from bottom */
.modal-effect-14.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-14 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.modal-show.modal-effect-14 .modal-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.modal-effect-15.modal-container {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.modal-effect-15 .modal-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect-15 .modal-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.modal-show.modal-effect-16 ~ .modal-overlay {
	background: rgba(180, 46, 32, 0.5);
}

.modal-show.modal-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.modal-effect-16 .modal-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.modal-show.modal-effect-16 ~ .container,
.modal-effect-16 .modal-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal-show.modal-effect-16 .modal-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.modal-show.modal-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.modal-show.modal-effect-17 ~ .container,
.modal-show.modal-effect-17 ~ .modal-overlay {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.modal-effect-17 .modal-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.modal-show.modal-effect-17 .modal-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.modal-show.modal-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.modal-show.modal-effect-18 ~ .modal-overlay {
	background: rgba(143, 27, 15, 0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.modal-show.modal-effect-18 ~ .container,
.modal-show.modal-effect-18 ~ .modal-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% {
		-webkit-transform: translateZ(-50px) rotateY(5deg);
		-webkit-animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translateZ(-200px);
	}
}

@-moz-keyframes rotateRightSideFirst {
	50% {
		-moz-transform: translateZ(-50px) rotateY(5deg);
		-moz-animation-timing-function: ease-out;
	}

	100% {
		-moz-transform: translateZ(-200px);
	}
}

@keyframes rotateRightSideFirst {
	50% {
		transform: translateZ(-50px) rotateY(5deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform: translateZ(-200px);
	}
}

.modal-effect-18 .modal-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.modal-show.modal-effect-18 .modal-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

html {
	font-size: 14px;
}

body {
	height: 100%;
}

a {
	outline: none;
}

	a:hover, a:focus {
		text-decoration: none;
		outline: none;
	}

p {
	font-size: 1.077rem;
}

.main-content {
	padding: 1rem 0;
}

@media (max-width: 767px) {
	.main-content {
		padding-top: 25px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.mai-mega-dropdown {
	position: static;
}

.mai-mega-menu.dropdown-menu {
	padding: 15px 0 25px;
	margin-top: 0;
	width: 100%;
	border-width: 0;
	box-shadow: 0 3px 0.3077rem rgba(0, 0, 0, 0.1);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	z-index: 999;
}

@media (max-width: 767px) {
	.mai-nav-tabs-sub .mai-mega-menu.dropdown-menu {
		padding: 0;
		background-color: #c0c0c0;
	}
}

.mai-mega-menu-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px;
}

@media (min-width: 576px) {
	.mai-mega-menu-row {
		margin-right: -20px;
		margin-left: -20px;
	}
}

@media (min-width: 768px) {
	.mai-mega-menu-row {
		margin-right: -20px;
		margin-left: -20px;
	}
}

@media (min-width: 988px) {
	.mai-mega-menu-row {
		margin-right: -20px;
		margin-left: -20px;
	}
}

@media (min-width: 1200px) {
	.mai-mega-menu-row {
		margin-right: -20px;
		margin-left: -20px;
	}
}

@media (max-width: 767px) {
	.mai-mega-menu-row {
		flex-direction: column;
		margin: 0;
		padding: 0;
	}
}

.mai-mega-menu-column {
	padding-top: 7px;
	padding-bottom: 7px;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
	flex: 0 0 25%;
	max-width: 25%;
	border-right: 1px solid #f2f2f2;
}

@media (min-width: 576px) {
	.mai-mega-menu-column {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (min-width: 768px) {
	.mai-mega-menu-column {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (min-width: 988px) {
	.mai-mega-menu-column {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (min-width: 1200px) {
	.mai-mega-menu-column {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 767px) {
	.mai-mega-menu-column {
		max-width: 100%;
		border-right-width: 0;
		padding: 0;
	}
}

.mai-mega-menu-column:first-child {
	padding-left: 40px;
}

@media (max-width: 767px) {
	.mai-mega-menu-column:first-child {
		padding: 0;
	}
}

.mai-mega-menu-column:last-child {
	border-right-width: 0;
}

.mai-mega-menu-section {
	margin: 0 0 15px;
}

@media (max-width: 767px) {
	.mai-mega-menu-section {
		margin: 0;
	}

		.mai-mega-menu-section.open > a {
			color: var(--top-menu-background-color);
		}

		.mai-mega-menu-section.parent > a:after {
			position: absolute;
			content: '\e688';
			font-family: "Stroke 7";
			font-size: 1.9rem;
			vertical-align: middle;
			top: 0;
			right: 15px;
		}
}

.mai-mega-menu-section > a {
	color: var(--top-menu-background-color);
	font-size: 1.231rem;
	font-weight: 400;
}

.navbar .navbar-nav .mai-mega-menu-section > a {
	padding: 10px 0 6px;
}

@media (max-width: 767px) {
	.navbar .navbar-nav .mai-mega-menu-section > a {
		padding: 0 17px 0 56px;
	}
}

@media (max-width: 767px) {
	.mai-mega-menu-section > a {
		position: relative;
		font-size: 1rem;
		line-height: 50.4px;
		color: #a1a1a1;
	}
}

.mai-mega-menu-section > a .icon {
	font-size: 1.385rem;
	line-height: 1.1;
	vertical-align: middle;
	margin-right: 6px;
}

@media (max-width: 767px) {
	.mai-mega-menu-sub-items {
		display: none;
		padding: 0.6rem 0;
	}

	.mai-mega-menu-section.open .mai-mega-menu-sub-items {
		display: block;
	}
}

.mai-mega-menu-sub-items .dropdown-item {
	font-size: 1.077rem;
	color: #616161;
}

.navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item {
	padding: 8px 23px;
}

	.navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item:hover, .navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item.active {
		background-color: transparent;
		color: var(--top-menu-background-color);
	}

	.navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item:focus {
		background-color: transparent;
	}

@media (max-width: 767px) {
	.mai-nav-tabs-sub .dropdown-menu .mai-mega-menu-sub-items .dropdown-item {
		padding: 0.7rem 1.5rem 0.7rem 78px;
		font-size: 1rem;
	}
}

.page-head {
	padding: 20px 0 30px;
}

.page-head-heading {
	justify-content: center;
	display: flex;
	flex-direction: column;
}

	.page-head-heading h1 {
		font-size: 3.07692rem;
		line-height: 1.3;
	}

.page-head-desc {
	border-left: 2px solid #d9d9d9;
	text-align: center;
}

	.page-head-desc h3 {
		font-size: 1.69231rem;
		color: #919191;
		line-height: 1.4;
	}

.mai-sub-header {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	background-color: var(--top-menu-background-color);
	padding: 0 0 70px;
}

@media (max-width: 767px) {
	.mai-sub-header {
		padding-bottom: 0;
		background-color: #3f3f3f;
	}
}

.mai-sub-header:before {
	position: absolute;
	content: '';
	display: block;
	background-color: var(--menu-background-color);
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 70px;
	z-index: 1;
}

@media (max-width: 767px) {
	.mai-sub-header:before {
		display: none;
	}
}

.mai-sub-header > .container {
	padding: 0;
	padding-top: 21px;
	position: relative;
}

@media (max-width: 767px) {
	.mai-sub-header > .container {
		padding: 0;
	}
}

.mai-sub-header .navbar {
	padding: 0;
}

.mai-sub-header .navbar-toggler {
	padding: 14px 0;
	height: auto;
	width: 100%;
	background-color: #42b3e9;
}

	.mai-sub-header .navbar-toggler:focus {
		outline: none;
	}

	.mai-sub-header .navbar-toggler.collapsed {
		background-color: #353535;
	}

		.mai-sub-header .navbar-toggler.collapsed .icon-bar span {
			background-color: #d8d8d8;
		}

	.mai-sub-header .navbar-toggler .icon-bar {
		display: inline-block;
		background-color: transparent;
		height: auto;
		width: auto;
		vertical-align: middle;
	}

		.mai-sub-header .navbar-toggler .icon-bar span {
			display: block;
			width: 24px;
			height: 1px;
			margin-top: 6px;
			background-color: #FFFFFF;
		}

			.mai-sub-header .navbar-toggler .icon-bar span:first-child {
				margin-top: 0;
			}

.mai-sub-header .navbar-nav > .nav-item + .nav-item {
	margin-left: 0;
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link {
	font-size: 1.308rem;
	font-weight: 500;
	line-height: 54px;
	min-width: 120px;
	padding: 0 17px;
	text-align: center;
	border-radius: 3px 3px 0 0;
	color: var(--top-menu-text-color);
	transition: color .12s ease-in-out;
}

@media (min-width: 768px) and (max-width: 988px) {
	.mai-sub-header .navbar-nav > .nav-item > .nav-link {
		font-size: 1.2rem;
		min-width: 90px;
		padding: 0 13px;
	}
}

@media (max-width: 767px) {
	.mai-sub-header .navbar-nav > .nav-item > .nav-link {
		color: #bebebe;
		text-align: left;
		background-color: #3a3a3a;
		font-size: 1.077rem;
	}
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
	font-size: 2.154rem;
	margin-right: 5px;
}

@media (min-width: 768px) and (max-width: 988px) {
	.mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
		font-size: 1.5rem;
	}
}

@media (max-width: 767px) {
	.mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon {
		display: inline-block;
		font-size: 1.615rem;
		margin-right: 10px;
		min-width: 21px;
		text-align: center;
	}
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link > span {
	vertical-align: middle;
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link:hover {
	background-color: transparent;
	color: #e2e2e2;
}

@media (max-width: 767px) {
	.mai-sub-header .navbar-nav > .nav-item > .nav-link:hover {
		background-color: #3a3a3a;
		color: #bebebe;
	}
}

.mai-sub-header .navbar-nav > .nav-item > .nav-link.dropdown-toggle:after {
	display: none;
}

@media (max-width: 767px) {
	.mai-sub-header .navbar-nav > .nav-item.parent > .nav-link:after {
		position: absolute;
		content: "";
		font-family: "Stroke 7";
		font-size: 1.9rem;
		vertical-align: middle;
		right: 15px;
	}

	.mai-sub-header .navbar-nav > .nav-item.parent.open > .nav-link:after {
		content: "";
	}
}

.mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {
	color: var(--default-text-color);
	background-color: var(--menu-background-color);
}

@media (max-width: 767px) {
	.mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {
		background-color: #3a3a3a;
	}
}

.mai-sub-header .search {
	position: absolute;
	top: 48px;
	right: 0;
	margin-top: -21px;
	width: 235px;
	border-bottom: 1px solid #55bbeb;
}

@media (max-width: 1199px) {
	.mai-sub-header .search {
		display: none;
	}
}

.mai-sub-header .search > input {
	border: 1px solid transparent;
	background-color: #42b3e9;
	color: #FFFFFF;
	width: 100%;
	font-size: 1.308rem;
	font-weight: 500;
	padding: 8px 10px;
	outline: none;
	transition: border-color 0.3s ease;
}

	.mai-sub-header .search > input:focus {
		border-color: #32ade7;
	}

.mai-sub-header .search > span {
	position: absolute;
	color: #FFFFFF;
	right: 8px;
	top: 50%;
	font-size: 1.846rem;
	margin-top: -12px;
}

.mai-nav-tabs-sub {
	position: absolute;
	display: none;
	left: 0;
	top: 100%;
	z-index: 999;
	width: 100%;
}

@media (max-width: 767px) {
	.mai-nav-tabs-sub {
		position: relative;
		top: 0;
		background-color: #3f3f3f;
		flex-direction: column;
		padding: 5px 0;
	}
}

.nav-item.open .mai-nav-tabs-sub {
	display: flex;
}

.mai-nav-tabs-sub > .nav-item.mega-menu {
	position: static;
}

.mai-nav-tabs-sub > .nav-item > .nav-link {
	padding: 0 26px;
	line-height: 70px;
}

@media (min-width: 768px) and (max-width: 988px) {
	.mai-nav-tabs-sub > .nav-item > .nav-link {
		padding: 0 14px;
	}
}

@media (max-width: 767px) {
	.mai-nav-tabs-sub > .nav-item > .nav-link {
		padding-left: 34px;
		line-height: 50.4px;
		color: #a2a2a2;
		font-size: 1rem;
	}
}

.mai-nav-tabs-sub > .nav-item > .nav-link .icon {
	margin-right: .4rem;
}

@media (min-width: 768px) and (max-width: 988px) {
	.mai-nav-tabs-sub > .nav-item > .nav-link .icon {
		display: none;
	}
}

.mai-nav-tabs-sub > .nav-item > .nav-link.active {
	color: var(--top-menu-background-color);
}

.mai-nav-tabs-sub > .nav-item.parent > .nav-link {
	padding-right: 34px;
}

.dropdown > .nav-link:after {
	position: absolute;
	content: "\e688";
	font-family: "Stroke 7";
	font-size: 2rem;
	vertical-align: middle;
}

.btn-group > button.dropdown-toggle:after {
	content: "\e688";
	font-family: "Stroke 7";
	font-size: 1.5rem;
	vertical-align: middle;
}

.btn-group.show > button.dropdown-toggle:after {
	content: "\e682";
}

.dropdown.show > a:after {
	content: "\e682";
}

@media (max-width: 767px) {
	.mai-nav-tabs-sub > .nav-item.parent > .nav-link:after {
		right: 15px;
	}
}

.mai-nav-tabs-sub > .nav-item.parent.show > .nav-link {
	color: var(--top-menu-background-color);
}

@media (max-width: 767px) {
	.mai-nav-tabs-sub > .nav-item.parent.show > .nav-link:after {
		content: "";
	}
}

@media (max-width: 767px) {
	.mai-nav-tabs-sub .dropdown.open > .dropdown-menu {
		display: block;
	}
}

.mai-nav-tabs-sub .dropdown-menu {
	min-width: 200px;
	box-shadow: 0 3px 0.3077rem rgba(0, 0, 0, 0.1);
	margin-top: 0;
	padding-top: 0.6rem;
}

	.mai-nav-tabs-sub .dropdown-menu .dropdown-item {
		color: #616161;
	}

		.mai-nav-tabs-sub .dropdown-menu .dropdown-item.active {
			color: var(--top-menu-background-color);
		}

@media (max-width: 767px) {
	.mai-nav-tabs-sub .dropdown-menu {
		background-color: #424242;
		box-shadow: none;
		padding-bottom: 0.6rem;
	}

		.mai-nav-tabs-sub .dropdown-menu .dropdown-item {
			padding-left: 56px;
			color: #a2a2a2;
		}

			.mai-nav-tabs-sub .dropdown-menu .dropdown-item:hover {
				background-color: inherit;
			}
}

.mai-splash-screen .main-content {
	max-width: 100%;
	width: 100%;
}

.splash-container {
	padding-top: 55px;
	width: 800px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.splash-container {
		padding-top: 25px;
		width: 800px;
	}
}

@media (max-width: 575px) {
	.splash-container {
		width: 100%;
		padding: 0 20px;
		background-color: #363636;
	}
}

.splash-container .user-message {
	display: flex;
	flex-direction: column;
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
	padding: 155px 30px 40px;
}

@media (max-width: 575px) {
	.splash-container .user-message {
		display: none;
	}
}

.splash-container .splash-message {
	flex: 1 1 auto;
	font-size: 2rem;
	line-height: 1.3;
}

.splash-container .alternative-message {
	color: aqua;
}

	.splash-container .alternative-message a {
		color: #FFFFFF;
		opacity: .8;
	}

		.splash-container .alternative-message a:hover {
			opacity: 1;
		}

.splash-container .form-message {
	display: flex;
	flex-direction: column;
	padding: 60px 30px 40px;
	background-color: #363636;
	color: #d4d4d4;
}

	.splash-container .form-message .out-links a {
		text-align: center;
		display: block;
		margin-top: 3rem;
		color: #ababab;
	}

		.splash-container .form-message .out-links a:hover {
			color: #FFFFFF;
		}

.splash-container .logo-img {
	margin: 0 auto;
	display: block;
}

.splash-container .splash-description {
	color: #FFFFFF;
	font-size: 1.53846rem;
	display: block;
	margin: 0 auto;
}

.splash-container .form-group {
	margin: 0;
}

.splash-container .input-group .input-group-addon {
	border: 0;
	background-color: transparent;
}

	.splash-container .input-group .input-group-addon .icon {
		font-size: 20px;
		color: var(--top-menu-background-color);
	}

.splash-container .input-group .form-control {
	border: 0;
	background-color: transparent;
	box-shadow: none;
	color: #989898;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	height: 36px;
}

.mai-top-header {
	border: 0;
	margin-bottom: 0;
	background-color: #FFF;
	padding: 0;
}

@media (max-width: 767px) {
	.mai-top-header {
		background-color: var(--top-menu-background-color);
	}
}

.mai-top-header > .container {
	padding: 0;
	display: flex;
}

@media (max-width: 575px) {
	.mai-top-header > .container {
		justify-content: space-between;
	}
}

.mai-top-header .dropdown-toggle:after {
	display: none;
}

.mai-top-header .dropdown-menu {
	margin-top: 0;
}

.mai-top-header .navbar-brand {
}

.navbar-brand img {
	object-fit: contain;
	width: 150px;
	height: 100%;
}

@media (max-width: 988px) {
	.mai-top-header .navbar-brand {
		flex: 1 1 100%;
	}
}

@media (max-width: 767px) {
	.mai-top-header .navbar-brand {
		display: none;
	}
}

@media (max-width: 575px) {
	.mai-top-header .navbar-brand {
		display: none;
	}
}

.mai-top-header .navbar-nav {
	flex-direction: row;
}

.mai-top-header .mai-top-nav {
	flex: 1 1;
}

@media (max-width: 767px) {
	.mai-top-header .mai-top-nav {
		display: none;
	}
}

@media (max-width: 575px) {
	.mai-top-header .mai-top-nav {
		display: none;
	}
}

@media (max-width: 988px) {
	.mai-top-header .mai-top-nav {
		display: none;
	}
}

.mai-top-header .mai-top-nav .nav-link {
	padding-left: 18px;
	padding-right: 18px;
}

.mai-top-header .navbar-collapse {
	padding-right: 45px;
}

.mai-top-header .mai-icons-nav {
	margin-right: 10px;
	flex: 0 0 auto;
}

@media (max-width: 767px) {
	.mai-top-header .mai-icons-nav {
		order: 2;
	}
}

@media (max-width: 767px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown {
		position: static;
	}
}

@media (max-width: 575px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown {
		position: static;
	}
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link {
	/*padding: 0 9px;*/
	position: relative;
}

.mai-top-header .mai-icons-nav > .nav-item > .nav-link .icon {
	font-size: 25px;
	vertical-align: middle;
	color: #707070;
}

@media (max-width: 767px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .icon {
		color: #FFFFFF;
	}
}

@media (max-width: 575px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .icon {
		color: #FFFFFF;
	}
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {
	background: var(--top-menu-background-color);
	border-radius: 50%;
	display: block;
	height: 6px;
	width: 6px;
	position: absolute;
	top: 19px;
	right: 7px;
}

@media (max-width: 767px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {
		background-color: #FFFFFF;
	}
}

@media (max-width: 575px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {
		background-color: #FFFFFF;
	}
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link:hover .icon {
	color: #7f7f7f;
}

@media (max-width: 767px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link:hover .icon {
		color: #FFFFFF;
	}
}

@media (max-width: 575px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link:hover .icon {
		color: #FFFFFF;
	}
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a {
	background-color: transparent;
}

	.mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a .icon, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a .icon {
		color: #3fb3e8;
	}

@media (max-width: 767px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a .icon, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a .icon {
		color: #FFFFFF;
	}
}

@media (max-width: 575px) {
	.mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a .icon, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a .icon {
		color: #FFFFFF;
	}
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown.show > a:after, .mai-top-header .mai-icons-nav > .nav-item.dropdown.show:hover > a:after {
	position: absolute;
	content: "";
	display: inline-block;
	border-bottom: 10px solid #3b3b3b;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 0;
	right: 50%;
	bottom: -1px;
	margin-right: -10px;
}

.mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu {
	width: 330px;
	border-radius: 5px;
	left: auto;
	margin-right: -165px;
	right: 50%;
	padding: 0;
}

@media (max-width: 767px) {
	.mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu {
		right: 0;
		margin-right: 0;
	}
}

@media (max-width: 575px) {
	.mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu {
		width: 100%;
		left: 0;
	}
}

.mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu .title, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu .title, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu .title {
	font-size: 1.154rem;
	color: #949494;
	background-color: #3b3b3b;
	text-align: center;
	padding: 14px 0 14px;
}

.mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu .footer a, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu .footer a, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu .footer a {
	font-size: 1rem;
	color: #949494;
	background-color: #3b3b3b;
	text-align: center;
	padding: 10px 0 10px;
	display: block;
}

	.mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu .footer a:hover, .mai-top-header .mai-icons-nav .mai-notifications > .dropdown-menu .footer a:hover, .mai-top-header .mai-icons-nav .mai-settings > .dropdown-menu .footer a:hover {
		background-color: #383838;
		color: #b2b2b2;
	}

.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller {
	position: relative;
	height: 252px;
}

	.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul {
		list-style: none;
		padding-left: 0;
	}

		.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li {
			overflow: hidden;
			border-bottom: 1px solid #414141;
			background-color: #3d3d3d;
		}

			.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a {
				padding: 15px;
				display: block;
				overflow: hidden;
			}

				.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .icon, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .img, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .icon, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .img {
					margin-top: 3px;
					height: 36px;
					width: 36px;
					border-radius: 50%;
					background-color: #2e2e2e;
					float: left;
					text-align: center;
				}

					.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .img > span {
						font-size: 1.846rem;
						color: var(--top-menu-background-color);
						line-height: 34px;
					}

				.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .content, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .content {
					padding-left: 50px;
					line-height: 14px;
				}

					.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .content .desc, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .content .desc {
						color: #cbcbcb;
						font-size: 1rem;
						line-height: 17px;
					}

						.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .content .desc strong, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .content .desc strong {
							font-weight: 600;
						}

					.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li > a .content .date, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .content .date {
						color: #8a8a8a;
						display: block;
						font-size: 0.9231rem;
						font-style: italic;
						margin-top: 5px;
					}

			.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li:hover, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:hover {
				background-color: #44b4e9;
			}

				.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li:hover > a, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:hover > a {
					color: #FFFFFF;
				}

					.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li:hover > a .icon, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:hover > a .icon {
						background-color: #32ade7;
					}

						.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li:hover > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:hover > a .icon > span {
							color: #FFFFFF;
						}

					.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li:hover > a .content .desc, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:hover > a .content .desc {
						color: #FFFFFF;
					}

					.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li:hover > a .content .date, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:hover > a .content .date {
						color: #1890c9;
					}

			.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller > .content > ul > li:last-child, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:last-child {
				border-bottom: 0;
			}

			.mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .img {
				width: 36px;
				height: 36px;
				background-color: transparent;
				border-radius: 2px;
				overflow: hidden;
				margin-top: 1px;
			}

				.mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a .img > img {
					max-width: 100%;
				}

			.mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a > .content .date {
				float: right;
				margin-top: 1px;
			}

			.mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a > .content .name {
				font-size: 1.077rem;
				font-weight: 500;
				color: #cbcbcb;
				display: block;
				margin-bottom: 5px;
			}

			.mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li > a > .content .desc {
				color: #9e9e9e;
			}

			.mai-top-header .mai-icons-nav .mai-messages .mai-scroller > .content > ul > li:hover > a .content .name {
				color: #FFFFFF;
			}

.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul {
	padding: 0;
}

	.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li {
		display: block;
		overflow: hidden;
		list-style: none;
		padding: 15px 20px;
		line-height: 34px;
		border-bottom: 1px solid #424242;
		vertical-align: middle;
		background-color: #3d3d3d;
	}

		.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li > span {
			color: #cbcbcb;
			font-weight: 500;
			font-size: 1.154rem;
		}

		.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li .switch-button {
			vertical-align: middle;
			background-color: #323232;
		}

			.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li .switch-button label:before {
				color: #cbcbcb;
			}

			.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li .switch-button input[type="checkbox"]:checked + span label:before {
				color: #FFFFFF;
			}

		.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li:hover {
			background-color: #404040;
		}

		.mai-top-header .mai-icons-nav .mai-settings .dropdown-menu .content ul li:last-child {
			border-bottom: 0;
		}

.mai-top-header .navbar-nav > .nav-item + .nav-item {
	margin-left: 0;
}

.mai-top-header .navbar-nav > .nav-item > .nav-link {
	line-height: 62px;
	font-size: 1.077rem;
	outline: none;
}

@media (max-width: 767px) {
	.mai-top-header .navbar-nav > .nav-item > .nav-link {
		line-height: 74px;
	}
}

.mai-top-header .navbar-nav > .nav-item.dropdown > a .angle-down {
	position: relative;
	font-size: 2.077rem;
	vertical-align: middle;
	width: 27px;
	display: inline-block;
	line-height: inherit;
}

.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu {
	border: 0;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 3px 0.3077rem rgba(0, 0, 0, 0.1);
	min-width: 184px;
}

	.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item {
		font-size: 1rem;
		color: var(--default-text-color);
		padding: 9px 20px;
		min-width: 175px;
	}

		.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item:hover {
			background-color: #f7f7f9;
		}

		.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item:focus {
			background-color: transparent;
		}

.mai-user-nav {
	flex: 0 0 auto;
}

@media (max-width: 767px) {
	.mai-user-nav {
		flex: 1 1 100%;
		order: 1;
	}
}

@media (max-width: 575px) {
	.mai-user-nav {
		flex: 0 1 auto;
		overflow: hidden;
	}
}

@media (max-width: 575px) {
	.mai-user-nav > .nav-item.dropdown {
		width: 100%;
	}
}

/*.mai-user-nav > .nav-item.dropdown.show > a .angle-down:after, .mai-user-nav > .nav-item.dropdown.show:hover > a .angle-down:after {
    position: absolute;
    content: "";
    display: inline-block;
    border-bottom: 10px solid #323232;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0;
    right: 50%;
    bottom: 0;
    margin-right: -10px;
}*/

.mai-user-nav > .nav-item.dropdown > .nav-link {
	color: var(--default-text-color);
	padding-right: 0;
	white-space: nowrap;
	font-size: 1.231rem;
}

@media (max-width: 767px) {
	.mai-user-nav > .nav-item.dropdown > .nav-link {
		display: flex;
		align-items: center;
	}
}

@media (max-width: 575px) {
	.mai-user-nav > .nav-item.dropdown > .nav-link {
		display: flex;
		align-items: center;
	}
}

.mai-user-nav > .nav-item.dropdown > .nav-link img {
	max-width: 30px;
	max-height: 30px;
	border-radius: 3px;
}

@media (max-width: 767px) {
	.mai-user-nav > .nav-item.dropdown > .nav-link img {
		flex: 0 0 auto;
	}
}

@media (max-width: 575px) {
	.mai-user-nav > .nav-item.dropdown > .nav-link img {
		flex: 0 0 auto;
	}
}

.mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
	margin-left: 10px;
}

@media (max-width: 575px) {
	.mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
		flex: 1 1 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 767px) {
	.mai-user-nav > .nav-item.dropdown > .nav-link .user-name {
		flex: 1 1 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 575px) {
	.mai-user-nav > .nav-item.dropdown .dropdown-menu {
		position: fixed;
		top: 74px;
	}
}

.mai-user-nav > .nav-item.dropdown .dropdown-menu .dropdown-item .icon {
	font-size: 1.538rem;
	vertical-align: middle;
}

.mai-user-nav > .nav-item.dropdown .dropdown-menu:after {
	left: auto;
	right: 20px;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: rgba(255, 255, 255, 0.4);
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(255, 255, 255, 0.4);
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: rgba(255, 255, 255, 0.4);
}

.switch-button {
	display: inline-block;
	line-height: 16px;
	border-radius: 50px;
	background-color: #cccccc;
	width: 57px;
	height: 27px;
	padding: 2px;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}

	.switch-button input[type="checkbox"] {
		display: none;
	}

	.switch-button label {
		border-radius: 50%;
		border: 1px solid transparent;
		background-color: #FFFFFF;
		margin: 0;
		height: 22px;
		width: 22px;
		display: inline-block;
		cursor: pointer;
		background-clip: padding-box;
	}

		.switch-button label:before {
			position: absolute;
			font-size: 11px;
			z-index: 0;
			content: "OFF";
			right: 0;
			display: block;
			width: 100%;
			height: 100%;
			line-height: 27px;
			top: 0;
			text-align: right;
			padding-right: 8px;
			color: #FFFFFF;
		}

	.switch-button input[type="checkbox"]:checked + span {
		background-color: var(--top-menu-background-color);
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 2px;
	}

		.switch-button input[type="checkbox"]:checked + span label {
			float: right;
		}

			.switch-button input[type="checkbox"]:checked + span label:before {
				position: absolute;
				z-index: 0;
				content: "ON";
				color: var(--top-menu-text-color);
				left: 0;
				text-align: left;
				padding-left: 8px;
			}

	.switch-button.switch-button-yesno label:before {
		content: "NO";
	}

	.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
		content: "YES";
	}

	.switch-button.switch-button-xs {
		height: 20px;
		width: 53px;
		line-height: 16px;
		width: 50px;
	}

		.switch-button.switch-button-xs label {
			height: 16px;
			width: 16px;
		}

			.switch-button.switch-button-xs label:before {
				line-height: 20px;
			}

	.switch-button.switch-button-sm {
		height: 24px;
		width: 57px;
		line-height: 20px;
	}

		.switch-button.switch-button-sm label {
			height: 20px;
			width: 20px;
		}

			.switch-button.switch-button-sm label:before {
				line-height: 24px;
			}

	.switch-button.switch-button-lg {
		height: 30px;
		width: 63px;
		line-height: 26px;
		width: 65px;
	}

		.switch-button.switch-button-lg label {
			height: 26px;
			width: 26px;
		}

			.switch-button.switch-button-lg label:before {
				line-height: 30px;
			}

	.switch-button.switch-button-info {
		background-color: #cccccc;
	}

		.switch-button.switch-button-info input[type="checkbox"]:checked + span {
			background-color: #58C7EF;
		}

	.switch-button.switch-button-warning {
		background-color: #cccccc;
	}

		.switch-button.switch-button-warning input[type="checkbox"]:checked + span {
			background-color: #FFDC42;
		}

	.switch-button.switch-button-danger {
		background-color: #cccccc;
	}

		.switch-button.switch-button-danger input[type="checkbox"]:checked + span {
			background-color: #F45846;
		}

/*------------------------------------------------------------------
  [Color swatch]
*/
.color-swatch {
	margin-top: 20px;
	display: inline-block;
	min-width: 230px;
	overflow: hidden;
}

	.color-swatch .state-names {
		margin: 0;
		border: 1px solid #eceeef;
	}

		.color-swatch .state-names > div {
			text-align: center;
			background-color: #FFFFFF;
			line-height: 27px;
			color: #676767;
		}

	.color-swatch .colors {
		margin: 0;
	}

		.color-swatch .colors .state {
			min-height: 35px;
		}

		.color-swatch .colors .normal-state {
			background-color: #878787;
		}

		.color-swatch .colors .hover-state {
			background-color: #919191;
		}

	.color-swatch .color-description {
		padding: 0 .6154rem;
		border: 1px solid #eceeef;
		line-height: 27px;
		color: #676767;
	}

.color-swatch-primary .state-names {
	border-color: var(--top-menu-background-color);
}

.color-swatch-primary .colors .normal-state {
	background-color: var(--top-menu-background-color);
}

.color-swatch-primary .colors .hover-state {
	background-color: #5fbfec;
}

.color-swatch-info .state-names {
	border-color: #58C7EF;
}

.color-swatch-info .colors .normal-state {
	background-color: #58C7EF;
}

.color-swatch-info .colors .hover-state {
	background-color: #6bcdf1;
}

.color-swatch-warning .state-names {
	border-color: #FFDC42;
}

.color-swatch-warning .colors .normal-state {
	background-color: #FFDC42;
}

.color-swatch-warning .colors .hover-state {
	background-color: #ffe056;
}

.color-swatch-danger .state-names {
	border-color: #F45846;
}

.color-swatch-danger .colors .normal-state {
	background-color: #F45846;
}

.color-swatch-danger .colors .hover-state {
	background-color: #f56959;
}

.color-swatch-dark .state-names {
	border-color: #323232;
}

.color-swatch-dark .colors .normal-state {
	background-color: #323232;
}

.color-swatch-dark .colors .hover-state {
	background-color: #3c3c3c;
}

/*------------------------------------------------------------------
  [Colors]
*/
.clr-primary {
	background-color: var(--top-menu-background-color);
}

.clr-success {
	background-color: #2cc185;
}

.clr-info {
	background-color: #58C7EF;
}

.clr-warning {
	background-color: #FFDC42;
}

.clr-danger {
	background-color: #F45846;
}

.clr-grey {
	background-color: #e5e5e5;
}

.clr-dark {
	background-color: var(--default-text-color);
}

.clr-light {
	background-color: #FFFFFF;
}

.clr-black {
	background-color: #000000;
}

/*------------------------------------------------------------------
  [Grid]
*/
.bs-grid-block {
	border: 2px dashed #cbcbcb;
	font-size: 1.5rem;
	color: #747474;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 3rem;
}

	.bs-grid-block .content {
		display: table-cell;
		height: 177px;
		text-align: center;
		vertical-align: middle;
	}

		.bs-grid-block .content .size {
			display: block;
		}

		.bs-grid-block .content .device:before {
			font-size: 1.154rem;
			content: 'Large Desktop';
			color: var(--top-menu-background-color);
		}

@media (max-width: 1199px) {
	.bs-grid-block .content .device:before {
		content: 'Desktop';
		color: var(--top-menu-background-color);
	}
}

@media (max-width: 988px) {
	.bs-grid-block .content .device:before {
		content: 'Laptop';
		color: var(--top-menu-background-color);
	}
}

@media (max-width: 767px) {
	.bs-grid-block .content .device:before {
		content: 'Tablet';
		color: #2cc185;
	}
}

@media (max-width: 575px) {
	.bs-grid-block .content .device:before {
		content: 'Phone';
		color: #2cc185;
	}
}

/*------------------------------------------------------------------
  [Icons]
*/
.icon-container {
	background-color: #FFFFFF;
	padding: 20px;
	cursor: default;
	text-align: center;
}

	.icon-container:hover .icon span {
		color: var(--top-menu-background-color);
	}

	.icon-container:hover .icon-class {
		color: var(--top-menu-background-color);
	}

	.icon-container .icon {
		display: block;
		height: 60px;
		width: 60px;
		margin: 0 auto;
		padding: 12px;
		text-align: center;
		vertical-align: middle;
	}

		.icon-container .icon span {
			transition: color 300ms ease-in-out;
			font-size: 2.769rem;
		}

	.icon-container .icon-class {
		transition: color 300ms ease-in-out;
		font-size: 1.385rem;
		vertical-align: middle;
		color: #5d5d5d;
	}

/*------------------------------------------------------------------
  [Panels]
*/
.panel {
	background-color: #FFFFFF;
	margin-bottom: 29px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	border-radius: 1px;
}

.panel-body {
	padding: 14px 20px 14px;
}

.panel-heading {
	font-size: 1.385rem;
	font-weight: 600;
	color: #3d3d3d;
	padding: 24px 0 14px;
	margin: 0 20px;
}

	.panel-heading .tools {
		float: right;
	}


.panel-title {
	font-size: 1.385rem;
	font-weight: 400;
	display: block;
	margin: 0;
}

.panel-subtitle {
	display: block;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 4px;
	color: #878787;
}

.panel-heading-divider {
	border-bottom: 1px solid #e6e6e6;
	padding-left: 0;
	padding-right: 0;
}

.panel-border {
	box-shadow: none;
	border: 1px solid #e6e6e6;
}

.panel-transparent {
	background-color: transparent;
	box-shadow: none;
}

.panel-border-color {
	border-top: 4px solid #c9c9c9;
	border-radius: 0 0 1px 1px;
}

.panel-border-color-primary {
	border-top-color: var(--top-menu-background-color);
}

.panel-border-color-danger {
	border-top-color: #F45846;
}

.panel-border-color-warning {
	border-top-color: #FFDC42;
}

.panel-border-color-info {
	border-top-color: #58C7EF;
}

.panel-border-color-success {
	border-top-color: #2cc185;
}

.panel-border-color-dark {
	border-top-color: var(--default-text-color);
}

.panel-heading-full-width {
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.panel-body-contrast {
	background-color: #e6e6e6;
	border-radius: 0 0 1px 1px;
}

.panel-heading-color {
	margin: 0;
	padding: 22px 20px 21px;
	border-radius: 1px 1px 0 0;
}

	.panel-heading-color .panel-subtitle {
		margin-bottom: 0;
	}

.panel-heading-color-contrast {
	background-color: #e5e5e5;
}

.panel-heading-color-primary {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
}

	.panel-heading-color-primary .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-heading-color-primary .tools .icon {
		color: #FFFFFF;
	}

		.panel-heading-color-primary .tools .icon:hover {
			color: #32ade7;
		}

.pe-button-icon {
	font-size: 1.5em !important;
}

.panel-heading-color-success {
	background-color: #2cc185;
	color: #FFFFFF;
}

	.panel-heading-color-success .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-heading-color-success .tools .icon {
		color: #FFFFFF;
	}

		.panel-heading-color-success .tools .icon:hover {
			color: #26a874;
		}

.panel-heading-color-info {
	background-color: #58C7EF;
	color: #FFFFFF;
}

	.panel-heading-color-info .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-heading-color-info .tools .icon {
		color: #FFFFFF;
	}

		.panel-heading-color-info .tools .icon:hover {
			color: #3cbeec;
		}

.panel-heading-color-danger {
	background-color: #F45846;
	color: #FFFFFF;
}

	.panel-heading-color-danger .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-heading-color-danger .tools .icon {
		color: #FFFFFF;
	}

		.panel-heading-color-danger .tools .icon:hover {
			color: #f23e29;
		}

.panel-heading-color-warning {
	background-color: #FFDC42;
	color: #FFFFFF;
}

	.panel-heading-color-warning .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-heading-color-warning .tools .icon {
		color: #FFFFFF;
	}

		.panel-heading-color-warning .tools .icon:hover {
			color: #ffd623;
		}

.panel-heading-color-dark {
	background-color: var(--default-text-color);
	color: #FFFFFF;
}

	.panel-heading-color-dark .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-heading-color-dark .tools .icon {
		color: #FFFFFF;
	}

		.panel-heading-color-dark .tools .icon:hover {
			color: #454545;
		}

.panel-full-color .panel-heading {
	border-radius: 1px 1px 0 0;
}

.panel-full-color .panel-heading-divider {
	border-color: rgba(0, 0, 0, 0.07);
}

.panel-full-color .panel-body {
	border-radius: 0 0 1px 1px;
}

.panel-full-color-primary {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
}

	.panel-full-color-primary .panel-heading {
		color: #FFFFFF;
	}

	.panel-full-color-primary .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-full-color-primary .tools .icon {
		color: #FFFFFF;
	}

		.panel-full-color-primary .tools .icon:hover {
			color: #32ade7;
		}

.panel-full-color-success {
	background-color: #2cc185;
	color: #FFFFFF;
}

	.panel-full-color-success .panel-heading {
		color: #FFFFFF;
	}

	.panel-full-color-success .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-full-color-success .tools .icon {
		color: #FFFFFF;
	}

		.panel-full-color-success .tools .icon:hover {
			color: #26a874;
		}

.panel-full-color-warning {
	background-color: #FFDC42;
	color: #FFFFFF;
}

	.panel-full-color-warning .panel-heading {
		color: #FFFFFF;
	}

	.panel-full-color-warning .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-full-color-warning .tools .icon {
		color: #FFFFFF;
	}

		.panel-full-color-warning .tools .icon:hover {
			color: #ffd623;
		}

.panel-full-color-danger {
	background-color: #F45846;
	color: #FFFFFF;
}

	.panel-full-color-danger .panel-heading {
		color: #FFFFFF;
	}

	.panel-full-color-danger .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-full-color-danger .tools .icon {
		color: #FFFFFF;
	}

		.panel-full-color-danger .tools .icon:hover {
			color: #f23e29;
		}

.panel-full-color-dark {
	background-color: var(--default-text-color);
	color: #FFFFFF;
}

	.panel-full-color-dark .panel-heading {
		color: #FFFFFF;
	}

	.panel-full-color-dark .panel-subtitle {
		color: #FFFFFF;
	}

	.panel-full-color-dark .tools .icon {
		color: #FFFFFF;
	}

		.panel-full-color-dark .tools .icon:hover {
			color: #454545;
		}

.panel-full-color-grey {
	background-color: #e5e5e5;
}

.panel-table .panel-body {
	padding: 0;
}

.panel-divider {
	margin: 2rem 0;
	border-top: 1px solid #f2f2f2;
}

/*------------------------------------------------------------------
  [Pricing tables]
*/
.pricing-tables {
	margin: 30px 0 20px;
}

	.pricing-tables > div {
		padding-left: 10px;
		padding-right: 10px;
	}

.pricing-table {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	padding: 35px 20px;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0 0 20px;
}

.pricing-table-title {
	font-size: 1.69231rem;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 2.30769rem;
	color: var(--top-menu-background-color);
}

.pricing-table-price {
	color: #525252;
	padding-bottom: 0.615385rem;
}

	.pricing-table-price .currency {
		font-size: 33px;
		display: inline-block;
		margin-top: 4px;
		vertical-align: top;
	}

	.pricing-table-price .value {
		font-size: 60px;
		line-height: 1;
		letter-spacing: -3px;
	}

.pricing-table-frecuency {
	color: #858585;
	padding-bottom: 5px;
	font-size: 1.38462rem;
}

.pricing-table-features {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

	.pricing-table-features > li {
		font-size: 14px;
		line-height: 25px;
		line-height: 33px;
	}

		.pricing-table-features > li b {
			font-weight: 600;
		}

.pricing-table .btn {
	min-width: 120px;
	margin-bottom: 10px;
}

.pricing-table .panel-divider {
	border-color: #d9d9d9;
}

.pricing-table-dark {
	background-color: #323232;
}

	.pricing-table-dark .pricing-table-price {
		color: #FFFFFF;
	}

	.pricing-table-dark .panel-divider {
		border-color: #424242;
	}

	.pricing-table-dark .pricing-table-features {
		color: #FFFFFF;
	}

		.pricing-table-dark .pricing-table-features b {
			color: var(--top-menu-background-color);
		}

.pricing-table-primary {
	background-color: var(--top-menu-background-color);
}

	.pricing-table-primary .pricing-table-title {
		color: #308eba;
	}

	.pricing-table-primary .pricing-table-price {
		color: #FFFFFF;
	}

	.pricing-table-primary .pricing-table-frecuency {
		color: #308eba;
	}

	.pricing-table-primary .panel-divider {
		border-color: rgba(0, 0, 0, 0.08);
	}

	.pricing-table-primary .pricing-table-features {
		color: #FFFFFF;
	}

/*------------------------------------------------------------------
  [Tile widgets]
*/
.widget.widget-tile {
	padding: 24px 20px;
	margin-bottom: 29px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

	.widget.widget-tile .data-info {
		display: table-cell;
		text-align: right;
	}

		.widget.widget-tile .data-info .value {
			font-size: 1.69231rem;
		}

		.widget.widget-tile .data-info .indicator {
			font-size: 1.92308rem;
			margin-right: 7px;
			line-height: 24px;
			vertical-align: middle;
		}

		.widget.widget-tile .data-info .indicator-equal {
			color: #58C7EF;
		}

		.widget.widget-tile .data-info .indicator-positive {
			color: #2cc185;
		}

		.widget.widget-tile .data-info .indicator-negative {
			color: #F45846;
		}

		.widget.widget-tile .data-info .desc {
			font-size: 1.077rem;
			line-height: 1;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	.widget.widget-tile .chart {
		width: 85px;
		min-height: 45px;
		padding: 5px 0;
		display: table-cell;
		vertical-align: middle;
	}

.widget-tile-wide {
	display: table;
	padding: 24px 30px;
	width: 100%;
}

	.widget-tile-wide > div {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
	}

	.widget-tile-wide .icon {
		display: table-cell;
		font-size: 3.46154rem;
		color: var(--top-menu-background-color);
		line-height: 1;
		vertical-align: middle;
		margin-right: 5px;
	}

	.widget-tile-wide .data-info {
		display: table-cell;
		vertical-align: middle;
		padding-left: 1rem;
	}

		.widget-tile-wide .data-info .title {
			font-size: 1.84615rem;
		}

		.widget-tile-wide .data-info .desc {
			color: gray;
			font-size: 0.923077rem;
		}

	.widget-tile-wide .tile-value {
		text-align: right;
	}

		.widget-tile-wide .tile-value > span {
			display: block;
			padding-right: 10px;
			font-size: 2.76923rem;
		}

/*------------------------------------------------------------------
  [Timeline]
*/
.timeline {
	margin: 0 auto 40px;
	padding: 0;
	padding-bottom: 20px;
	max-width: 840px;
	position: relative;
}

@media (max-width: 575px) {
	.timeline {
		padding: 0;
	}
}

.timeline:before {
	content: '';
	position: absolute;
	top: 40px;
	bottom: 0;
	width: 2px;
	background: #dbdbdb;
	left: 110px;
	margin-left: -1px;
}

@media (max-width: 575px) {
	.timeline:before {
		left: 50%;
		margin-left: -1px;
		top: -35px;
	}
}

.timeline-item {
	position: relative;
	padding-left: 150px;
	list-style: none;
	margin-bottom: 30px;
}

@media (max-width: 575px) {
	.timeline-item {
		padding-left: 0;
		margin-top: 60px;
		margin-bottom: 0;
	}
}

.timeline-item:before {
	content: '';
	position: absolute;
	top: 34.5px;
	left: 102px;
	border: 2px solid var(--top-menu-background-color);
	width: 16px;
	height: 16px;
	background-color: #ededed;
	border-radius: 50px;
}

@media (max-width: 575px) {
	.timeline-item:before {
		display: none;
	}
}

.timeline-variant .timeline-item {
	padding-left: 0;
	margin: 30px 0 0;
}

@media (max-width: 575px) {
	.timeline-variant .timeline-item {
		margin-top: 60px;
	}
}

.timeline-variant .timeline-item.right {
	right: 0;
	padding-left: calc(50% + 45px);
}

@media (max-width: 575px) {
	.timeline-variant .timeline-item.right {
		padding: 0;
	}
}

.timeline-variant .timeline-item.left {
	left: 0;
	padding-right: calc(50% + 45px);
}

@media (max-width: 575px) {
	.timeline-variant .timeline-item.left {
		padding: 0;
	}
}

.timeline-variant .timeline-item.left .timeline-content:after {
	right: -5px;
	left: inherit;
}

.timeline-variant .timeline-item.left .timeline-content:before {
	right: -5px;
	left: inherit;
}

.timeline-variant .timeline-item.left .timeline-icon {
	left: initial;
	right: -67px;
}

@media (max-width: 575px) {
	.timeline-variant .timeline-item.left .timeline-icon {
		left: 50%;
		margin-left: -18px;
		top: -48px;
	}
}

.timeline-variant .timeline-item:before {
	display: none;
}

.timeline-date {
	position: absolute;
	display: block;
	left: 0;
	top: 27px;
	width: 85px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 575px) {
	.timeline-date {
		width: 100%;
		left: 0;
		top: -40px;
		text-align: center;
	}

		.timeline-date span {
			background-color: #e0e0e0;
			padding: 5px 8px;
			border-radius: 4px;
			line-height: 25px;
		}
}

.timeline-content {
	position: relative;
	background-color: #FFFFFF;
	padding: 25px 30px 25px 28px;
	border-radius: 3px;
	min-height: 85px;
}

.timeline-item-gallery .timeline-content {
	padding-bottom: 15px;
}

@media (max-width: 575px) {
	.timeline-content {
		padding: 15px 18px;
	}
}

.timeline-content:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #fff;
	transform: rotate(45deg);
	top: 37.5px;
	left: -5px;
}

@media (max-width: 575px) {
	.timeline-content:before {
		display: none;
	}
}

.timeline-avatar {
	width: 35px;
	height: 35px;
	display: block;
	border-radius: 50px;
	overflow: hidden;
	vertical-align: middle;
	float: left;
	margin-top: .230769rem;
}

	.timeline-avatar img {
		width: 100%;
		height: 100%;
	}

.timeline-header {
	display: block;
	padding: 0 0 0 46px;
}

@media (max-width: 575px) {
	.timeline-header {
		padding-top: 0;
	}
}

.timeline-variant .timeline-header {
	padding-top: 0;
	line-height: 16px;
}

.timeline-autor {
	display: inline-block;
	font-weight: 700;
}

.timeline-activity {
	display: inline-block;
	margin: 0;
}

.timeline-variant .timeline-activity {
	display: inline;
	line-height: 16px;
}

.timeline-time {
	float: right;
	color: #ababab;
}

.timeline-variant .timeline-time {
	float: none;
	display: block;
	line-height: 21px;
}

.timeline-summary {
	color: #8a8a8a;
	margin-top: 4px;
}

	.timeline-summary p {
		margin-bottom: 0;
	}

.timeline-variant .timeline-summary {
	margin-top: 20px;
}

	.timeline-variant .timeline-summary p {
		line-height: 16px;
	}

.timeline-gallery {
	margin-top: 12px;
}

.timeline-variant .timeline-gallery {
	margin-top: 20px;
}

.timeline-gallery .gallery-thumbnail {
	display: inline-block;
	max-width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.timeline-blockquote {
	margin: 10px 0 0 5px;
	padding: 4px 10px;
	border-left: 4px solid #e0e0e0;
	color: #8a8a8a;
}

.timeline-variant .timeline-blockquote {
	margin-top: 20px;
}

.timeline-blockquote p {
	font-size: 13px;
}

.timeline-blockquote footer {
	color: #8a8a8a;
}

/*Load more button*/
@media (max-width: 575px) {
	.timeline-loadmore {
		text-align: center;
		padding: 0;
		margin-bottom: 40px;
		margin-top: 40px;
	}
}

.timeline-loadmore .load-more-btn {
	position: absolute;
	left: 65px;
}

@media (max-width: 575px) {
	.timeline-loadmore .load-more-btn {
		position: relative;
		left: 0;
	}
}

.timeline-loadmore:before {
	display: none;
}

.timeline-variant .timeline-loadmore {
	text-align: center;
	margin-bottom: 40px;
}

	.timeline-variant .timeline-loadmore .load-more-btn {
		position: relative;
		left: initial;
	}

/*------------------------------------------------------------------
  [Detailed items content like gallery & blockquote]
*/
.timeline-item-detailed .timeline-time {
	line-height: 21px;
}

.timeline-item-detailed .timeline-header {
	line-height: 21px;
}

.timeline-variant .timeline-item-detailed .timeline-header {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 15px;
}

.timeline-item-detailed .timeline-avatar {
	vertical-align: top;
}

.timeline-variant {
	max-width: none;
	padding-bottom: 0;
}

	.timeline-variant:before {
		left: 50%;
		z-index: -1;
		top: 70px;
	}

.timeline-month {
	width: 100%;
	text-align: center;
	list-style: none;
	margin: 30px 0 15px;
	padding: 11px 0 12px;
	font-size: 18px;
	background-color: #f4f4f4;
}

	.timeline-month:first-child {
		margin-top: 0;
		padding-bottom: 5px;
	}

.timeline-icon {
	position: absolute;
	color: #FFFFFF;
	top: 20px;
	left: -67px;
	width: 44px;
	height: 44px;
	font-size: 23px;
	border: 2px solid #FFFFFF;
	text-align: center;
	background-color: #ededed;
	border-radius: 50%;
}

@media (max-width: 575px) {
	.timeline-icon {
		left: 50%;
		margin-left: -18px;
		top: -48px;
		width: 38px;
		height: 38px;
		font-size: 18px;
	}
}

.timeline-icon > .icon {
	line-height: 40px;
	vertical-align: middle;
}

@media (max-width: 575px) {
	.timeline-icon > .icon {
		line-height: 34px;
	}
}

.file .timeline-icon {
	background-color: #58C7EF;
}

.comment .timeline-icon {
	background-color: #FFDC42;
}

.gallery .timeline-icon {
	background-color: #2cc185;
}

.quote .timeline-icon {
	background-color: var(--top-menu-background-color);
}

/*------------------------------------------------------------------
  [Elements]
*/
/*------------------------------------------------------------------
  [Widgets]
*/
.widget {
	background-color: #FFFFFF;
	padding: 20px;
	margin-bottom: 29px;
}

	.widget.widget-fullwidth {
		padding: 0;
	}

		.widget.widget-fullwidth .widget-head {
			padding: 20px 20px 10px;
			margin-bottom: 0;
		}

@media (max-width: 575px) {
	.widget.widget-fullwidth .widget-head {
		padding-left: 15px;
		padding-left: 15px;
	}
}

.widget.widget-fullwidth .widget-chart-container .counter {
	left: 20px;
}

.widget.widget-fullwidth .widget-info {
	margin: 0;
	padding: 45px 10px;
}

	.widget.widget-fullwidth .widget-info .counter-block {
		padding: 7px 0;
		text-align: center;
		border-left: 1px solid #e6e6e6;
	}

		.widget.widget-fullwidth .widget-info .counter-block:first-child {
			border-left-width: 0;
		}

		.widget.widget-fullwidth .widget-info .counter-block .counter {
			font-size: 1.84615rem;
			display: block;
		}

		.widget.widget-fullwidth .widget-info .counter-block .title {
			color: var(--top-menu-background-color);
			font-size: 1.077rem;
		}

.widget.widget-fullwidth .chart-table table {
	margin-bottom: 0;
}

.widget.widget-small {
	margin-bottom: 20px;
}

	.widget.widget-small.widget-fullwidth > .widget-head {
		padding: 20px 15px 10px;
	}

.widget-head {
	margin-bottom: 20px;
	display: block;
}

	.widget-head::after {
		display: block;
		content: "";
		clear: both;
	}

	.widget-head .title {
		display: block;
		font-size: 1.38462rem;
	}

	.widget-head .description {
		display: block;
		color: #9e9e9e;
		line-height: 22px;
	}

	.widget-head .tools {
		float: right;
		margin-left: 10px;
	}

		.widget-head .tools .icon {
			display: inline-block;
			font-size: 1.615rem;
			line-height: 1.2;
			vertical-align: middle;
			cursor: pointer;
			color: #3d3d3d;
			min-width: 1.615rem;
			text-align: center;
		}

			.widget-head .tools .icon + .icon {
				margin-left: 6px;
			}

			.widget-head .tools .icon:hover {
				color: #0a0a0a;
			}

		.widget-head .tools .value {
			font-size: 1.84615rem;
			line-height: 22px;
		}

		.widget-head .tools .dropdown {
			display: inline-block;
		}

		.widget-head .tools .dropdown-menu {
			right: 0;
			left: auto;
		}

	.widget-head .button-toolbar {
		float: right;
	}

@media (max-width: 575px) {
	.widget-head .button-toolbar .btn-group {
		margin-bottom: 5px;
	}
}

.widget-head .button-toolbar .btn-group + * {
	margin-left: 7px;
}

.widget-head .button-toolbar .dropdown-menu {
	right: 0;
	left: auto;
}

.widget-chart-container {
	position: relative;
}

	.widget-chart-container .counter {
		min-height: auto;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 2;
	}

	.widget-chart-container .counter-inline {
		position: relative;
		display: inline-block;
	}

	.widget-chart-container .counter .value {
		font-size: 1.84615rem;
	}

	.widget-chart-container .counter .desc {
		text-transform: uppercase;
		font-size: 0.846154rem;
		color: #b1b1b1;
	}

	.widget-chart-container .counter-big .value {
		display: block;
		font-size: 2.07692rem;
		line-height: 1;
		margin-bottom: 5px;
	}

	.widget-chart-container .indicator-equal .icon {
		color: var(--top-menu-background-color);
	}

	.widget-chart-container .indicator-positive .icon {
		color: #2cc185;
	}

	.widget-chart-container .indicator-negative .icon {
		color: #F45846;
	}

	.widget-chart-container .indicator .icon {
		font-size: 1.92308rem;
		margin-right: 7px;
		line-height: 24px;
		vertical-align: middle;
	}

	.widget-chart-container .indicator .number {
		font-size: 1.53846rem;
		vertical-align: middle;
	}

.widget-chart-info::after {
	display: block;
	content: "";
	clear: both;
}

@media (max-width: 575px) {
	.widget-chart-info + .widget-counter-group {
		margin-top: 15px;
	}
}

.widget-fullwidth .widget-chart-info {
	padding: 9px 20px 0;
}

.widget-counter-group {
	padding: 0 20px 10px;
}

.widget-counter-group-right {
	text-align: right;
}

.widget-counter-group .counter {
	position: static;
	display: inline-block;
}

	.widget-counter-group .counter + .counter {
		margin-left: 20px;
	}

/*------------------------------------------------------------------
  [Alerts]
*/
.alert {
	position: relative;
	line-height: 25px;
	border-width: 0;
	color: #FFFFFF;
	margin-bottom: 20px;
}

	.alert .icon {
		font-size: 24px;
		color: #FFFFFF;
		vertical-align: middle;
		margin-right: 20px;
		line-height: 22px;
	}

	.alert .close {
		position: absolute;
		font-size: 24px;
		top: 0;
		right: 12px;
		text-shadow: none;
		padding: 17px 0;
	}

	.alert .message > p,
	.alert .message > ul {
		margin-bottom: 0;
	}

		.alert .message > p + p {
			margin-top: 5px;
		}

.alert-contrast {
	padding: 0;
	position: relative;
}

	.alert-contrast > .icon {
		display: table-cell;
		width: 60px;
		text-align: center;
		vertical-align: middle;
		cursor: default;
	}

	.alert-contrast > .message {
		display: table-cell;
		padding: 17px 20px;
		border-left-width: 0;
	}

	.alert-contrast.alert-success {
		background-color: #2ab97f;
	}

		.alert-contrast.alert-success > .icon {
			background-color: #2cc185;
		}

	.alert-contrast.alert-info {
		background-color: #4fc4ee;
	}

		.alert-contrast.alert-info > .icon {
			background-color: #58C7EF;
		}

	.alert-contrast.alert-warning {
		background-color: #ffda38;
	}

		.alert-contrast.alert-warning > .icon {
			background-color: #FFDC42;
		}

	.alert-contrast.alert-danger {
		background-color: #f34f3c;
	}

		.alert-contrast.alert-danger > .icon {
			background-color: #F45846;
		}

.alert-cream.alert-success {
	background-color: #90ddbe;
	color: #186a49;
}

	.alert-cream.alert-success > .icon {
		color: #186a49;
	}

.alert-cream.alert-info {
	background-color: #cfedf7;
	color: #1399c9;
}

	.alert-cream.alert-info > .icon {
		color: #1399c9;
	}

.alert-cream.alert-warning {
	background-color: #fcf2c5;
	color: #d6ae00;
}

	.alert-cream.alert-warning > .icon {
		color: #d6ae00;
	}

.alert-cream.alert-danger {
	background-color: #f8c7c2;
	color: #c31f0c;
}

	.alert-cream.alert-danger > .icon {
		color: #c31f0c;
	}

.alert-dismissible .close {
	opacity: 1;
}

.alert-dismissible.alert-success .close {
	color: #186a49;
}

	.alert-dismissible.alert-success .close:hover {
		color: #10442f;
	}

.alert-dismissible.alert-info .close {
	color: #1399c9;
}

	.alert-dismissible.alert-info .close:hover {
		color: #0f799f;
	}

.alert-dismissible.alert-warning .close {
	color: #d6ae00;
}

	.alert-dismissible.alert-warning .close:hover {
		color: #a88900;
	}

.alert-dismissible.alert-danger .close {
	color: #c31f0c;
}

	.alert-dismissible.alert-danger .close:hover {
		color: #981809;
	}

.alert-dark {
	background-color: var(--default-text-color);
	color: #FFFFFF;
}

	.alert-dark.alert-dismissible > .close {
		color: #7a7a7a;
		opacity: 0.7;
	}

		.alert-dark.alert-dismissible > .close:hover {
			color: #7a7a7a;
			opacity: 1;
		}

	.alert-dark.alert-success > .icon {
		color: #2cc185;
	}

	.alert-dark.alert-info > .icon {
		color: #58C7EF;
	}

	.alert-dark.alert-warning > .icon {
		color: #FFDC42;
	}

	.alert-dark.alert-danger > .icon {
		color: #F45846;
	}

.alert-icon {
	background-color: #FFFFFF;
	border: 0;
	padding: 0;
	position: relative;
	width: 100%;
	display: table;
	table-layout: fixed;
}

	.alert-icon > .icon {
		display: table-cell;
		width: 60px;
		text-align: center;
		vertical-align: middle;
		cursor: default;
	}

	.alert-icon > .message {
		display: table-cell;
		padding: 17px 20px;
		color: var(--default-text-color);
		border: 1px solid #d4d4d4;
		border-left-width: 0;
	}

	.alert-icon.alert-dismissible .close {
		color: var(--default-text-color);
		opacity: 0.5;
	}

		.alert-icon.alert-dismissible .close:hover {
			opacity: 0.6;
		}

	.alert-icon.alert-icon-colored {
		border: 1px solid #d4d4d4;
	}

		.alert-icon.alert-icon-colored > .icon {
			position: relative;
			background-color: #f8f8f8;
			border-width: 0;
		}

			.alert-icon.alert-icon-colored > .icon:after {
				position: absolute;
				display: block;
				top: 50%;
				right: -11px;
				margin-top: -11px;
				width: 0;
				height: 0;
				content: '';
				z-index: 2;
				border-left: 11px solid #f8f8f8;
				-moz-transform: scale(0.9999);
				border-bottom: 11px solid transparent;
				border-top: 11px solid transparent;
			}

		.alert-icon.alert-icon-colored > .message {
			border-width: 0;
		}

		.alert-icon.alert-icon-colored.alert-success > .icon {
			color: #2cc185;
		}

		.alert-icon.alert-icon-colored.alert-info > .icon {
			color: #58C7EF;
		}

		.alert-icon.alert-icon-colored.alert-warning > .icon {
			color: #FFDC42;
		}

		.alert-icon.alert-icon-colored.alert-danger > .icon {
			color: #F45846;
		}

.alert-simple {
	border: 1px solid #d4d4d4;
	background-color: #FFFFFF;
	color: var(--default-text-color);
}

	.alert-simple.alert-dismissible .close {
		color: var(--default-text-color);
		opacity: 0.5;
	}

		.alert-simple.alert-dismissible .close:hover {
			opacity: 0.6;
		}

	.alert-simple.alert-success > .icon {
		color: #2cc185;
	}

	.alert-simple.alert-info > .icon {
		color: #58C7EF;
	}

	.alert-simple.alert-warning > .icon {
		color: #FFDC42;
	}

	.alert-simple.alert-danger > .icon {
		color: #F45846;
	}

.badge {
	display: inline-block;
	border: 1px solid #cccccc;
	vertical-align: middle;
	border-radius: 0;
}

	.badge:empty {
		display: none;
	}

.badge-pill {
	border-radius: 10rem;
	padding: 0.1935rem 0.5rem;
}

.badge-primary {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
	border-color: var(--top-menu-background-color);
}

	.badge-primary[href]:focus, .badge-primary[href]:hover {
		background-color: #1fa6e5;
	}

.badge-success {
	background-color: #2cc185;
	color: #FFFFFF;
	border-color: #2cc185;
}

	.badge-success[href]:focus, .badge-success[href]:hover {
		background-color: #239768;
	}

.badge-info {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
	border-color: var(--top-menu-background-color);
}

	.badge-info[href]:focus, .badge-info[href]:hover {
		background-color: #29b7eb;
	}

.badge-warning {
	background-color: #FFDC42;
	color: #FFFFFF;
	border-color: #FFDC42;
}

	.badge-warning[href]:focus, .badge-warning[href]:hover {
		background-color: #ffd30f;
	}

.badge-danger {
	background-color: #F45846;
	color: #FFFFFF;
	border-color: #F45846;
}

	.badge-danger[href]:focus, .badge-danger[href]:hover {
		background-color: #f12d16;
	}

.badge-dark {
	background-color: #323232;
	color: #FFFFFF;
	border-color: #323232;
}

	.badge-dark[href]:focus, .badge-dark[href]:hover {
		background-color: #191919;
	}

.btn-group > .btn.btn-primary, .input-group-btn > .btn.btn-primary {
	border-left-color: #3bb1e8;
	border-right-color: #3bb1e8;
}

	.btn-group > .btn.btn-primary:first-child, .input-group-btn > .btn.btn-primary:first-child {
		border-left-color: transparent;
	}

	.btn-group > .btn.btn-primary:last-child, .input-group-btn > .btn.btn-primary:last-child {
		border-right-color: transparent;
	}

	.btn-group > .btn.btn-primary.dropdown-toggle-split, .input-group-btn > .btn.btn-primary.dropdown-toggle-split {
		border-right-width: 0;
	}

.btn-group > .btn.btn-success, .input-group-btn > .btn.btn-success {
	border-left-color: #28b07a;
	border-right-color: #28b07a;
}

	.btn-group > .btn.btn-success:first-child, .input-group-btn > .btn.btn-success:first-child {
		border-left-color: transparent;
	}

	.btn-group > .btn.btn-success:last-child, .input-group-btn > .btn.btn-success:last-child {
		border-right-color: transparent;
	}

	.btn-group > .btn.btn-success.dropdown-toggle-split, .input-group-btn > .btn.btn-success.dropdown-toggle-split {
		border-right-width: 0;
	}

.btn-group > .btn.btn-info, .input-group-btn > .btn.btn-info {
	border-left-color: #45c1ed;
	border-right-color: #45c1ed;
}

	.btn-group > .btn.btn-info:first-child, .input-group-btn > .btn.btn-info:first-child {
		border-left-color: transparent;
	}

	.btn-group > .btn.btn-info:last-child, .input-group-btn > .btn.btn-info:last-child {
		border-right-color: transparent;
	}

	.btn-group > .btn.btn-info.dropdown-toggle-split, .input-group-btn > .btn.btn-info.dropdown-toggle-split {
		border-right-width: 0;
	}

.btn-group > .btn.btn-warning, .input-group-btn > .btn.btn-warning {
	border-left-color: #ffd82e;
	border-right-color: #ffd82e;
}

	.btn-group > .btn.btn-warning:first-child, .input-group-btn > .btn.btn-warning:first-child {
		border-left-color: transparent;
	}

	.btn-group > .btn.btn-warning:last-child, .input-group-btn > .btn.btn-warning:last-child {
		border-right-color: transparent;
	}

	.btn-group > .btn.btn-warning.dropdown-toggle-split, .input-group-btn > .btn.btn-warning.dropdown-toggle-split {
		border-right-width: 0;
	}

.btn-group > .btn.btn-danger, .input-group-btn > .btn.btn-danger {
	border-left-color: #f34733;
	border-right-color: #f34733;
}

	.btn-group > .btn.btn-danger:first-child, .input-group-btn > .btn.btn-danger:first-child {
		border-left-color: transparent;
	}

	.btn-group > .btn.btn-danger:last-child, .input-group-btn > .btn.btn-danger:last-child {
		border-right-color: transparent;
	}

	.btn-group > .btn.btn-danger.dropdown-toggle-split, .input-group-btn > .btn.btn-danger.dropdown-toggle-split {
		border-right-width: 0;
	}

.btn-group > .btn.btn-dark, .input-group-btn > .btn.btn-dark {
	border-left-color: #4a4a4a;
	border-right-color: #4a4a4a;
}

	.btn-group > .btn.btn-dark:first-child, .input-group-btn > .btn.btn-dark:first-child {
		border-left-color: transparent;
	}

	.btn-group > .btn.btn-dark:last-child, .input-group-btn > .btn.btn-dark:last-child {
		border-right-color: transparent;
	}

	.btn-group > .btn.btn-dark.dropdown-toggle-split, .input-group-btn > .btn.btn-dark.dropdown-toggle-split {
		border-right-width: 0;
	}

.btn-group:first-child, .input-group-btn:first-child {
	border-right-color: transparent;
}

.btn-group:last-child, .input-group-btn:last-child {
	border-right-color: transparent;
}

.btn-group.open > .btn + .btn-primary,
.btn-group.open > .btn + .btn-success,
.btn-group.open > .btn + .btn-warning,
.btn-group.open > .btn + .btn-danger, .input-group-btn.open > .btn + .btn-primary,
.input-group-btn.open > .btn + .btn-success,
.input-group-btn.open > .btn + .btn-warning,
.input-group-btn.open > .btn + .btn-danger {
	border-left-color: rgba(0, 0, 0, 0.15);
}

.btn-group-vertical > .btn.btn-primary {
	border-top-color: #3bb1e8;
	border-bottom-color: #3bb1e8;
}

	.btn-group-vertical > .btn.btn-primary:first-child {
		border-top-color: transparent;
	}

	.btn-group-vertical > .btn.btn-primary:last-child {
		border-bottom-color: transparent;
	}

.btn-group-vertical > .btn.btn-success {
	border-top-color: #28b07a;
	border-bottom-color: #28b07a;
}

	.btn-group-vertical > .btn.btn-success:first-child {
		border-top-color: transparent;
	}

	.btn-group-vertical > .btn.btn-success:last-child {
		border-bottom-color: transparent;
	}

.btn-group-vertical > .btn.btn-info {
	border-top-color: #45c1ed;
	border-bottom-color: #45c1ed;
}

	.btn-group-vertical > .btn.btn-info:first-child {
		border-top-color: transparent;
	}

	.btn-group-vertical > .btn.btn-info:last-child {
		border-bottom-color: transparent;
	}

.btn-group-vertical > .btn.btn-warning {
	border-top-color: #ffd82e;
	border-bottom-color: #ffd82e;
}

	.btn-group-vertical > .btn.btn-warning:first-child {
		border-top-color: transparent;
	}

	.btn-group-vertical > .btn.btn-warning:last-child {
		border-bottom-color: transparent;
	}

.btn-group-vertical > .btn.btn-danger {
	border-top-color: #f34733;
	border-bottom-color: #f34733;
}

	.btn-group-vertical > .btn.btn-danger:first-child {
		border-top-color: transparent;
	}

	.btn-group-vertical > .btn.btn-danger:last-child {
		border-bottom-color: transparent;
	}

.btn-group-vertical > .btn.btn-dark {
	border-top-color: #4a4a4a;
	border-bottom-color: #4a4a4a;
}

	.btn-group-vertical > .btn.btn-dark:first-child {
		border-top-color: transparent;
	}

	.btn-group-vertical > .btn.btn-dark:last-child {
		border-bottom-color: transparent;
	}

.btn + .dropdown-toggle-split {
	z-index: 3;
}

	.btn + .dropdown-toggle-split > span {
		line-height: 0.2;
		font-size: 1.538rem;
		display: inline-block;
		vertical-align: middle;
		width: 1rem;
		margin-left: -7px;
	}

.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

	.btn-group-justified .btn,
	.btn-group-justified .btn-group {
		float: none;
		display: table-cell;
		width: 1%;
	}

		.btn-group-justified .btn .btn,
		.btn-group-justified .btn-group .btn {
			width: 100%;
		}

		.btn-group-justified .btn .dropdown-menu,
		.btn-group-justified .btn-group .dropdown-menu {
			left: auto;
		}

	.btn-group-justified > .btn {
		border-right-width: 0;
	}

		.btn-group-justified > .btn:last-child {
			border-right-width: 1px;
		}

.btn {
	border: 1px solid transparent;
}

	.btn:active:focus, .btn.active:focus, .btn:focus {
		outline: none;
	}

	.btn.btn-outline-primary {
		color: #FFFFFF;
		background-image: none;
		background-color: transparent;
		border-color: var(--top-menu-background-color);
	}

		.btn.btn-outline-primary:hover {
			color: #FFFFFF;
			background-color: var(--top-menu-background-color);
			border-color: var(--top-menu-background-color);
		}

		.btn.btn-outline-primary:focus, .btn.btn-outline-primary.focus {
			box-shadow: none;
		}

		.btn.btn-outline-primary.disabled, .btn.btn-outline-primary:disabled {
			color: var(--top-menu-background-color);
			background-color: transparent;
		}

		.btn.btn-outline-primary:active, .btn.btn-outline-primary.active,
		.show > .btn.btn-outline-primary.dropdown-toggle {
			color: #FFFFFF;
			background-color: var(--top-menu-background-color);
			border-color: var(--top-menu-background-color);
		}

	.btn.btn-outline-light {
		color: #FFFFFF;
		background-image: none;
		background-color: transparent;
		border-color: #FFFFFF;
	}

		.btn.btn-outline-light:hover {
			color: var(--default-text-color);
			background-color: #FFFFFF;
			border-color: #FFFFFF;
		}

		.btn.btn-outline-light:focus, .btn.btn-outline-light.focus {
			box-shadow: none;
		}

		.btn.btn-outline-light.disabled, .btn.btn-outline-light:disabled {
			color: #FFFFFF;
			background-color: transparent;
		}

		.btn.btn-outline-light:active, .btn.btn-outline-light.active,
		.show > .btn.btn-outline-light.dropdown-toggle {
			color: var(--default-text-color);
			background-color: #FFFFFF;
			border-color: #FFFFFF;
		}

	.btn.btn-outline-info {
		color: #FFFFFF;
		background-image: none;
		background-color: transparent;
		border-color: #58C7EF;
	}

		.btn.btn-outline-info:hover {
			color: #FFFFFF;
			background-color: #58C7EF;
			border-color: #58C7EF;
		}

		.btn.btn-outline-info:focus, .btn.btn-outline-info.focus {
			box-shadow: none;
		}

		.btn.btn-outline-info.disabled, .btn.btn-outline-info:disabled {
			color: #58C7EF;
			background-color: transparent;
		}

		.btn.btn-outline-info:active, .btn.btn-outline-info.active,
		.show > .btn.btn-outline-info.dropdown-toggle {
			color: #FFFFFF;
			background-color: #58C7EF;
			border-color: #58C7EF;
		}

	.btn.btn-outline-success {
		background-image: none;
		background-color: transparent;
		border-color: #2cc185;
	}

		.btn.btn-outline-success:hover {
			color: #FFFFFF;
			background-color: #2cc185;
			border-color: #2cc185;
		}

		.btn.btn-outline-success:focus, .btn.btn-outline-success.focus {
			box-shadow: none;
		}

		.btn.btn-outline-success.disabled, .btn.btn-outline-success:disabled {
			color: #2cc185;
			background-color: transparent;
		}

		.btn.btn-outline-success:active, .btn.btn-outline-success.active,
		.show > .btn.btn-outline-success.dropdown-toggle {
			color: #FFFFFF;
			background-color: #2cc185;
			border-color: #2cc185;
		}

	.btn.btn-outline-warning {
		color: #FFFFFF;
		background-image: none;
		background-color: transparent;
		border-color: #FFDC42;
	}

		.btn.btn-outline-warning:hover {
			color: #FFFFFF;
			background-color: #FFDC42;
			border-color: #FFDC42;
		}

		.btn.btn-outline-warning:focus, .btn.btn-outline-warning.focus {
			box-shadow: none;
		}

		.btn.btn-outline-warning.disabled, .btn.btn-outline-warning:disabled {
			color: #FFDC42;
			background-color: transparent;
		}

		.btn.btn-outline-warning:active, .btn.btn-outline-warning.active,
		.show > .btn.btn-outline-warning.dropdown-toggle {
			color: #FFFFFF;
			background-color: #FFDC42;
			border-color: #FFDC42;
		}

	.btn.btn-outline-danger {
		color: #FFFFFF;
		background-image: none;
		background-color: transparent;
		border-color: #F45846;
	}

		.btn.btn-outline-danger:hover {
			color: #FFFFFF;
			background-color: #F45846;
			border-color: #F45846;
		}

		.btn.btn-outline-danger:focus, .btn.btn-outline-danger.focus {
			box-shadow: none;
		}

		.btn.btn-outline-danger.disabled, .btn.btn-outline-danger:disabled {
			color: #F45846;
			background-color: transparent;
		}

		.btn.btn-outline-danger:active, .btn.btn-outline-danger.active,
		.show > .btn.btn-outline-danger.dropdown-toggle {
			color: #FFFFFF;
			background-color: #F45846;
			border-color: #F45846;
		}

	.btn .icon {
		position: relative;
		top: -1px;
		font-size: 1.154rem;
		line-height: 0.6;
		vertical-align: middle;
	}

		.btn .icon.icon-left {
			margin-right: 1px;
		}

		.btn .icon.icon-right {
			margin-left: 1px;
		}

	.btn.btn-lg .icon, .btn-group-lg > .btn .icon {
		font-size: 1.231rem;
	}

	.btn.btn-sm .icon, .btn-group-sm > .btn .icon {
		font-size: 1.077rem;
	}

	.btn.btn-xs .icon {
		font-size: 1rem;
	}

	.btn .icon-dropdown {
		font-size: 1.538rem;
		line-height: 0.3;
		vertical-align: middle;
		display: inline-block;
		width: 1rem;
	}

.btn-dark {
	color: #FFFFFF;
	background-color: var(--default-text-color);
	border-color: var(--default-text-color);
}

	.btn-dark:hover {
		color: #FFFFFF;
		background-color: #3b3b3b;
		border-color: #353535;
	}

	.btn-dark:focus, .btn-dark.focus {
		box-shadow: 0 0 0 2px rgba(84, 84, 84, 0.5);
	}

	.btn-dark.disabled, .btn-dark:disabled {
		background-color: var(--default-text-color);
		border-color: var(--default-text-color);
	}

	.btn-dark:active, .btn-dark.active,
	.show > .btn-dark.dropdown-toggle {
		color: #FFFFFF;
		background-color: #3b3b3b;
		background-image: none;
		border-color: #353535;
	}

.btn-primary {
	color: #fff;
	background-color: var(--top-menu-background-color);
	border-color: var(--top-menu-background-color);
}

	.btn-primary:hover, .btn-primary.hover {
		border-color: transparent;
		background-color: #5fbfec;
	}

	.btn-primary:focus, .btn-primary.focus {
		color: #fff;
		background-color: var(--top-menu-background-color);
		box-shadow: none;
		border-color: transparent;
	}

		.btn-primary:focus:hover, .btn-primary:focus.hover, .btn-primary.focus:hover, .btn-primary.focus.hover {
			border-color: transparent;
			background-color: #5fbfec;
		}

	.btn-primary:active, .btn-primary.active,
	.open > .btn-primary.dropdown-toggle {
		border-color: transparent;
		background-color: #36afe7;
	}

		.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
		.open > .btn-primary.dropdown-toggle:hover,
		.open > .btn-primary.dropdown-toggle:focus,
		.open > .btn-primary.dropdown-toggle.focus {
			border-color: transparent;
			background-color: #36afe7;
		}

.btn-secondary, .note-btn-group .btn-default {
	color: var(--default-text-color);
	background-color: #FFFFFF;
	border-color: #cccccc;
}

	.btn-secondary:hover, .note-btn-group .btn-default:hover, .btn-secondary.hover, .note-btn-group .hover.btn-default {
		border-color: #cccccc;
		background-color: whitesmoke;
	}

	.btn-secondary:focus, .note-btn-group .btn-default:focus, .btn-secondary.focus, .note-btn-group .focus.btn-default {
		color: var(--default-text-color);
		background-color: #FFFFFF;
		box-shadow: none;
		border-color: #cccccc;
	}

		.btn-secondary:focus:hover, .note-btn-group .btn-default:focus:hover, .btn-secondary:focus.hover, .note-btn-group .btn-default:focus.hover, .btn-secondary.focus:hover, .note-btn-group .focus.btn-default:hover, .btn-secondary.focus.hover, .note-btn-group .focus.hover.btn-default {
			border-color: var(--default-text-color);
			color: var(--btn-secondary-text-color);
			opacity: 0.7;
			background-color: var(--btn-secondary-backgound-color);
		}

	.btn-secondary:active, .note-btn-group .btn-default:active, .btn-secondary.active, .note-btn-group .active.btn-default,
	.open > .btn-secondary.dropdown-toggle, .note-btn-group .open > .dropdown-toggle.btn-default {
		border-color: #cccccc;
		background-color: #e6e6e6;
	}

		.btn-secondary:active:hover, .note-btn-group .btn-default:active:hover, .btn-secondary:active:focus, .note-btn-group .btn-default:active:focus, .btn-secondary:active.focus, .note-btn-group .btn-default:active.focus, .btn-secondary.active:hover, .note-btn-group .active.btn-default:hover, .btn-secondary.active:focus, .note-btn-group .active.btn-default:focus, .btn-secondary.active.focus, .note-btn-group .active.focus.btn-default,
		.open > .btn-secondary.dropdown-toggle:hover, .note-btn-group .open > .dropdown-toggle.btn-default:hover,
		.open > .btn-secondary.dropdown-toggle:focus, .note-btn-group .open > .dropdown-toggle.btn-default:focus,
		.open > .btn-secondary.dropdown-toggle.focus, .note-btn-group .open > .dropdown-toggle.focus.btn-default {
			border-color: #cccccc;
			background-color: #e6e6e6;
		}

.btn-info {
	color: #fff;
	background-color: #58C7EF;
	border-color: #58C7EF;
}

	.btn-info:hover, .btn-info.hover {
		border-color: transparent;
		background-color: #6bcdf1;
	}

	.btn-info:focus, .btn-info.focus {
		color: #fff;
		background-color: #58C7EF;
		box-shadow: none;
		border-color: transparent;
	}

		.btn-info:focus:hover, .btn-info:focus.hover, .btn-info.focus:hover, .btn-info.focus.hover {
			border-color: transparent;
			background-color: #6bcdf1;
		}

	.btn-info:active, .btn-info.active,
	.open > .btn-info.dropdown-toggle {
		border-color: transparent;
		background-color: #41bfed;
	}

		.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
		.open > .btn-info.dropdown-toggle:hover,
		.open > .btn-info.dropdown-toggle:focus,
		.open > .btn-info.dropdown-toggle.focus {
			border-color: transparent;
			background-color: #41bfed;
		}

.btn-success {
	color: #fff;
	background-color: #2cc185;
	border-color: #2cc185;
}

	.btn-success:hover, .btn-success.hover {
		border-color: transparent;
		background-color: #31d090;
	}

	.btn-success:focus, .btn-success.focus {
		color: #fff;
		background-color: #2cc185;
		box-shadow: none;
		border-color: transparent;
	}

		.btn-success:focus:hover, .btn-success:focus.hover, .btn-success.focus:hover, .btn-success.focus.hover {
			border-color: transparent;
			background-color: #31d090;
		}

	.btn-success:active, .btn-success.active,
	.open > .btn-success.dropdown-toggle {
		border-color: transparent;
		background-color: #27ac77;
	}

		.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
		.open > .btn-success.dropdown-toggle:hover,
		.open > .btn-success.dropdown-toggle:focus,
		.open > .btn-success.dropdown-toggle.focus {
			border-color: transparent;
			background-color: #27ac77;
		}

.btn-warning {
	color: #fff;
	background-color: #FFDC42;
	border-color: #FFDC42;
}

	.btn-warning:hover, .btn-warning.hover {
		border-color: transparent;
		background-color: #ffe056;
	}

	.btn-warning:focus, .btn-warning.focus {
		color: #fff;
		background-color: #FFDC42;
		box-shadow: none;
		border-color: transparent;
	}

		.btn-warning:focus:hover, .btn-warning:focus.hover, .btn-warning.focus:hover, .btn-warning.focus.hover {
			border-color: transparent;
			background-color: #ffe056;
		}

	.btn-warning:active, .btn-warning.active,
	.open > .btn-warning.dropdown-toggle {
		border-color: transparent;
		background-color: #ffd729;
	}

		.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
		.open > .btn-warning.dropdown-toggle:hover,
		.open > .btn-warning.dropdown-toggle:focus,
		.open > .btn-warning.dropdown-toggle.focus {
			border-color: transparent;
			background-color: #ffd729;
		}

.btn-danger {
	color: #fff;
	background-color: #F45846;
	border-color: #F45846;
}

	.btn-danger:hover, .btn-danger.hover {
		border-color: transparent;
		background-color: #f56959;
	}

	.btn-danger:focus, .btn-danger.focus {
		color: #fff;
		background-color: #F45846;
		box-shadow: none;
		border-color: transparent;
	}

		.btn-danger:focus:hover, .btn-danger:focus.hover, .btn-danger.focus:hover, .btn-danger.focus.hover {
			border-color: transparent;
			background-color: #f56959;
		}

	.btn-danger:active, .btn-danger.active,
	.open > .btn-danger.dropdown-toggle {
		border-color: transparent;
		background-color: #f3422e;
	}

		.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
		.open > .btn-danger.dropdown-toggle:hover,
		.open > .btn-danger.dropdown-toggle:focus,
		.open > .btn-danger.dropdown-toggle.focus {
			border-color: transparent;
			background-color: #f3422e;
		}

.btn-dark {
	color: #FFFFFF;
	background-color: var(--default-text-color);
	border-color: var(--default-text-color);
}

	.btn-dark:hover, .btn-dark.hover {
		border-color: transparent;
		background-color: #5e5e5e;
	}

	.btn-dark:focus, .btn-dark.focus {
		color: #FFFFFF;
		background-color: var(--default-text-color);
		box-shadow: none;
		border-color: transparent;
	}

		.btn-dark:focus:hover, .btn-dark:focus.hover, .btn-dark.focus:hover, .btn-dark.focus.hover {
			border-color: transparent;
			background-color: #5e5e5e;
		}

	.btn-dark:active, .btn-dark.active,
	.open > .btn-dark.dropdown-toggle {
		border-color: transparent;
		background-color: #474747;
	}

		.btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus, .btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus,
		.open > .btn-dark.dropdown-toggle:hover,
		.open > .btn-dark.dropdown-toggle:focus,
		.open > .btn-dark.dropdown-toggle.focus {
			border-color: transparent;
			background-color: #474747;
		}

	.btn-dark.active,
	.open > .btn-dark.dropdown-toggle {
		color: var(--top-menu-background-color);
	}

		.btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus,
		.open > .btn-dark.dropdown-toggle:hover,
		.open > .btn-dark.dropdown-toggle:focus,
		.open > .btn-dark.dropdown-toggle.focus {
			color: var(--top-menu-background-color);
		}

.btn-xs {
	padding: 0.6154rem 0.6923rem;
	font-size: 0.9231rem;
	border-radius: 0;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 1rem;
}

.btn-lg, .btn-group-lg > .btn {
	font-size: 1.077rem;
}

.btn-rounded {
	border-radius: 1.81rem;
}

	.btn-rounded.btn-xs {
		border-radius: 1.5385rem;
	}

	.btn-rounded.btn-sm, .btn-group-sm > .btn-rounded.btn {
		border-radius: 1.6923rem;
	}

	.btn-rounded.btn-lg, .btn-group-lg > .btn-rounded.btn {
		border-radius: 2.0001rem;
	}

.btn-big {
	padding: .7rem 1rem;
	text-align: center;
	min-width: 70px;
}

	.btn-big > .icon {
		display: block;
		font-size: 2rem;
		line-height: 1;
		margin-bottom: .3rem;
	}

.btn-social {
	min-width: 2.9rem;
}

	.btn-social .icon {
		font-size: 1.1rem;
	}

	.btn-social.btn-xs {
		min-width: 2.3rem;
	}

.btn-facebook .icon {
	color: #5d82d1;
}

.btn-facebook:active .icon, .btn-facebook.active .icon,
.open > .btn-facebook.dropdown-toggle .icon {
	color: #5d82d1;
}

.btn-facebook:active:hover .icon, .btn-facebook:active:focus .icon, .btn-facebook:active.focus .icon, .btn-facebook.active:hover .icon, .btn-facebook.active:focus .icon, .btn-facebook.active.focus .icon,
.open > .btn-facebook.dropdown-toggle:hover .icon,
.open > .btn-facebook.dropdown-toggle:focus .icon,
.open > .btn-facebook.dropdown-toggle.focus .icon {
	color: #5d82d1;
}

.btn-twitter .icon {
	color: #50bff5;
}

.btn-twitter:active .icon, .btn-twitter.active .icon,
.open > .btn-twitter.dropdown-toggle .icon {
	color: #50bff5;
}

.btn-twitter:active:hover .icon, .btn-twitter:active:focus .icon, .btn-twitter:active.focus .icon, .btn-twitter.active:hover .icon, .btn-twitter.active:focus .icon, .btn-twitter.active.focus .icon,
.open > .btn-twitter.dropdown-toggle:hover .icon,
.open > .btn-twitter.dropdown-toggle:focus .icon,
.open > .btn-twitter.dropdown-toggle.focus .icon {
	color: #50bff5;
}

.btn-google-plus .icon {
	color: #eb5e4c;
}

.btn-google-plus:active .icon, .btn-google-plus.active .icon,
.open > .btn-google-plus.dropdown-toggle .icon {
	color: #eb5e4c;
}

.btn-google-plus:active:hover .icon, .btn-google-plus:active:focus .icon, .btn-google-plus:active.focus .icon, .btn-google-plus.active:hover .icon, .btn-google-plus.active:focus .icon, .btn-google-plus.active.focus .icon,
.open > .btn-google-plus.dropdown-toggle:hover .icon,
.open > .btn-google-plus.dropdown-toggle:focus .icon,
.open > .btn-google-plus.dropdown-toggle.focus .icon {
	color: #eb5e4c;
}

.btn-dribbble .icon {
	color: #f7659c;
}

.btn-dribbble:active .icon, .btn-dribbble.active .icon,
.open > .btn-dribbble.dropdown-toggle .icon {
	color: #f7659c;
}

.btn-dribbble:active:hover .icon, .btn-dribbble:active:focus .icon, .btn-dribbble:active.focus .icon, .btn-dribbble.active:hover .icon, .btn-dribbble.active:focus .icon, .btn-dribbble.active.focus .icon,
.open > .btn-dribbble.dropdown-toggle:hover .icon,
.open > .btn-dribbble.dropdown-toggle:focus .icon,
.open > .btn-dribbble.dropdown-toggle.focus .icon {
	color: #f7659c;
}

.btn-flickr .icon {
	color: #0063dc;
}

.btn-flickr:active .icon, .btn-flickr.active .icon,
.open > .btn-flickr.dropdown-toggle .icon {
	color: #0063dc;
}

.btn-flickr:active:hover .icon, .btn-flickr:active:focus .icon, .btn-flickr:active.focus .icon, .btn-flickr.active:hover .icon, .btn-flickr.active:focus .icon, .btn-flickr.active.focus .icon,
.open > .btn-flickr.dropdown-toggle:hover .icon,
.open > .btn-flickr.dropdown-toggle:focus .icon,
.open > .btn-flickr.dropdown-toggle.focus .icon {
	color: #0063dc;
}

.btn-linkedin .icon {
	color: #238cc8;
}

.btn-linkedin:active .icon, .btn-linkedin.active .icon,
.open > .btn-linkedin.dropdown-toggle .icon {
	color: #238cc8;
}

.btn-linkedin:active:hover .icon, .btn-linkedin:active:focus .icon, .btn-linkedin:active.focus .icon, .btn-linkedin.active:hover .icon, .btn-linkedin.active:focus .icon, .btn-linkedin.active.focus .icon,
.open > .btn-linkedin.dropdown-toggle:hover .icon,
.open > .btn-linkedin.dropdown-toggle:focus .icon,
.open > .btn-linkedin.dropdown-toggle.focus .icon {
	color: #238cc8;
}

.btn-youtube .icon {
	color: #ef4e41;
}

.btn-youtube:active .icon, .btn-youtube.active .icon,
.open > .btn-youtube.dropdown-toggle .icon {
	color: #ef4e41;
}

.btn-youtube:active:hover .icon, .btn-youtube:active:focus .icon, .btn-youtube:active.focus .icon, .btn-youtube.active:hover .icon, .btn-youtube.active:focus .icon, .btn-youtube.active.focus .icon,
.open > .btn-youtube.dropdown-toggle:hover .icon,
.open > .btn-youtube.dropdown-toggle:focus .icon,
.open > .btn-youtube.dropdown-toggle.focus .icon {
	color: #ef4e41;
}

.btn-pinterest .icon {
	color: #e13138;
}

.btn-pinterest:active .icon, .btn-pinterest.active .icon,
.open > .btn-pinterest.dropdown-toggle .icon {
	color: #e13138;
}

.btn-pinterest:active:hover .icon, .btn-pinterest:active:focus .icon, .btn-pinterest:active.focus .icon, .btn-pinterest.active:hover .icon, .btn-pinterest.active:focus .icon, .btn-pinterest.active.focus .icon,
.open > .btn-pinterest.dropdown-toggle:hover .icon,
.open > .btn-pinterest.dropdown-toggle:focus .icon,
.open > .btn-pinterest.dropdown-toggle.focus .icon {
	color: #e13138;
}

.btn-github .icon {
	color: #333;
}

.btn-github:active .icon, .btn-github.active .icon,
.open > .btn-github.dropdown-toggle .icon {
	color: #333;
}

.btn-github:active:hover .icon, .btn-github:active:focus .icon, .btn-github:active.focus .icon, .btn-github.active:hover .icon, .btn-github.active:focus .icon, .btn-github.active.focus .icon,
.open > .btn-github.dropdown-toggle:hover .icon,
.open > .btn-github.dropdown-toggle:focus .icon,
.open > .btn-github.dropdown-toggle.focus .icon {
	color: #333;
}

.btn-tumblr .icon {
	color: #426d9b;
}

.btn-tumblr:active .icon, .btn-tumblr.active .icon,
.open > .btn-tumblr.dropdown-toggle .icon {
	color: #426d9b;
}

.btn-tumblr:active:hover .icon, .btn-tumblr:active:focus .icon, .btn-tumblr:active.focus .icon, .btn-tumblr.active:hover .icon, .btn-tumblr.active:focus .icon, .btn-tumblr.active.focus .icon,
.open > .btn-tumblr.dropdown-toggle:hover .icon,
.open > .btn-tumblr.dropdown-toggle:focus .icon,
.open > .btn-tumblr.dropdown-toggle.focus .icon {
	color: #426d9b;
}

.btn-dropbox .icon {
	color: #007EE5;
}

.btn-dropbox:active .icon, .btn-dropbox.active .icon,
.open > .btn-dropbox.dropdown-toggle .icon {
	color: #007EE5;
}

.btn-dropbox:active:hover .icon, .btn-dropbox:active:focus .icon, .btn-dropbox:active.focus .icon, .btn-dropbox.active:hover .icon, .btn-dropbox.active:focus .icon, .btn-dropbox.active.focus .icon,
.open > .btn-dropbox.dropdown-toggle:hover .icon,
.open > .btn-dropbox.dropdown-toggle:focus .icon,
.open > .btn-dropbox.dropdown-toggle.focus .icon {
	color: #007EE5;
}

.btn-behance .icon {
	color: #235cff;
}

.btn-behance:active .icon, .btn-behance.active .icon,
.open > .btn-behance.dropdown-toggle .icon {
	color: #235cff;
}

.btn-behance:active:hover .icon, .btn-behance:active:focus .icon, .btn-behance:active.focus .icon, .btn-behance.active:hover .icon, .btn-behance.active:focus .icon, .btn-behance.active.focus .icon,
.open > .btn-behance.dropdown-toggle:hover .icon,
.open > .btn-behance.dropdown-toggle:focus .icon,
.open > .btn-behance.dropdown-toggle.focus .icon {
	color: #235cff;
}

.btn-color.btn-facebook {
	color: #FFFFFF;
	background-color: #5d82d1;
	border-color: #5d82d1;
}

	.btn-color.btn-facebook .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-facebook:hover {
		color: #FFFFFF;
		background-color: #7191d7;
		border-color: transparent;
	}

	.btn-color.btn-facebook:focus, .btn-color.btn-facebook.focus {
		color: #FFFFFF;
		background-color: #5d82d1;
		border-color: #5d82d1;
	}

		.btn-color.btn-facebook:focus:hover, .btn-color.btn-facebook.focus:hover {
			color: #FFFFFF;
			background-color: #7191d7;
			border-color: transparent;
		}

	.btn-color.btn-facebook:active, .btn-color.btn-facebook.active,
	.open > .btn-color.btn-facebook.dropdown-toggle {
		color: #FFFFFF;
		background-color: #4973cb;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-facebook:active:hover, .btn-color.btn-facebook:active:focus, .btn-color.btn-facebook:active.focus, .btn-color.btn-facebook.active:hover, .btn-color.btn-facebook.active:focus, .btn-color.btn-facebook.active.focus,
		.open > .btn-color.btn-facebook.dropdown-toggle:hover,
		.open > .btn-color.btn-facebook.dropdown-toggle:focus,
		.open > .btn-color.btn-facebook.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #4973cb;
			border-color: transparent;
		}

			.btn-color.btn-facebook:active:hover > .icon, .btn-color.btn-facebook:active:focus > .icon, .btn-color.btn-facebook:active.focus > .icon, .btn-color.btn-facebook.active:hover > .icon, .btn-color.btn-facebook.active:focus > .icon, .btn-color.btn-facebook.active.focus > .icon,
			.open > .btn-color.btn-facebook.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-facebook.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-facebook.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-twitter {
	color: #FFFFFF;
	background-color: #50bff5;
	border-color: #50bff5;
}

	.btn-color.btn-twitter .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-twitter:hover {
		color: #FFFFFF;
		background-color: #68c8f6;
		border-color: transparent;
	}

	.btn-color.btn-twitter:focus, .btn-color.btn-twitter.focus {
		color: #FFFFFF;
		background-color: #50bff5;
		border-color: #50bff5;
	}

		.btn-color.btn-twitter:focus:hover, .btn-color.btn-twitter.focus:hover {
			color: #FFFFFF;
			background-color: #68c8f6;
			border-color: transparent;
		}

	.btn-color.btn-twitter:active, .btn-color.btn-twitter.active,
	.open > .btn-color.btn-twitter.dropdown-toggle {
		color: #FFFFFF;
		background-color: #38b6f4;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-twitter:active:hover, .btn-color.btn-twitter:active:focus, .btn-color.btn-twitter:active.focus, .btn-color.btn-twitter.active:hover, .btn-color.btn-twitter.active:focus, .btn-color.btn-twitter.active.focus,
		.open > .btn-color.btn-twitter.dropdown-toggle:hover,
		.open > .btn-color.btn-twitter.dropdown-toggle:focus,
		.open > .btn-color.btn-twitter.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #38b6f4;
			border-color: transparent;
		}

			.btn-color.btn-twitter:active:hover > .icon, .btn-color.btn-twitter:active:focus > .icon, .btn-color.btn-twitter:active.focus > .icon, .btn-color.btn-twitter.active:hover > .icon, .btn-color.btn-twitter.active:focus > .icon, .btn-color.btn-twitter.active.focus > .icon,
			.open > .btn-color.btn-twitter.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-twitter.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-twitter.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-google-plus {
	color: #FFFFFF;
	background-color: #eb5e4c;
	border-color: #eb5e4c;
}

	.btn-color.btn-google-plus .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-google-plus:hover {
		color: #FFFFFF;
		background-color: #ee7363;
		border-color: transparent;
	}

	.btn-color.btn-google-plus:focus, .btn-color.btn-google-plus.focus {
		color: #FFFFFF;
		background-color: #eb5e4c;
		border-color: #eb5e4c;
	}

		.btn-color.btn-google-plus:focus:hover, .btn-color.btn-google-plus.focus:hover {
			color: #FFFFFF;
			background-color: #ee7363;
			border-color: transparent;
		}

	.btn-color.btn-google-plus:active, .btn-color.btn-google-plus.active,
	.open > .btn-color.btn-google-plus.dropdown-toggle {
		color: #FFFFFF;
		background-color: #e84935;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-google-plus:active:hover, .btn-color.btn-google-plus:active:focus, .btn-color.btn-google-plus:active.focus, .btn-color.btn-google-plus.active:hover, .btn-color.btn-google-plus.active:focus, .btn-color.btn-google-plus.active.focus,
		.open > .btn-color.btn-google-plus.dropdown-toggle:hover,
		.open > .btn-color.btn-google-plus.dropdown-toggle:focus,
		.open > .btn-color.btn-google-plus.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #e84935;
			border-color: transparent;
		}

			.btn-color.btn-google-plus:active:hover > .icon, .btn-color.btn-google-plus:active:focus > .icon, .btn-color.btn-google-plus:active.focus > .icon, .btn-color.btn-google-plus.active:hover > .icon, .btn-color.btn-google-plus.active:focus > .icon, .btn-color.btn-google-plus.active.focus > .icon,
			.open > .btn-color.btn-google-plus.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-google-plus.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-google-plus.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-dribbble {
	color: #FFFFFF;
	background-color: #f7659c;
	border-color: #f7659c;
}

	.btn-color.btn-dribbble .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-dribbble:hover {
		color: #FFFFFF;
		background-color: #f87dac;
		border-color: transparent;
	}

	.btn-color.btn-dribbble:focus, .btn-color.btn-dribbble.focus {
		color: #FFFFFF;
		background-color: #f7659c;
		border-color: #f7659c;
	}

		.btn-color.btn-dribbble:focus:hover, .btn-color.btn-dribbble.focus:hover {
			color: #FFFFFF;
			background-color: #f87dac;
			border-color: transparent;
		}

	.btn-color.btn-dribbble:active, .btn-color.btn-dribbble.active,
	.open > .btn-color.btn-dribbble.dropdown-toggle {
		color: #FFFFFF;
		background-color: #f64d8c;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-dribbble:active:hover, .btn-color.btn-dribbble:active:focus, .btn-color.btn-dribbble:active.focus, .btn-color.btn-dribbble.active:hover, .btn-color.btn-dribbble.active:focus, .btn-color.btn-dribbble.active.focus,
		.open > .btn-color.btn-dribbble.dropdown-toggle:hover,
		.open > .btn-color.btn-dribbble.dropdown-toggle:focus,
		.open > .btn-color.btn-dribbble.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #f64d8c;
			border-color: transparent;
		}

			.btn-color.btn-dribbble:active:hover > .icon, .btn-color.btn-dribbble:active:focus > .icon, .btn-color.btn-dribbble:active.focus > .icon, .btn-color.btn-dribbble.active:hover > .icon, .btn-color.btn-dribbble.active:focus > .icon, .btn-color.btn-dribbble.active.focus > .icon,
			.open > .btn-color.btn-dribbble.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-dribbble.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-dribbble.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-flickr {
	color: #FFFFFF;
	background-color: #0063dc;
	border-color: #0063dc;
}

	.btn-color.btn-flickr .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-flickr:hover {
		color: #FFFFFF;
		background-color: #006ef6;
		border-color: transparent;
	}

	.btn-color.btn-flickr:focus, .btn-color.btn-flickr.focus {
		color: #FFFFFF;
		background-color: #0063dc;
		border-color: #0063dc;
	}

		.btn-color.btn-flickr:focus:hover, .btn-color.btn-flickr.focus:hover {
			color: #FFFFFF;
			background-color: #006ef6;
			border-color: transparent;
		}

	.btn-color.btn-flickr:active, .btn-color.btn-flickr.active,
	.open > .btn-color.btn-flickr.dropdown-toggle {
		color: #FFFFFF;
		background-color: #0058c3;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-flickr:active:hover, .btn-color.btn-flickr:active:focus, .btn-color.btn-flickr:active.focus, .btn-color.btn-flickr.active:hover, .btn-color.btn-flickr.active:focus, .btn-color.btn-flickr.active.focus,
		.open > .btn-color.btn-flickr.dropdown-toggle:hover,
		.open > .btn-color.btn-flickr.dropdown-toggle:focus,
		.open > .btn-color.btn-flickr.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #0058c3;
			border-color: transparent;
		}

			.btn-color.btn-flickr:active:hover > .icon, .btn-color.btn-flickr:active:focus > .icon, .btn-color.btn-flickr:active.focus > .icon, .btn-color.btn-flickr.active:hover > .icon, .btn-color.btn-flickr.active:focus > .icon, .btn-color.btn-flickr.active.focus > .icon,
			.open > .btn-color.btn-flickr.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-flickr.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-flickr.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-linkedin {
	color: #FFFFFF;
	background-color: #238cc8;
	border-color: #238cc8;
}

	.btn-color.btn-linkedin .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-linkedin:hover {
		color: #FFFFFF;
		background-color: #2b9ada;
		border-color: transparent;
	}

	.btn-color.btn-linkedin:focus, .btn-color.btn-linkedin.focus {
		color: #FFFFFF;
		background-color: #238cc8;
		border-color: #238cc8;
	}

		.btn-color.btn-linkedin:focus:hover, .btn-color.btn-linkedin.focus:hover {
			color: #FFFFFF;
			background-color: #2b9ada;
			border-color: transparent;
		}

	.btn-color.btn-linkedin:active, .btn-color.btn-linkedin.active,
	.open > .btn-color.btn-linkedin.dropdown-toggle {
		color: #FFFFFF;
		background-color: #1f7db2;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-linkedin:active:hover, .btn-color.btn-linkedin:active:focus, .btn-color.btn-linkedin:active.focus, .btn-color.btn-linkedin.active:hover, .btn-color.btn-linkedin.active:focus, .btn-color.btn-linkedin.active.focus,
		.open > .btn-color.btn-linkedin.dropdown-toggle:hover,
		.open > .btn-color.btn-linkedin.dropdown-toggle:focus,
		.open > .btn-color.btn-linkedin.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #1f7db2;
			border-color: transparent;
		}

			.btn-color.btn-linkedin:active:hover > .icon, .btn-color.btn-linkedin:active:focus > .icon, .btn-color.btn-linkedin:active.focus > .icon, .btn-color.btn-linkedin.active:hover > .icon, .btn-color.btn-linkedin.active:focus > .icon, .btn-color.btn-linkedin.active.focus > .icon,
			.open > .btn-color.btn-linkedin.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-linkedin.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-linkedin.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-youtube {
	color: #FFFFFF;
	background-color: #ef4e41;
	border-color: #ef4e41;
}

	.btn-color.btn-youtube .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-youtube:hover {
		color: #FFFFFF;
		background-color: #f16459;
		border-color: transparent;
	}

	.btn-color.btn-youtube:focus, .btn-color.btn-youtube.focus {
		color: #FFFFFF;
		background-color: #ef4e41;
		border-color: #ef4e41;
	}

		.btn-color.btn-youtube:focus:hover, .btn-color.btn-youtube.focus:hover {
			color: #FFFFFF;
			background-color: #f16459;
			border-color: transparent;
		}

	.btn-color.btn-youtube:active, .btn-color.btn-youtube.active,
	.open > .btn-color.btn-youtube.dropdown-toggle {
		color: #FFFFFF;
		background-color: #ed3829;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-youtube:active:hover, .btn-color.btn-youtube:active:focus, .btn-color.btn-youtube:active.focus, .btn-color.btn-youtube.active:hover, .btn-color.btn-youtube.active:focus, .btn-color.btn-youtube.active.focus,
		.open > .btn-color.btn-youtube.dropdown-toggle:hover,
		.open > .btn-color.btn-youtube.dropdown-toggle:focus,
		.open > .btn-color.btn-youtube.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #ed3829;
			border-color: transparent;
		}

			.btn-color.btn-youtube:active:hover > .icon, .btn-color.btn-youtube:active:focus > .icon, .btn-color.btn-youtube:active.focus > .icon, .btn-color.btn-youtube.active:hover > .icon, .btn-color.btn-youtube.active:focus > .icon, .btn-color.btn-youtube.active.focus > .icon,
			.open > .btn-color.btn-youtube.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-youtube.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-youtube.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-pinterest {
	color: #FFFFFF;
	background-color: #e13138;
	border-color: #e13138;
}

	.btn-color.btn-pinterest .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-pinterest:hover {
		color: #FFFFFF;
		background-color: #e4474e;
		border-color: transparent;
	}

	.btn-color.btn-pinterest:focus, .btn-color.btn-pinterest.focus {
		color: #FFFFFF;
		background-color: #e13138;
		border-color: #e13138;
	}

		.btn-color.btn-pinterest:focus:hover, .btn-color.btn-pinterest.focus:hover {
			color: #FFFFFF;
			background-color: #e4474e;
			border-color: transparent;
		}

	.btn-color.btn-pinterest:active, .btn-color.btn-pinterest.active,
	.open > .btn-color.btn-pinterest.dropdown-toggle {
		color: #FFFFFF;
		background-color: #d92027;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-pinterest:active:hover, .btn-color.btn-pinterest:active:focus, .btn-color.btn-pinterest:active.focus, .btn-color.btn-pinterest.active:hover, .btn-color.btn-pinterest.active:focus, .btn-color.btn-pinterest.active.focus,
		.open > .btn-color.btn-pinterest.dropdown-toggle:hover,
		.open > .btn-color.btn-pinterest.dropdown-toggle:focus,
		.open > .btn-color.btn-pinterest.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #d92027;
			border-color: transparent;
		}

			.btn-color.btn-pinterest:active:hover > .icon, .btn-color.btn-pinterest:active:focus > .icon, .btn-color.btn-pinterest:active.focus > .icon, .btn-color.btn-pinterest.active:hover > .icon, .btn-color.btn-pinterest.active:focus > .icon, .btn-color.btn-pinterest.active.focus > .icon,
			.open > .btn-color.btn-pinterest.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-pinterest.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-pinterest.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-github {
	color: #FFFFFF;
	background-color: #333;
	border-color: #333;
}

	.btn-color.btn-github .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-github:hover {
		color: #FFFFFF;
		background-color: #404040;
		border-color: transparent;
	}

	.btn-color.btn-github:focus, .btn-color.btn-github.focus {
		color: #FFFFFF;
		background-color: #333;
		border-color: #333;
	}

		.btn-color.btn-github:focus:hover, .btn-color.btn-github.focus:hover {
			color: #FFFFFF;
			background-color: #404040;
			border-color: transparent;
		}

	.btn-color.btn-github:active, .btn-color.btn-github.active,
	.open > .btn-color.btn-github.dropdown-toggle {
		color: #FFFFFF;
		background-color: #262626;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-github:active:hover, .btn-color.btn-github:active:focus, .btn-color.btn-github:active.focus, .btn-color.btn-github.active:hover, .btn-color.btn-github.active:focus, .btn-color.btn-github.active.focus,
		.open > .btn-color.btn-github.dropdown-toggle:hover,
		.open > .btn-color.btn-github.dropdown-toggle:focus,
		.open > .btn-color.btn-github.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #262626;
			border-color: transparent;
		}

			.btn-color.btn-github:active:hover > .icon, .btn-color.btn-github:active:focus > .icon, .btn-color.btn-github:active.focus > .icon, .btn-color.btn-github.active:hover > .icon, .btn-color.btn-github.active:focus > .icon, .btn-color.btn-github.active.focus > .icon,
			.open > .btn-color.btn-github.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-github.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-github.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-tumblr {
	color: #FFFFFF;
	background-color: #426d9b;
	border-color: #426d9b;
}

	.btn-color.btn-tumblr .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-tumblr:hover {
		color: #FFFFFF;
		background-color: #4a7aad;
		border-color: transparent;
	}

	.btn-color.btn-tumblr:focus, .btn-color.btn-tumblr.focus {
		color: #FFFFFF;
		background-color: #426d9b;
		border-color: #426d9b;
	}

		.btn-color.btn-tumblr:focus:hover, .btn-color.btn-tumblr.focus:hover {
			color: #FFFFFF;
			background-color: #4a7aad;
			border-color: transparent;
		}

	.btn-color.btn-tumblr:active, .btn-color.btn-tumblr.active,
	.open > .btn-color.btn-tumblr.dropdown-toggle {
		color: #FFFFFF;
		background-color: #3a6089;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-tumblr:active:hover, .btn-color.btn-tumblr:active:focus, .btn-color.btn-tumblr:active.focus, .btn-color.btn-tumblr.active:hover, .btn-color.btn-tumblr.active:focus, .btn-color.btn-tumblr.active.focus,
		.open > .btn-color.btn-tumblr.dropdown-toggle:hover,
		.open > .btn-color.btn-tumblr.dropdown-toggle:focus,
		.open > .btn-color.btn-tumblr.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #3a6089;
			border-color: transparent;
		}

			.btn-color.btn-tumblr:active:hover > .icon, .btn-color.btn-tumblr:active:focus > .icon, .btn-color.btn-tumblr:active.focus > .icon, .btn-color.btn-tumblr.active:hover > .icon, .btn-color.btn-tumblr.active:focus > .icon, .btn-color.btn-tumblr.active.focus > .icon,
			.open > .btn-color.btn-tumblr.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-tumblr.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-tumblr.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-dropbox {
	color: #FFFFFF;
	background-color: #007EE5;
	border-color: #007EE5;
}

	.btn-color.btn-dropbox .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-dropbox:hover {
		color: #FFFFFF;
		background-color: #008cff;
		border-color: transparent;
	}

	.btn-color.btn-dropbox:focus, .btn-color.btn-dropbox.focus {
		color: #FFFFFF;
		background-color: #007EE5;
		border-color: #007EE5;
	}

		.btn-color.btn-dropbox:focus:hover, .btn-color.btn-dropbox.focus:hover {
			color: #FFFFFF;
			background-color: #008cff;
			border-color: transparent;
		}

	.btn-color.btn-dropbox:active, .btn-color.btn-dropbox.active,
	.open > .btn-color.btn-dropbox.dropdown-toggle {
		color: #FFFFFF;
		background-color: #0070cc;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-dropbox:active:hover, .btn-color.btn-dropbox:active:focus, .btn-color.btn-dropbox:active.focus, .btn-color.btn-dropbox.active:hover, .btn-color.btn-dropbox.active:focus, .btn-color.btn-dropbox.active.focus,
		.open > .btn-color.btn-dropbox.dropdown-toggle:hover,
		.open > .btn-color.btn-dropbox.dropdown-toggle:focus,
		.open > .btn-color.btn-dropbox.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #0070cc;
			border-color: transparent;
		}

			.btn-color.btn-dropbox:active:hover > .icon, .btn-color.btn-dropbox:active:focus > .icon, .btn-color.btn-dropbox:active.focus > .icon, .btn-color.btn-dropbox.active:hover > .icon, .btn-color.btn-dropbox.active:focus > .icon, .btn-color.btn-dropbox.active.focus > .icon,
			.open > .btn-color.btn-dropbox.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-dropbox.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-dropbox.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-color.btn-behance {
	color: #FFFFFF;
	background-color: #235cff;
	border-color: #235cff;
}

	.btn-color.btn-behance .icon {
		color: #FFFFFF;
	}

	.btn-color.btn-behance:hover {
		color: #FFFFFF;
		background-color: #3d6fff;
		border-color: transparent;
	}

	.btn-color.btn-behance:focus, .btn-color.btn-behance.focus {
		color: #FFFFFF;
		background-color: #235cff;
		border-color: #235cff;
	}

		.btn-color.btn-behance:focus:hover, .btn-color.btn-behance.focus:hover {
			color: #FFFFFF;
			background-color: #3d6fff;
			border-color: transparent;
		}

	.btn-color.btn-behance:active, .btn-color.btn-behance.active,
	.open > .btn-color.btn-behance.dropdown-toggle {
		color: #FFFFFF;
		background-color: #0a49ff;
		border-color: transparent;
		background-image: none;
	}

		.btn-color.btn-behance:active:hover, .btn-color.btn-behance:active:focus, .btn-color.btn-behance:active.focus, .btn-color.btn-behance.active:hover, .btn-color.btn-behance.active:focus, .btn-color.btn-behance.active.focus,
		.open > .btn-color.btn-behance.dropdown-toggle:hover,
		.open > .btn-color.btn-behance.dropdown-toggle:focus,
		.open > .btn-color.btn-behance.dropdown-toggle.focus {
			color: #FFFFFF;
			background-color: #0a49ff;
			border-color: transparent;
		}

			.btn-color.btn-behance:active:hover > .icon, .btn-color.btn-behance:active:focus > .icon, .btn-color.btn-behance:active.focus > .icon, .btn-color.btn-behance.active:hover > .icon, .btn-color.btn-behance.active:focus > .icon, .btn-color.btn-behance.active.focus > .icon,
			.open > .btn-color.btn-behance.dropdown-toggle:hover > .icon,
			.open > .btn-color.btn-behance.dropdown-toggle:focus > .icon,
			.open > .btn-color.btn-behance.dropdown-toggle.focus > .icon {
				color: #FFFFFF;
			}

.btn-hspace {
	/* margin-right: 4px; */
}

.btn-vspace {
	margin-bottom: 5px;
}

.btn-space {
	margin-right: 4px;
	margin-bottom: 5px;
}

.btn-link {
	font-weight: 700;
	color: var(--default-text-color);
}

	.btn-link:focus, .btn-link:hover {
		color: #7a7a7a;
		text-decoration: none;
	}

	.btn-link:active, .btn-link.active,
	.show > .btn-link.dropdown-toggle {
		background-color: rgba(0, 0, 0, 0.07);
	}

.btn-link-secondary {
	color: var(--default-text-color);
}

	.btn-link-secondary:hover {
		color: #7a7a7a;
	}

	.btn-link-secondary:focus, .btn-link-secondary.focus {
		color: var(--default-text-color);
	}

		.btn-link-secondary:focus:hover, .btn-link-secondary.focus:hover {
			color: #7a7a7a;
		}

	.btn-link-secondary.disabled, .btn-link-secondary:disabled {
		color: #7a7a7a;
		cursor: not-allowed;
	}

.btn-link-primary {
	color: var(--top-menu-background-color);
}

	.btn-link-primary:hover {
		color: #1fa6e5;
	}

	.btn-link-primary:focus, .btn-link-primary.focus {
		color: var(--top-menu-background-color);
	}

		.btn-link-primary:focus:hover, .btn-link-primary.focus:hover {
			color: #1fa6e5;
		}

	.btn-link-primary.disabled, .btn-link-primary:disabled {
		color: #91d3f2;
		cursor: not-allowed;
	}

.btn-link-success {
	color: #2cc185;
}

	.btn-link-success:hover {
		color: #239768;
	}

	.btn-link-success:focus, .btn-link-success.focus {
		color: #2cc185;
	}

		.btn-link-success:focus:hover, .btn-link-success.focus:hover {
			color: #239768;
		}

	.btn-link-success.disabled, .btn-link-success:disabled {
		color: #5fdba9;
		cursor: not-allowed;
	}

.btn-link-info {
	color: #58C7EF;
}

	.btn-link-info:hover {
		color: #29b7eb;
	}

	.btn-link-info:focus, .btn-link-info.focus {
		color: #58C7EF;
	}

		.btn-link-info:focus:hover, .btn-link-info.focus:hover {
			color: #29b7eb;
		}

	.btn-link-info.disabled, .btn-link-info:disabled {
		color: #9edef6;
		cursor: not-allowed;
	}

.btn-link-warning {
	color: #FFDC42;
}

	.btn-link-warning:hover {
		color: #ffd30f;
	}

	.btn-link-warning:focus, .btn-link-warning.focus {
		color: #FFDC42;
	}

		.btn-link-warning:focus:hover, .btn-link-warning.focus:hover {
			color: #ffd30f;
		}

	.btn-link-warning.disabled, .btn-link-warning:disabled {
		color: #ffea8f;
		cursor: not-allowed;
	}

.btn-link-danger {
	color: #F45846;
}

	.btn-link-danger:hover {
		color: #f12d16;
	}

	.btn-link-danger:focus, .btn-link-danger.focus {
		color: #F45846;
	}

		.btn-link-danger:focus:hover, .btn-link-danger.focus:hover {
			color: #f12d16;
		}

	.btn-link-danger.disabled, .btn-link-danger:disabled {
		color: #f8998e;
		cursor: not-allowed;
	}

.breadcrumb-item .icon {
	font-size: 1.4rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	position: relative;
	top: -.07692rem;
	font-family: "Stroke 7";
	font-size: 1.8rem;
	line-height: .4;
	vertical-align: middle;
	padding: 0;
}

/*------------------------------------------------------------------
  [Code]
*/
pre {
	padding: 1.538rem;
	border: 0;
	border-radius: 0;
	background-color: #fafafa;
}

	pre code {
		white-space: pre-wrap;
	}

.accordion .card {
	border: 0 solid transparent;
	box-shadow: 0 0 0.307rem rgba(0, 0, 0, 0.04);
	background-color: trn;
}

	.accordion .card + .card {
		margin-top: .384rem;
	}

.accordion .card-header {
	padding: 0;
	border-bottom: 0 solid transparent;
	background-color: #FFFFFF;
}

	.accordion .card-header a {
		display: block;
		font-size: 1.384rem;
		line-height: 1;
		padding: 1.692rem 1.538rem;
		color: var(--default-text-color);
	}

		.accordion .card-header a .icon {
			transition: transform 200ms ease-in-out;
			font-size: 2.307rem;
			line-height: .7;
			vertical-align: middle;
			position: relative;
			top: -1px;
			display: inline-block;
			margin-right: .384rem;
		}

		.accordion .card-header a[aria-expanded='true'] {
			color: var(--top-menu-background-color);
		}

			.accordion .card-header a[aria-expanded='true'] .icon {
				transform: rotate(90deg);
			}

.accordion .card-block {
	padding: 1.692rem 1.538rem;
}

.accordion-dark .card {
	background-color: var(--default-text-color);
	color: #FFFFFF;
}

.accordion-dark .card-header {
	background-color: var(--default-text-color);
}

	.accordion-dark .card-header a {
		color: #FFFFFF;
	}

		.accordion-dark .card-header a[aria-expanded='true'] {
			color: var(--top-menu-background-color);
			background-color: #4c4c4c;
		}

.custom-control {
	min-height: 1.69231rem;
	min-width: 1.69231rem;
}

.custom-control-input:checked ~ .custom-control-indicator {
	border-color: var(--top-menu-background-color);
}

.custom-control-input:checked ~ .custom-control-color {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
}

.custom-select {
	border-radius: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:before {
	content: "\e6ca";
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator:before {
	content: "\e6ce";
	right: 0;
	font-size: 14px;
	line-height: 1.3;
	vertical-align: initial;
}

.custom-control-indicator {
	border: 2px solid #ebebeb;
	text-align: center;
}

	.custom-control-indicator:before {
		position: relative;
		right: 1px;
		content: "";
		display: inline-block;
		font-size: 20px;
		font-family: "Stroke 7";
		font-weight: normal;
		line-height: 19px;
		vertical-align: middle;
	}

.custom-radio-icon {
	margin: 0;
	padding: 0;
	width: 52px;
	height: 52px;
}

	.custom-radio-icon input[type="radio"] {
		margin: 0;
		display: none;
		width: 52px;
	}

	.custom-radio-icon .custom-control-indicator {
		cursor: pointer;
		width: 52px;
		height: 52px;
		line-height: 1;
		border: 2px solid #d5d8de;
		border-radius: 50%;
		text-align: center;
		font-size: 2.847rem;
		vertical-align: middle;
		color: #bdbdbd;
		background-color: #FFFFFF;
	}

		.custom-radio-icon .custom-control-indicator:hover {
			border-color: #b8bdc8;
		}

		.custom-radio-icon .custom-control-indicator .custom-control-description {
			vertical-align: middle;
		}

	.custom-radio-icon input[type="radio"]:checked + .custom-control-indicator {
		border-color: var(--top-menu-background-color);
		color: var(--top-menu-background-color);
		background-color: #FFFFFF;
	}

		.custom-radio-icon input[type="radio"]:checked + .custom-control-indicator:before {
			display: none;
		}

	.custom-radio-icon input[type="radio"]:focus + .custom-control-indicator {
		box-shadow: none;
	}

	.custom-radio-icon input[type="radio"]:active + .custom-control-indicator {
		color: #bdbdbd;
		background-color: #FFFFFF;
	}

	.custom-radio-icon.has-success input[type="radio"]:checked + .custom-control-indicator {
		border-color: #2cc185;
		color: #2cc185;
	}

	.custom-radio-icon.has-info input[type="radio"]:checked + .custom-control-indicator {
		border-color: #58C7EF;
		color: #58C7EF;
	}

	.custom-radio-icon.has-warning input[type="radio"]:checked + .custom-control-indicator, .custom-radio-icon.has-warning input[type="radio"] + .custom-control-indicator {
		border-color: #FFDC42;
		color: #FFDC42;
	}

	.custom-radio-icon.has-danger input[type="radio"]:checked + .custom-control-indicator {
		border-color: #F45846;
		color: #F45846;
	}

	.custom-radio-icon.inline {
		display: inline-flex;
	}

		.custom-radio-icon.inline + .custom-radio-icon.inline {
			margin-left: 18px;
		}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
	color: var(--default-text-color);
}

.has-success .custom-control-indicator {
	border-color: #2cc185;
}

.has-success .custom-control-input:checked ~ .custom-control-indicator {
	border-color: #2cc185;
	color: #2cc185;
}

.has-success .custom-control-input:checked ~ .custom-control-color {
	background-color: #2cc185;
	color: #FFFFFF;
}

.has-success .form-control-success {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232cc185' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
	color: var(--default-text-color);
}

.has-warning .custom-control-indicator {
	border-color: #FFDC42;
}

.has-warning .custom-control-input:checked ~ .custom-control-indicator {
	border-color: #FFDC42;
	color: #FFDC42;
}

.has-warning .custom-control-input:checked ~ .custom-control-color {
	background-color: #FFDC42;
	color: #FFFFFF;
}

.has-warning .form-control-warning {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFDC42' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
	color: var(--default-text-color);
}

.has-danger .custom-control-indicator {
	border-color: #F45846;
}

.has-danger .custom-control-input:checked ~ .custom-control-indicator {
	border-color: #F45846;
	color: #F45846;
}

.has-danger .custom-control-input:checked ~ .custom-control-color {
	background-color: #F45846;
	color: #FFFFFF;
}

.has-danger .form-control-danger {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F45846' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.custom-control-sm {
	min-width: 1.38462rem;
	min-height: 1.38462rem;
}

	.custom-control-sm .custom-control-indicator {
		width: 1.38462rem;
		height: 1.38462rem;
	}

		.custom-control-sm .custom-control-indicator:before {
			font-size: 15px;
			right: 0;
			line-height: 1;
			vertical-align: top;
		}

.dropdown-showcase {
	margin: 0;
}

.dropdown-menu {
	color: var(--default-text-color);
	border-radius: 0;
	box-shadow: 0 0 0.3077rem rgba(0, 0, 0, 0.25);
}

	.dropdown-menu.dropdown-menu-dark {
		background-color: #323232;
		box-shadow: none;
	}

.dropdown-menu-dark .dropdown-divider {
	height: 1px;
	margin: 0.5rem 0;
	overflow: hidden;
	background-color: #3f3f3f;
}

.dropdown-item {
	padding: 0.7rem 1.5rem;
}

	.dropdown-item:focus {
		background-color: transparent;
	}

	.dropdown-item:active {
		color: #323232;
		background-color: #f7f7f9;
	}

	.dropdown-item.active:hover, .dropdown-item.active:active {
		background-color: #f7f7f9;
		color: var(--top-menu-background-color);
	}

.dropdown-menu-dark .dropdown-item {
	color: #adadad;
}

	.dropdown-menu-dark .dropdown-item.active {
		color: var(--top-menu-background-color);
	}

	.dropdown-menu-dark .dropdown-item:active {
		background-color: transparent;
	}

	.dropdown-menu-dark .dropdown-item:hover:focus, .dropdown-menu-dark .dropdown-item:hover:hover {
		color: #FFFFFF;
		background-color: var(--top-menu-background-color);
	}

.dropdown-item .icon {
	font-size: 1.385rem;
	vertical-align: middle;
}

.form-group label, .ms-selectable label {
	font-size: 1.077rem;
}

.form-control[multiple] {
	padding: 0;
}

	.form-control[multiple] option {
		padding: 14px 13px;
	}

textarea.form-control {
	background-color: #fafafa;
}

	textarea.form-control:focus {
		background-color: #fafafa;
	}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

	.inputfile + label {
		padding: 0.81rem 0.7692rem;
		display: inline-block;
		cursor: pointer;
	}

		.inputfile + label i {
			margin-right: 10px;
		}

.form-control-xs {
	padding: 0.385rem 1.307rem;
	font-size: 1rem;
}

select.form-control-xs:not([size]):not([multiple]) {
	height: 2.27rem;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
	font-size: 1rem;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
	font-size: 1.230rem;
}

.form-horizontal .form-group.row .col-form-label {
	text-align: right;
}

@media (max-width: 767px) {
	.container {
		width: 100%;
	}
}

.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
	z-index: 0;
}

.input-group-addon {
	padding: 0.6rem 0.9rem;
	min-width: 3.847rem;
	font-size: 1.230rem;
	color: #878787;
	border-radius: 0;
}

.input-group-lg > .input-group-addon {
	font-size: 1.38462rem;
}

.input-group-addon .custom-control {
	margin: 0;
	padding: 0;
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 0;
}

.input-group-btn {
	flex-direction: row;
}

.input-search input {
	border: 1px solid #ebebeb;
	border-radius: 0;
	display: block;
	font-size: 1rem;
}

	.input-search input:focus {
		background-color: transparent;
	}

.input-search .input-group-btn {
	position: absolute;
	right: 0;
	display: block;
	width: auto;
	top: 1px;
	right: 1px;
	z-index: 3;
}

	.input-search .input-group-btn button {
		box-shadow: none;
		border: none;
		height: 3.07077rem;
		cursor: pointer;
	}

		.input-search .input-group-btn button:active {
			background-color: transparent;
			box-shadow: none;
		}

		.input-search .input-group-btn button .icon {
			font-size: 20px;
			color: #878787;
		}

		.input-search .input-group-btn button:hover {
			background-color: transparent;
		}

.input-search.input-group-lg .input-group-btn button {
	height: 3.68615rem;
}

.input-search.input-group-sm .input-group-btn button {
	height: 2.37846rem;
}

	.input-search.input-group-sm .input-group-btn button .icon {
		font-size: 22px;
	}

/*------------------------------------------------------------------
  [List group]
*/
.list-group-item.active .badge {
	background: #FFFFFF;
	color: var(--top-menu-background-color);
}

.list-group-item .icon {
	flex: 0 0 auto;
	margin-right: .7rem;
	font-size: 1.385rem;
	line-height: 0.5;
	vertical-align: middle;
}

.list-group-item.active .icon {
	color: #FFFFFF;
}

.list-group-item .text {
	flex: 1 1 auto;
}

.list-group-item .badge {
	flex: 0 0 auto;
}

.active .list-group-item .badge {
	background: #FFFFFF;
	color: var(--top-menu-background-color);
}

.modal-content {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	background-color: #FFFFFF;
	color: var(--default-text-color);
	border: none;
	border-radius: 0;
	max-width: 545px;
}

	.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
		display: block;
		margin: 0;
		color: var(--default-text-color);
	}

	.modal-header .close {
		font-size: 20px;
		opacity: 0.4;
		text-shadow: none;
	}

		.modal-header .close:hover {
			opacity: 0.8;
		}

.modal-body {
	padding: 20px 30px 30px;
}

	.modal-body .row:last-child .form-group {
		margin-bottom: 0;
	}

.modal-main-icon {
	display: inline-block;
	line-height: normal;
	font-size: 5rem;
}

.modal-footer {
	padding: 20px 30px;
	border: none;
}

.modal-dark .modal-content {
	background-color: #323232;
	color: #d1d1d1;
}

.modal-dark .modal-header .close {
	color: #FFFFFF;
	opacity: 0.6;
}

	.modal-dark .modal-header .close:hover {
		opacity: 1;
	}

.modal-dark .btn {
	border-width: 0;
}

.modal-dark .modal-footer .btn-link-secondary {
	color: #e0e0e0;
}

	.modal-dark .modal-footer .btn-link-secondary:hover {
		color: #cccccc;
	}

.modal-header-colored {
	justify-content: space-between;
	background-color: whitesmoke;
}

	.modal-header-colored + .modal-body {
		padding-top: 30px;
	}

.modal-dark .modal-header-colored {
	background-color: #4a4a4a;
}

	.modal-dark .modal-header-colored h1, .modal-dark .modal-header-colored h2, .modal-dark .modal-header-colored h3, .modal-dark .modal-header-colored h4, .modal-dark .modal-header-colored h5, .modal-dark .modal-header-colored h6 {
		color: #d1d1d1;
	}

.modal-header-colored-primary, .modal-dark .modal-header-colored-primary {
	background-color: var(--top-menu-background-color);
}

	.modal-header-colored-primary h1, .modal-header-colored-primary h2, .modal-header-colored-primary h3, .modal-header-colored-primary h4, .modal-header-colored-primary h5, .modal-header-colored-primary h6, .modal-dark .modal-header-colored-primary h1, .modal-dark .modal-header-colored-primary h2, .modal-dark .modal-header-colored-primary h3, .modal-dark .modal-header-colored-primary h4, .modal-dark .modal-header-colored-primary h5, .modal-dark .modal-header-colored-primary h6 {
		color: #FFFFFF;
	}

	.modal-header-colored-primary .close, .modal-dark .modal-header-colored-primary .close {
		color: #FFFFFF;
		opacity: 0.6;
	}

		.modal-header-colored-primary .close:hover, .modal-dark .modal-header-colored-primary .close:hover {
			opacity: 1;
		}

.modal-header-colored-success, .modal-dark .modal-header-colored-success {
	background-color: #2cc185;
}

	.modal-header-colored-success h1, .modal-header-colored-success h2, .modal-header-colored-success h3, .modal-header-colored-success h4, .modal-header-colored-success h5, .modal-header-colored-success h6, .modal-dark .modal-header-colored-success h1, .modal-dark .modal-header-colored-success h2, .modal-dark .modal-header-colored-success h3, .modal-dark .modal-header-colored-success h4, .modal-dark .modal-header-colored-success h5, .modal-dark .modal-header-colored-success h6 {
		color: #FFFFFF;
	}

	.modal-header-colored-success .close, .modal-dark .modal-header-colored-success .close {
		color: #FFFFFF;
		opacity: 0.6;
	}

		.modal-header-colored-success .close:hover, .modal-dark .modal-header-colored-success .close:hover {
			opacity: 1;
		}

.modal-header-colored-info, .modal-dark .modal-header-colored-info {
	background-color: #58C7EF;
}

	.modal-header-colored-info h1, .modal-header-colored-info h2, .modal-header-colored-info h3, .modal-header-colored-info h4, .modal-header-colored-info h5, .modal-header-colored-info h6, .modal-dark .modal-header-colored-info h1, .modal-dark .modal-header-colored-info h2, .modal-dark .modal-header-colored-info h3, .modal-dark .modal-header-colored-info h4, .modal-dark .modal-header-colored-info h5, .modal-dark .modal-header-colored-info h6 {
		color: #FFFFFF;
	}

	.modal-header-colored-info .close, .modal-dark .modal-header-colored-info .close {
		color: #FFFFFF;
		opacity: 0.6;
	}

		.modal-header-colored-info .close:hover, .modal-dark .modal-header-colored-info .close:hover {
			opacity: 1;
		}

.modal-header-colored-warning, .modal-dark .modal-header-colored-warning {
	background-color: #FFDC42;
}

	.modal-header-colored-warning h1, .modal-header-colored-warning h2, .modal-header-colored-warning h3, .modal-header-colored-warning h4, .modal-header-colored-warning h5, .modal-header-colored-warning h6, .modal-dark .modal-header-colored-warning h1, .modal-dark .modal-header-colored-warning h2, .modal-dark .modal-header-colored-warning h3, .modal-dark .modal-header-colored-warning h4, .modal-dark .modal-header-colored-warning h5, .modal-dark .modal-header-colored-warning h6 {
		color: #FFFFFF;
	}

	.modal-header-colored-warning .close, .modal-dark .modal-header-colored-warning .close {
		color: #FFFFFF;
		opacity: 0.6;
	}

		.modal-header-colored-warning .close:hover, .modal-dark .modal-header-colored-warning .close:hover {
			opacity: 1;
		}

.modal-header-colored-danger, .modal-dark .modal-header-colored-danger {
	background-color: #F45846;
}

	.modal-header-colored-danger h1, .modal-header-colored-danger h2, .modal-header-colored-danger h3, .modal-header-colored-danger h4, .modal-header-colored-danger h5, .modal-header-colored-danger h6, .modal-dark .modal-header-colored-danger h1, .modal-dark .modal-header-colored-danger h2, .modal-dark .modal-header-colored-danger h3, .modal-dark .modal-header-colored-danger h4, .modal-dark .modal-header-colored-danger h5, .modal-dark .modal-header-colored-danger h6 {
		color: #FFFFFF;
	}

	.modal-header-colored-danger .close, .modal-dark .modal-header-colored-danger .close {
		color: #FFFFFF;
		opacity: 0.6;
	}

		.modal-header-colored-danger .close:hover, .modal-dark .modal-header-colored-danger .close:hover {
			opacity: 1;
		}

.modal-header-colored-dark, .modal-dark .modal-header-colored-dark {
	background-color: #323232;
}

	.modal-header-colored-dark h1, .modal-header-colored-dark h2, .modal-header-colored-dark h3, .modal-header-colored-dark h4, .modal-header-colored-dark h5, .modal-header-colored-dark h6, .modal-dark .modal-header-colored-dark h1, .modal-dark .modal-header-colored-dark h2, .modal-dark .modal-header-colored-dark h3, .modal-dark .modal-header-colored-dark h4, .modal-dark .modal-header-colored-dark h5, .modal-dark .modal-header-colored-dark h6 {
		color: #d1d1d1;
	}

	.modal-header-colored-dark .close, .modal-dark .modal-header-colored-dark .close {
		color: #FFFFFF;
		opacity: 0.6;
	}

		.modal-header-colored-dark .close:hover, .modal-dark .modal-header-colored-dark .close:hover {
			opacity: 1;
		}

.modal-full-color .modal-content {
	color: #FFFFFF;
}

.modal-full-color .modal-header .close {
	color: #FFFFFF;
	opacity: 0.6;
}

	.modal-full-color .modal-header .close:hover {
		opacity: 1;
	}

.modal-full-color .modal-footer .btn-link-secondary {
	color: #FFFFFF;
}

	.modal-full-color .modal-footer .btn-link-secondary:hover {
		color: #ebebeb;
	}

.modal-full-color .btn {
	border-width: 0;
}

.modal-full-color .btn-primary,
.modal-full-color .btn-success,
.modal-full-color .btn-info,
.modal-full-color .btn-warning,
.modal-full-color .btn-danger,
.modal-full-color .btn-dark {
	background-color: transparent;
}

	.modal-full-color .btn-primary:focus,
	.modal-full-color .btn-success:focus,
	.modal-full-color .btn-info:focus,
	.modal-full-color .btn-warning:focus,
	.modal-full-color .btn-danger:focus,
	.modal-full-color .btn-dark:focus {
		background-color: transparent;
	}

	.modal-full-color .btn-primary:hover, .modal-full-color .btn-primary .hover,
	.modal-full-color .btn-success:hover,
	.modal-full-color .btn-success .hover,
	.modal-full-color .btn-info:hover,
	.modal-full-color .btn-info .hover,
	.modal-full-color .btn-warning:hover,
	.modal-full-color .btn-warning .hover,
	.modal-full-color .btn-danger:hover,
	.modal-full-color .btn-danger .hover,
	.modal-full-color .btn-dark:hover,
	.modal-full-color .btn-dark .hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

	.modal-full-color .btn-primary:active,
	.modal-full-color .btn-success:active,
	.modal-full-color .btn-info:active,
	.modal-full-color .btn-warning:active,
	.modal-full-color .btn-danger:active,
	.modal-full-color .btn-dark:active {
		background-color: rgba(0, 0, 0, 0.15);
	}

.modal-full-color-primary .modal-header {
	background-color: var(--top-menu-background-color);
}

.modal-full-color-primary .modal-body, .modal-full-color-primary .modal-footer {
	background-color: var(--top-menu-background-color);
}

.modal-full-color-primary .btn-default {
	color: var(--top-menu-background-color);
}

	.modal-full-color-primary .btn-default:active {
		color: var(--top-menu-background-color);
	}

.modal-full-color-success .modal-header {
	background-color: #2cc185;
}

.modal-full-color-success .modal-body, .modal-full-color-success .modal-footer {
	background-color: #2cc185;
}

.modal-full-color-success .btn-default {
	color: #2cc185;
}

	.modal-full-color-success .btn-default:active {
		color: #2cc185;
	}

.modal-full-color-info .modal-header {
	background-color: #58C7EF;
}

.modal-full-color-info .modal-body, .modal-full-color-info .modal-footer {
	background-color: #58C7EF;
}

.modal-full-color-info .btn-default {
	color: #58C7EF;
}

	.modal-full-color-info .btn-default:active {
		color: #58C7EF;
	}

.modal-full-color-warning .modal-header {
	background-color: #FFDC42;
}

.modal-full-color-warning .modal-body, .modal-full-color-warning .modal-footer {
	background-color: #FFDC42;
}

.modal-full-color-warning .btn-default {
	color: #FFDC42;
}

	.modal-full-color-warning .btn-default:active {
		color: #FFDC42;
	}

.modal-full-color-danger .modal-header {
	background-color: #F45846;
}

.modal-full-color-danger .modal-body, .modal-full-color-danger .modal-footer {
	background-color: #F45846;
}

.modal-full-color-danger .btn-default {
	color: #F45846;
}

	.modal-full-color-danger .btn-default:active {
		color: #F45846;
	}

.modal-full-color-dark .modal-header {
	background-color: #323232;
}

.modal-full-color-dark .modal-body, .modal-full-color-dark .modal-footer {
	background-color: #323232;
}

.modal-full-color-dark .btn-default {
	color: #323232;
}

	.modal-full-color-dark .btn-default:active {
		color: #323232;
	}

.full-width {
	max-width: none;
}

	.full-width .modal-content {
		max-width: none;
		width: 90%;
	}

@media (max-width: 575px) {
	.modal-dialog {
		min-width: 100%;
		padding: 0 15px;
	}
}

.mai-modal-open {
	overflow-x: visible;
}

.nav-link {
	font-size: 1.077rem;
	color: var(--default-text-color);
}

	.nav-link.hover, .nav-link:hover {
		color: var(--top-menu-background-color);
	}

	.nav-link .icon {
		font-size: 1.231rem;
		vertical-align: middle;
	}

.tab-content {
	padding: 1.538rem;
	background-color: #FFFFFF;
}

.nav-tabs-dark .nav-link.active {
	background-color: var(--default-text-color);
	color: var(--top-menu-background-color);
}

.nav-tabs-dark + .tab-content {
	background-color: var(--default-text-color);
	color: #FFFFFF;
}

.nav-tabs-primary .nav-link.active {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
}

.nav-tabs-primary + .tab-content {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
}

.tab-left .nav-tabs, .tab-right .nav-tabs {
	float: left;
	flex-direction: column;
}

	.tab-left .nav-tabs > li, .tab-right .nav-tabs > li {
		float: none;
		margin-right: 0;
		margin-bottom: 0;
	}

		.tab-left .nav-tabs > li > a, .tab-right .nav-tabs > li > a {
			text-align: left;
			min-width: 38px;
			padding: 1.154rem 1.308rem;
		}

.tab-left .tab-content, .tab-right .tab-content {
	overflow: auto;
}

.tab-right .nav-tabs {
	float: right;
}

.tab-icons .nav-link .icon {
	font-size: 1.6rem;
}

/*------------------------------------------------------------------
  [Pagination]
*/
.pagination {
	padding-left: 0;
	border-radius: 0;
}

.page-item:first-child .page-link {
	border-radius: 0;
}

.page-item:last-child .page-link {
	border-radius: 0;
}

.pagination-rounded .page-item:first-child .page-link {
	border-radius: 50%;
}

.pagination-rounded .page-item:last-child .page-link {
	border-radius: 50%;
}

.page-link {
	color: var(--top-menu-background-color);
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: .6923rem;
}

	.page-link > span {
		font-size: 1.846rem;
		line-height: 0.5;
		vertical-align: middle;
	}

.pagination-rounded .page-link {
	border-radius: 50%;
	width: 2.692rem;
	height: 2.692rem;
	padding: 0.5rem 0.55rem;
	text-align: center;
	line-height: 1.6;
	vertical-align: middle;
}

.popover-title {
	margin-top: 0;
}

/*------------------------------------------------------------------
  [Tables]
*/
.table > thead > tr > th {
	border-bottom-width: 2px;
	border-top-width: 0;
	font-weight: 400;
}

.table > thead.primary > tr > th {
	color: var(--top-menu-background-color);
}

.table > thead.success > tr > th {
	color: #2cc185;
}

.table > tbody > tr > td {
	font-weight: 400;
	vertical-align: middle;
}

.table-bordered > thead > tr > th {
	padding: 13px 10px;
	border-bottom-width: 1px;
}

.table-bordered tbody > tr td:first-child {
	padding-left: 10px;
}

.table-bordered tbody > tr td:last-child {
	padding-right: 10px;
}

.table-primary,
.table-primary > th,
.table-primary > td {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
}

.table-hover .table-primary:hover {
	background-color: #36afe7;
	color: #FFFFFF;
}

	.table-hover .table-primary:hover > td,
	.table-hover .table-primary:hover > th {
		background-color: #36afe7;
		color: #FFFFFF;
	}

.table-success,
.table-success > th,
.table-success > td {
	background-color: #2cc185;
	color: #FFFFFF;
}

.table-hover .table-success:hover {
	background-color: #27ac77;
	color: #FFFFFF;
}

	.table-hover .table-success:hover > td,
	.table-hover .table-success:hover > th {
		background-color: #27ac77;
		color: #FFFFFF;
	}

.table-info,
.table-info > th,
.table-info > td {
	background-color: #58C7EF;
	color: #FFFFFF;
}

.table-hover .table-info:hover {
	background-color: #41bfed;
	color: #FFFFFF;
}

	.table-hover .table-info:hover > td,
	.table-hover .table-info:hover > th {
		background-color: #41bfed;
		color: #FFFFFF;
	}

.table-warning,
.table-warning > th,
.table-warning > td {
	background-color: #FFDC42;
	color: #FFFFFF;
}

.table-hover .table-warning:hover {
	background-color: #ffd729;
	color: #FFFFFF;
}

	.table-hover .table-warning:hover > td,
	.table-hover .table-warning:hover > th {
		background-color: #ffd729;
		color: #FFFFFF;
	}

.table-danger,
.table-danger > th,
.table-danger > td {
	background-color: #F45846;
	color: #FFFFFF;
}

.table-hover .table-danger:hover {
	background-color: #f3422e;
	color: #FFFFFF;
}

	.table-hover .table-danger:hover > td,
	.table-hover .table-danger:hover > th {
		background-color: #f3422e;
		color: #FFFFFF;
	}

.table-dark,
.table-dark > th,
.table-dark > td {
	background-color: var(--default-text-color);
	color: #FFFFFF;
}

.table-hover .table-dark:hover {
	background-color: #474747;
	color: #FFFFFF;
}

	.table-hover .table-dark:hover > td,
	.table-hover .table-dark:hover > th {
		background-color: #474747;
		color: #FFFFFF;
	}

.table-responsive {
	border: 0;
	margin-bottom: 0;
}

	.table-responsive tbody > tr > td {
		padding-top: 0.807692rem;
		padding-bottom: 0.807692rem;
	}

.table tr th .custom-control, .table tr td .custom-control {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.table tbody tr td.user-avatar img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	margin-right: 10px;
}

@media (max-width: 575px) {
	.table tbody tr td.user-avatar img {
		display: none;
	}
}

.table tbody tr td.cell-detail span {
	display: block;
}

.table tbody tr td.cell-detail .cell-detail-description {
	display: block;
	font-size: .846154rem;
	color: #999999;
}

.table tbody tr td.user-info img {
	float: left;
}

.table tbody tr td.user-info span {
	padding-left: 40px;
}

.table tbody tr td.milestone {
	min-width: 100px;
}

	.table tbody tr td.milestone span {
		display: block;
		font-size: 0.846154rem;
		color: #999999;
		margin-bottom: 0.461538rem;
	}

		.table tbody tr td.milestone span.completed {
			float: right;
		}

	.table tbody tr td.milestone .progress {
		height: 6px;
		background-color: #e6e6e6;
		margin-bottom: 0;
	}

		.table tbody tr td.milestone .progress .progress-bar {
			height: 6px;
			border-radius: 0.25rem;
		}

.table tbody tr.online td:first-child {
	border-left: 3px solid var(--top-menu-background-color);
	padding-left: 17px;
}

.table .number {
	text-align: right;
}

.table.table-borderless tbody tr td {
	border-top-width: 0;
}

.panel-table table {
	margin-bottom: 0;
}

.panel-table tr th:first-child, .panel-table tr td:first-child {
	padding-left: 20px;
}

.panel-table tr th:last-child, .panel-table tr td:last-child {
	padding-right: 20px;
}

.panel-table thead tr th {
	padding-top: 15px;
	padding-bottom: 10px;
}

.lead {
	line-height: 1.4;
}

.blockquote p {
	font-size: 1.308rem;
}

@media (max-width: 767px) {
	.mai-email .main-content {
		padding: 0;
	}
}

.email {
	margin: 0;
}

.email-aside {
	background: #ffffff;
	width: 269px;
	flex: 0 0 269px;
	padding: 0;
	border-right: 1px solid #e8e8e8;
}

@media (max-width: 767px) {
	.email-aside {
		position: relative;
		width: 100%;
		flex: 0 0 100%;
		display: block;
		height: auto;
		margin-top: 0;
		padding-bottom: 0;
		left: 0;
		border-right: 0;
		border-bottom: 2px solid #f2f2f2;
	}
}

.email-aside .content {
	position: relative;
}

.aside-header {
	position: relative;
	padding: 20px 23px;
}

	.aside-header .title {
		display: block;
		margin: 16px 0 8px;
		font-size: 25px;
		line-height: 25px;
	}

	.aside-header .navbar-toggler {
		padding: 0;
		padding-right: 11px;
		text-align: right;
		margin: 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
	}

		.aside-header .navbar-toggler .icon {
			font-size: 2.07692rem;
			color: var(--default-text-color);
		}

	.aside-header .description {
		color: #6e6e6e;
		font-size: 1rem;
		line-height: 1;
		margin: 0;
	}

.aside-nav {
	visibility: visible;
}

	.aside-nav.collapse {
		display: block;
	}

@media (max-width: 767px) {
	.aside-nav {
		border-bottom: 1px solid #e6e6e6;
	}

		.aside-nav.collapse {
			display: none;
		}

		.aside-nav.show {
			display: block;
		}
}

.aside-nav .navbar-nav li a {
	color: var(--default-text-color);
	padding: 13px 23px;
}

	.aside-nav .navbar-nav li a:hover {
		background-color: #e8e8e8;
	}

.aside-nav .navbar-nav li.active a {
	color: var(--top-menu-background-color);
}

	.aside-nav .navbar-nav li.active a .icon {
		color: var(--top-menu-background-color);
	}

	.aside-nav .navbar-nav li.active a:hover {
		background-color: #e8e8e8;
	}

.aside-nav .navbar-nav li .badge {
	float: right;
	font-size: .846154rem;
	padding: 4px 7px;
}

.aside-nav .navbar-nav li .icon {
	font-size: 1.46154rem;
	vertical-align: middle;
	text-align: center;
	min-width: 19px;
	margin-right: 3px;
	color: #757575;
}

.aside-nav .title {
	display: block;
	/*color: #bfbfbf;*/
	font-size: .846154rem;
	text-transform: uppercase;
	margin-top: 32px;
	padding: 8px 23px 4px;
}

.aside-nav .aside-compose {
	padding: 23px;
}

.email-content {
	padding: 0;
}

.email-inbox-header {
	background-color: #FFFFFF;
	padding: 30px 25px;
}

@media (max-width: 767px) {
	.email-inbox-header {
		padding: 20px 25px;
	}
}

.email-title {
	display: block;
	margin: 3px 0 0;
	font-size: 2.15385rem;
	line-height: 1;
}

@media (max-width: 767px) {
	.email-title {
		margin-bottom: 10px;
	}
}

.email-title .icon {
	font-size: 1.76923rem;
	color: #878787;
}

.email-title .new-messages {
	font-size: 1rem;
	color: #a1a1a1;
	margin-left: 3px;
}

.email-filters {
	padding: 0 20px 30px;
	border-bottom: 1px solid #e6e6e6;
	background-color: #FFFFFF;
	display: table;
	width: 100%;
}

	.email-filters > div {
		display: table-cell;
		vertical-align: middle;
	}

@media (max-width: 767px) {
	.email-filters > div {
		vertical-align: top;
	}
}

.email-filters .btn-group .btn {
	min-width: 38px;
}

.email-filters .btn-group + .btn-group {
	margin-left: 10px;
}

@media (max-width: 575px) {
	.email-filters .btn-group + .btn-group {
		margin-left: 0;
		margin-top: 10px;
	}
}

.email-filters .mai-select-all.custom-checkbox {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin-bottom: 0;
}

	.email-filters .mai-select-all.custom-checkbox label:before {
		margin-right: 18px;
	}

.email-filters .email-filters-right {
	text-align: right;
}

.email-filters input {
	margin-right: 8px;
}

.email-pagination-indicator {
	display: inline-block;
	vertical-align: middle;
	margin-right: 13px;
}

@media (max-width: 767px) {
	.email-pagination-indicator {
		position: absolute;
		margin-right: 0;
		top: 36px;
		right: 25px;
	}
}

.email-pagination-nav .btn {
	min-width: 30px;
	padding-right: 3px;
	padding-left: 3px;
}

	.email-pagination-nav .btn i {
		font-size: 2.30769rem;
		line-height: 0.2;
		vertical-align: middle;
	}

.email-list {
	background: #FFFFFF;
}

.email-list-item {
	border-bottom: 1px solid #e6e6e6;
	padding: 14px 20px;
	display: flex;
	width: 100%;
	cursor: pointer;
	position: relative;
	background-color: whitesmoke;
}

.email-list-item-unread {
	background-color: #FFFFFF;
}

	.email-list-item-unread:after {
		content: '';
		display: block;
		position: absolute;
		width: 3px;
		top: -1px;
		bottom: -1px;
		left: 0;
		background-color: var(--top-menu-background-color);
	}

	.email-list-item-unread .from, .email-list-item-unread .date {
		font-weight: 500;
	}

.email-list-item .icon {
	margin-right: 7px;
	font-size: 1.15385rem;
	vertical-align: middle;
	color: #7a7a7a;
}

.email-list-item .from {
	font-size: 1.15385rem;
	line-height: 1;
	color: #3d3d3d;
	flex: 0 0 25%;
}

.email-list-item .msg {
	margin: 0;
	font-size: 1rem;
	line-height: 1;
	color: #878787;
	flex: 0 0 65%;
}

.email-list-item .date {
	flex: 0 0 10%;
	font-size: 1rem;
	line-height: 1;
	text-align: right;
}

.email-list-item:hover {
	background-color: #f7f7f7;
}

.email-list-detail, .email-list-actions {
	display: flex;
	align-items: center;
}

.email-list-detail {
	flex: 1;
	justify-content: space-between;
	margin-left: .692308rem;
}

.email-list-actions .custom-checkbox {
	padding: 0;
	margin: 0;
	flex: 0 0 0%;
}

.email-list-actions .favorite {
	flex: 0 0 0%;
	margin-left: 1rem;
}

	.email-list-actions .favorite span {
		font-size: 1.23077rem;
		line-height: 1;
		color: #d4d4d4;
	}

	.email-list-actions .favorite:hover span {
		color: #a1a1a1;
	}

	.email-list-actions .favorite.active span {
		color: #FFC600;
	}

.email-detail-head {
	background-color: #FFFFFF;
	padding: 45px 45px 30px;
}

@media (max-width: 575px) {
	.email-detail-head {
		padding: 45px 30px 30px;
	}
}

.email-head-title {
	padding: 25px 25px;
	color: #6e6e6e;
	font-size: 2.15385rem;
}

	.email-head-title .icon {
		color: dimgray;
		margin-right: 12px;
		vertical-align: middle;
		position: relative;
		top: -1px;
		float: left;
		font-size: 1.53846rem;
	}

.email-head-sender {
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	.email-head-sender {
		flex-flow: column;
	}
}

.email-head-sender .avatar {
	margin-right: 10px;
}

	.email-head-sender .avatar img {
		max-width: 40px;
		max-height: 40px;
		border-radius: 50%;
	}

@media (max-width: 767px) {
	.email-head-sender .avatar img {
		max-width: 60px;
		max-height: 60px;
	}
}

.email-head-sender .sender {
	font-size: 1.15385rem;
	flex: 1;
}

	.email-head-sender .sender .actions {
		display: inline-block;
		position: relative;
	}

	.email-head-sender .sender .icon {
		font-size: 1.53846rem;
		color: #6e6e6e;
	}

		.email-head-sender .sender .icon i {
			vertical-align: middle;
		}

.email-head-sender .options {
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	.email-head-sender .options {
		justify-content: space-between;
		width: 100%;
	}
}

.email-head-sender .options .date {
	display: inline-flex;
	font-size: 1.15385rem;
}

	.email-head-sender .options .date .time {
		color: #ababab;
		margin-left: .384615rem;
	}

.email-head-sender .options .favorite {
	margin: 0 .384615rem;
}

	.email-head-sender .options .favorite span {
		font-size: 1.38462rem;
		line-height: 1;
		color: #d4d4d4;
	}

	.email-head-sender .options .favorite:hover span {
		color: #a1a1a1;
	}

	.email-head-sender .options .favorite.active span {
		color: #FFC600;
	}

.email-head-subject {
	margin-top: 30px;
	flex: 0 0 50%;
	max-width: 55%;
}

@media (max-width: 767px) {
	.email-head-subject {
		text-align: center;
		max-width: none;
	}
}

.email-head-subject .title {
	font-size: 2.76923rem;
	line-height: 1.3;
}

.email-body {
	background-color: #FFFFFF;
	padding: 30px 45px 45px;
}

@media (max-width: 575px) {
	.email-body {
		padding: 30px;
	}
}

.email-body p {
	margin-bottom: 20px;
}

	.email-body p:last-child {
		margin-bottom: 0;
	}

.email-attachments {
	background-color: #FFFFFF;
	padding: 35px 45px;
	border-top: 1px solid #e6e6e6;
}

@media (max-width: 575px) {
	.email-attachments {
		padding: 30px;
	}
}

.email-attachments .attachements-resume {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

	.email-attachments .attachements-resume .title {
		font-size: 1rem;
		flex: 1 1;
	}

@media (max-width: 991px) {
	.email-attachments .attachements-resume .title {
		flex: 1 1 50%;
	}
}

.email-attachments .attachements-resume .options {
	flex: 0 1 22%;
	display: flex;
}

@media (max-width: 991px) {
	.email-attachments .attachements-resume .options {
		flex: 1 1 22%;
	}
}

.email-attachments .attachements-resume .options a {
	flex: 1 1 50%;
}

.email-attachments .attachements-files .file {
	display: flex;
	align-items: center;
	margin-top: 3px;
}

.email-attachments .attachements-files .file-name {
	flex: 1 1;
	display: flex;
	align-items: center;
}

@media (max-width: 991px) {
	.email-attachments .attachements-files .file-name {
		flex: 1 1 50%;
	}
}

.email-attachments .attachements-files .file-name .icon {
	margin-right: .230769rem;
}

.email-attachments .attachements-files .file-name .file-size {
	margin-left: 3px;
}

.email-attachments .attachements-files .file-options {
	flex: 0 1 22%;
	display: flex;
}

@media (max-width: 991px) {
	.email-attachments .attachements-files .file-options {
		flex: 1 1 22%;
	}
}

.email-attachments .attachements-files .file-options a {
	flex: 1 1 50%;
}

.email-compose-fields {
	background-color: #FFFFFF;
	padding: 30px 30px 10px;
}

@media (max-width: 767px) {
	.email-compose-fields {
		padding-top: 0;
	}
}

.email-compose-fields label {
	padding-top: 15px;
}

.email-editor {
	padding: 30px 30px 0;
}

	.email-editor .note-toolbar {
		border: 0;
	}

	.email-editor .form-group {
		text-align: right;
		margin-top: 15px;
	}

		.email-editor .form-group .icon {
			font-size: 1.76923rem;
		}

/*------------------------------------------------------------------
  [Error pages]
*/
.mai-error .error-container {
	text-align: center;
	margin-top: 50px;
}

.mai-error .error-image svg {
	position: relative;
	max-width: 255px;
	right: -20px;
}

	.mai-error .error-image svg .cls-1 {
		fill: var(--top-menu-background-color);
	}

	.mai-error .error-image svg .cls-2 {
		fill: #2dabe6;
	}

@media (max-width: 575px) {
	.mai-error .error-image svg {
		max-width: 123px;
		right: -12px;
	}
}

.mai-error .error-number {
	display: block;
	font-size: 14.0769rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 30px;
	max-height: 240px;
}

	.mai-error .error-number:after {
		padding-top: 0.25%;
		display: block;
		content: '';
	}

@media (max-width: 575px) {
	.mai-error .error-number {
		padding: 20px 0;
		font-size: 90px;
		margin-bottom: 5px;
		line-height: 100px;
	}
}

.mai-error .error-description {
	font-size: 2.30769rem;
	line-height: 1;
	margin-bottom: 30px;
}

@media (max-width: 575px) {
	.mai-error .error-description {
		font-size: 1.46154rem;
	}
}

.mai-error .error-goback-text {
	font-size: 1.69231rem;
	margin-bottom: 30px;
	margin-top: 15px;
}

@media (max-width: 575px) {
	.mai-error .error-goback-text {
		font-size: 1.15385rem;
	}
}

.mai-error .error-goback-button {
	margin-bottom: 30px;
}

.mai-error .footer {
	margin-bottom: 30px;
}

/*------------------------------------------------------------------
  [Page 404]
*/
@media (max-width: 575px) {
	.mai-error-404 .error-container .error-number {
		padding: 0;
		font-size: 70px;
	}
}

@media (max-width: 340px) {
	.mai-error-404 .error-container .error-number {
		font-size: 50px;
		line-height: 70px;
	}
}

@media (max-width: 295px) {
	.mai-error-404 .error-container .error-number {
		font-size: 40px;
	}
}

@media (max-width: 575px) {
	.mai-forgot-password {
		height: 100%;
	}
}

.mai-forgot-password .main-content {
	padding: 0;
}

.form-forgot-password .contact {
	text-align: center;
	font-size: 1rem;
}

/*------------------------------------------------------------------
  [Gallery]
*/
.gallery-container .item {
	width: 25%;
	margin-bottom: 20px;
	padding: 0 10px;
}

	.gallery-container .item .photo {
		background: #FFFFFF;
	}

		.gallery-container .item .photo .img {
			position: relative;
		}

			.gallery-container .item .photo .img img {
				width: 100%;
			}

			.gallery-container .item .photo .img .over {
				top: 0;
				opacity: 0;
				position: absolute;
				height: 100%;
				width: 100%;
				background: rgba(77, 184, 234, 0.8);
				transition: opacity 300ms ease;
				-webkit-transition: opacity 300ms ease;
				overflow: hidden;
			}

				.gallery-container .item .photo .img .over .info-wrapper {
					display: table;
					height: 100%;
					margin-top: -80px;
					transition: margin-top 200ms ease-in-out;
				}

				.gallery-container .item .photo .img .over .info {
					display: table-cell;
					vertical-align: middle;
					position: relative;
					top: 0;
					text-align: center;
					color: #FFFFFF;
					padding: 0 10px;
				}

				.gallery-container .item .photo .img .over .title {
					font-size: 1.38462rem;
				}

				.gallery-container .item .photo .img .over .description {
					margin: 10px 0 18px;
					line-height: 15px;
				}

				.gallery-container .item .photo .img .over .func a {
					display: inline-block;
					height: 30px;
					width: 30px;
					margin-right: 10px;
					background: rgba(255, 255, 255, 0.2);
					border-radius: 50%;
				}

					.gallery-container .item .photo .img .over .func a:hover {
						background: rgba(255, 255, 255, 0.3);
					}

					.gallery-container .item .photo .img .over .func a i {
						font-size: 18px;
						color: #FFFFFF;
						line-height: 30px;
					}

			.gallery-container .item .photo .img:hover .over {
				opacity: 1;
			}

				.gallery-container .item .photo .img:hover .over .info-wrapper {
					margin-top: 0;
				}

		.gallery-container .item .photo .description {
			line-height: 20px;
			display: table;
			width: 100%;
		}

			.gallery-container .item .photo .description .icon {
				display: table-cell;
				background-color: #e6e6e6;
				padding: 20px;
				vertical-align: middle;
				width: 20px;
			}

				.gallery-container .item .photo .description .icon a {
					color: #616161;
				}

					.gallery-container .item .photo .description .icon a i {
						font-size: 30px;
					}

@media phone {
	.gallery-container .item .photo .description .icon a i {
		font-size: 20px;
	}
}

.gallery-container .item .photo .description .icon a:hover {
	color: var(--top-menu-background-color);
}

@media phone {
	.gallery-container .item .photo .description .icon {
		padding: 15px;
	}
}

.gallery-container .item .photo .description .desc {
	display: table-cell;
	padding: 10px 20px;
	vertical-align: middle;
}

	.gallery-container .item .photo .description .desc h4 {
		margin: 0;
		font-size: 18px;
	}

@media phone {
	.gallery-container .item .photo .description .desc h4 {
		font-size: 15px;
	}
}

.gallery-container .item .photo .description .desc span {
	color: #7f7f7f;
	font-size: 12px;
}

@media phone {
	.gallery-container .item .photo .description .desc {
		padding: 10px;
	}
}

.gallery-container .item.w2 {
	width: 50%;
}

@media phone {
	.gallery-container {
		max-width: 767px;
	}

		.gallery-container .item {
			width: 100%;
			padding: 0;
		}

			.gallery-container .item.w2 {
				width: 100%;
			}
}

@media tablet {
	.gallery-container .item {
		width: 50%;
	}
}

.invoice-aside {
	background-color: #ededed;
	display: flex;
	flex-direction: column;
	padding: 50px 33px;
	min-width: 300px;
}

@media (max-width: 575px) {
	.invoice-aside {
		padding: 25px;
	}
}

.invoice-logo {
	height: 39px;
	min-width: 233px;
	background-image: url("../../img/logo-inv-2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0;
	margin: 0 auto 115px;
}

@media (max-width: 575px) {
	.invoice-logo {
		height: 27px;
		min-width: 133px;
		width: 133px;
		margin-bottom: 57.5px;
	}
}

@includemedia phone {
	.invoice-logo {
		margin: 0 auto 20px;
		float: none;
		min-width: auto;
	}
}

.invoice-person {
	text-align: center;
}

	.invoice-person .name {
		font-size: 1.53846rem;
		font-weight: 600;
	}

@media (max-width: 575px) {
	.invoice-person .name {
		font-size: 1.07692rem;
	}
}

.invoice-person .position {
	font-size: 1.23077rem;
}

@media (max-width: 575px) {
	.invoice-person .position {
		font-size: 1rem;
	}
}

.invoice-person span {
	font-size: 1.23077rem;
	line-height: 1.78;
	display: block;
}

@media (max-width: 575px) {
	.invoice-person span {
		font-size: 1rem;
	}
}

.invoice-payment-direction {
	text-align: center;
	margin: 89px 0;
}

@media (max-width: 575px) {
	.invoice-payment-direction {
		margin: 44.5px 0;
	}
}

.invoice-payment-direction .icon {
	font-size: 4.23077rem;
	line-height: 1;
}

@media (max-width: 767px) {
	.invoice-payment-direction .icon {
		font-size: 1.92308rem;
	}
}

.invoice-company-info {
	margin-top: 100px;
}

@media (max-width: 575px) {
	.invoice-company-info {
		margin-top: 50px;
		text-align: center;
	}
}

.invoice-company-info .summary {
	font-size: 1.077rem;
	line-height: 1.3;
}

@media (max-width: 575px) {
	.invoice-company-info .summary {
		font-size: 1rem;
	}
}

.invoice-company-info .summary .title {
	display: block;
	font-size: 1.38462rem;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 1.38462rem;
}

@media (max-width: 575px) {
	.invoice-company-info .summary .title {
		font-size: 1.07692rem;
	}
}

.invoice-company-info .phone li, .invoice-company-info .email li {
	font-size: 1.077rem;
	line-height: 1.7;
}

.invoice-content {
	background-color: #FFFFFF;
	padding: 50px 33px;
	flex: 1 1 0%;
}

@media (max-width: 575px) {
	.invoice-content {
		padding: 25px;
	}
}

.invoice-header {
	margin-bottom: 100px;
}

@media (max-width: 575px) {
	.invoice-header {
		margin-bottom: 50px;
	}
}

.invoice-title {
	font-size: 2.69231rem;
}

@media (max-width: 575px) {
	.invoice-title {
		font-size: 1.92308rem;
	}
}

.invoice-order {
	text-align: right;
}

	.invoice-order .invoice-number {
		display: block;
		margin-top: 1rem;
		font-size: 1.38462rem;
	}

@media (max-width: 575px) {
	.invoice-order .invoice-number {
		font-size: 1.07692rem;
	}
}

.invoice-order .invoice-date {
	font-size: 1.077rem;
	color: #858585;
}

@media (max-width: 575px) {
	.invoice-order .invoice-date {
		font-size: 1rem;
	}
}

.invoice-details {
	width: 100%;
	font-size: 1.07692rem;
	margin-bottom: 110px;
}

@media (max-width: 575px) {
	.invoice-details {
		font-size: 1rem;
		margin-bottom: 55px;
	}
}

.invoice-details thead th {
	text-align: right;
	padding-bottom: 1.69231rem;
	font-size: 1.38462rem;
}

@media (max-width: 575px) {
	.invoice-details thead th {
		font-size: 1rem;
		padding-bottom: 1.15385rem;
	}
}

.invoice-details thead th:first-child {
	text-align: left;
}

.invoice-details tr > td {
	padding: 23px 0;
}

@media (max-width: 767px) {
	.invoice-details tr > td {
		padding: 10px 0;
	}
}

.invoice-details tbody .hours {
	text-align: right;
}

.invoice-details tbody .amount {
	text-align: right;
}

.invoice-summary {
	width: 100%;
	font-size: 1.38462rem;
	border-top: 1px solid #d9d9d9;
	margin-bottom: 110px;
}

@media (max-width: 575px) {
	.invoice-summary {
		margin-bottom: 55px;
		font-size: 1.07692rem;
	}
}

.invoice-summary th {
	padding-top: 26px;
	font-weight: 600;
	width: 20%;
}

@media (max-width: 575px) {
	.invoice-summary th {
		width: 37%;
	}
}

.invoice-summary th.total {
	width: 60%;
	font-size: 1.84615rem;
	text-align: right;
}

@media (max-width: 575px) {
	.invoice-summary th.total {
		font-size: 1.07692rem;
		width: 26%;
	}
}

.invoice-summary .total-value {
	text-align: right;
	font-size: 3.07692rem;
}

@media (max-width: 575px) {
	.invoice-summary .total-value {
		font-size: 1.07692rem;
		font-weight: 600;
	}
}

.invoice-payment-details {
	border: 1px solid #d9d9d9;
	border-left-width: 0;
	border-right-width: 0;
	padding: 23px 0;
}

	.invoice-payment-details p {
		margin-bottom: .538462rem;
	}

.invoice-message .title {
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--default-text-color);
	font-size: 1.23077rem;
}

@media (max-width: 575px) {
	.invoice-message .title {
		font-size: 1.077rem;
	}
}

.invoice-message p {
	font-size: 1.23077rem;
	color: #999999;
	line-height: 1.6;
}

@media (max-width: 575px) {
	.invoice-message p {
		font-size: 1rem;
	}
}

.invoice-footer {
	text-align: right;
}

@media (max-width: 575px) {
	.invoice-footer {
		text-align: center;
	}
}

@media (max-width: 575px) {
	.mai-login {
		height: 100%;
	}
}

.mai-login .main-content {
	padding: 0;
}

.login-submit {
	padding: 2.4rem 0 2.5rem;
}

.login-tools > div {
	padding: 0;
}

.login-remember .custom-control-indicator {
	background-color: transparent;
	border-width: 2px;
	border-color: #4c4c4c;
}

.login-remember .custom-control-input:checked ~ .custom-control-indicator,
.login-remember .custom-control-input:active ~ .custom-control-indicator {
	background-color: transparent;
}

.login-forgot-password a {
	color: #FFFFFF;
	opacity: .8;
}

	.login-forgot-password a:hover {
		opacity: 1;
	}

@media (max-width: 575px) {
	.mai-sign-up {
		height: 100%;
	}
}

.mai-sign-up .main-content {
	padding: 0;
}

.sign-up-form .form-group.inline [class*="col-"] {
	padding: 0;
}

.sign-up-form .sign-up-submit {
	padding: 1.53846rem 0 1.15385rem;
}

.sign-up-form .title {
	font-size: 15px;
	color: #d9d9d9;
	text-align: center;
}

.sign-up-form .social-signup [class*="col-"] {
	padding: 0 7px;
}

	.sign-up-form .social-signup [class*="col-"]:first-child {
		padding-left: 0;
	}

	.sign-up-form .social-signup [class*="col-"]:last-child {
		padding-right: 0;
	}

.sign-up-form .conditions {
	text-align: center;
	font-size: 1rem;
}

/*------------------------------------------------------------------
  [dataTables]
*/
table.dataTable {
	margin: 0 !important;
	border-collapse: collapse !important;
}

	table.dataTable thead .sorting:before,
	table.dataTable thead .sorting:after,
	table.dataTable thead .sorting_asc:before,
	table.dataTable thead .sorting_asc:after,
	table.dataTable thead .sorting_desc:before,
	table.dataTable thead .sorting_desc:after {
		font-size: 20px;
		bottom: .5rem;
	}

div.dataTables_wrapper {
	flex-flow: column;
	align-items: stretch;
}

	div.dataTables_wrapper div.dataTables_info {
		color: #757575;
		padding-top: 5px;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		margin: 0;
		justify-content: flex-end;
	}

	div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
		margin-bottom: 0;
		font-size: 13px;
		color: #757575;
	}

	div.dataTables_wrapper div.dataTables_length label {
		justify-content: flex-start;
	}

		div.dataTables_wrapper div.dataTables_length label select {
			padding: 2px;
			margin: 0 5px;
		}

	div.dataTables_wrapper div.dataTables_filter label {
		justify-content: flex-end;
	}

		div.dataTables_wrapper div.dataTables_filter label select {
			padding: 2px;
		}

.mai-datatable-header {
	border-bottom: 1px solid #eceeef;
	margin: 2px 0 0;
	padding: 15px 10px 22px;
}

	.mai-datatable-header .dt-buttons .btn embed {
		outline: none;
	}

.mai-datatable-footer {
	margin: 0;
	padding: 15px 3px 13px;
	background-color: #f7f7f7;
	border-top: 1px solid #eceeef;
}

form.dropzone {
	position: relative;
	border: 2px dashed #d4d4d4;
	padding: 70px 60px 80px;
	background: transparent;
}

	form.dropzone .icon {
		background-color: #e6e6e6;
		border-radius: 50%;
		display: inline-block;
		height: 100px;
		width: 100px;
		margin-bottom: 15px;
		padding: 20px;
		text-align: center;
	}

		form.dropzone .icon span {
			font-size: 60px;
			color: #5d5d5d;
		}

	form.dropzone h2 {
		margin-bottom: 30px;
		font-size: 40px;
	}

	form.dropzone .note {
		font-size: 16px;
	}

.dropzone-mobile-trigger {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.form-control-height {
	height: 37px !important;
}

.table td {
	padding: .5rem 1rem;
}

.table th {
	padding: .7rem;
}

/*------------------------------------------------------------------
  [Full calendar]
*/
.full-calendar .fc-toolbar {
	padding-top: 25px;
	margin-bottom: 30px;
}

.full-calendar .fc-view-container .fc-event-container .fc-event {
	background: var(--top-menu-background-color);
	border-color: #29a9e6;
	color: #FFFFFF;
	border-radius: 0;
	font-size: .923077rem;
}

.full-calendar .fc-view-container .fc-border-separate .fc-today {
	background-color: #f7f7f7;
}

.full-calendar .fc-view-container .fc-cell-overlay {
	background-color: fade(var(--menu-background-color), 50%);
}

.full-calendar .fc-button {
	color: var(--default-text-color);
	background: #FFFFFF;
	border-color: #cccccc;
	height: initial;
	line-height: 1;
	padding: 0.81rem 0.7692rem;
	font-size: 1rem;
	border-radius: 0;
	font-size: 1rem;
	box-shadow: none;
	text-shadow: none;
}

	.full-calendar .fc-button:focus, .full-calendar .fc-button.focus {
		color: var(--default-text-color);
		background-color: #FFFFFF;
		border-color: #cccccc;
		box-shadow: none;
		outline: none;
	}

		.full-calendar .fc-button:focus:hover, .full-calendar .fc-button.focus:hover {
			border-color: #cccccc;
			background-color: whitesmoke;
		}

	.full-calendar .fc-button:hover, .full-calendar .fc-button.hover {
		border-color: #cccccc;
		background-color: whitesmoke;
	}

	.full-calendar .fc-button:active, .full-calendar .fc-button.fc-state-active, .full-calendar .fc-button.active,
	.open > .full-calendar .fc-button.dropdown-toggle {
		box-shadow: none;
		border-color: #cccccc;
		background-color: #e8e8e8;
	}

		.full-calendar .fc-button:active:hover, .full-calendar .fc-button:active:focus, .full-calendar .fc-button:active.focus, .full-calendar .fc-button.fc-state-active:hover, .full-calendar .fc-button.fc-state-active:focus, .full-calendar .fc-button.fc-state-active.focus, .full-calendar .fc-button.active:hover, .full-calendar .fc-button.active:focus, .full-calendar .fc-button.active.focus,
		.open > .full-calendar .fc-button.dropdown-toggle:hover,
		.open > .full-calendar .fc-button.dropdown-toggle:focus,
		.open > .full-calendar .fc-button.dropdown-toggle.focus {
			background-color: #e8e8e8;
			border-color: #cccccc;
			box-shadow: none;
		}

	.full-calendar .fc-button:active, .full-calendar .fc-button.active,
	.open > .full-calendar .fc-button.dropdown-toggle {
		background-image: none;
	}

	.full-calendar .fc-button.disabled, .full-calendar .fc-button.disabled:hover, .full-calendar .fc-button.disabled:focus, .full-calendar .fc-button.disabled.focus, .full-calendar .fc-button.disabled:active, .full-calendar .fc-button.disabled.active, .full-calendar .fc-button[disabled], .full-calendar .fc-button[disabled]:hover, .full-calendar .fc-button[disabled]:focus, .full-calendar .fc-button[disabled].focus, .full-calendar .fc-button[disabled]:active, .full-calendar .fc-button[disabled].active,
	fieldset[disabled] .full-calendar .fc-button,
	fieldset[disabled] .full-calendar .fc-button:hover,
	fieldset[disabled] .full-calendar .fc-button:focus,
	fieldset[disabled] .full-calendar .fc-button.focus,
	fieldset[disabled] .full-calendar .fc-button:active,
	fieldset[disabled] .full-calendar .fc-button.active {
		background-color: #FFFFFF;
		border-color: #cccccc;
	}

	.full-calendar .fc-button.fc-prev-button, .full-calendar .fc-button.fc-next-button {
		padding-left: 7px;
		padding-right: 7px;
	}

	.full-calendar .fc-button .fc-icon {
		position: relative;
		top: -2px;
		line-height: 0.4;
		vertical-align: middle;
		overflow: visible;
		height: auto;
	}

		.full-calendar .fc-button .fc-icon:after {
			position: static;
			font-weight: 400;
			font-size: 1.61538rem;
		}

.full-calendar .fc-state-default.fc-corner-left {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.full-calendar .fc-state-default.fc-corner-right {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.full-calendar .fc-row .fc-content-skeleton td,
.full-calendar .fc-row .fc-helper-skeleton td {
	border-color: inherit;
}

.full-calendar .fc-unthemed .fc-today {
	background-color: white;
}

@media phone {
	.full-calendar {
		max-width: 767px;
	}

		.full-calendar .fc-toolbar .fc-left, .full-calendar .fc-toolbar .fc-center, .full-calendar .fc-toolbar .fc-right {
			text-align: center;
			display: block;
			width: 100%;
		}

		.full-calendar .fc-toolbar .fc-left {
			padding-bottom: 20px;
		}

		.full-calendar .fc-toolbar .fc-center {
			padding: 0;
		}
}

.fullcalendar-external-events .fc-event {
	margin: 2px 0;
	padding: 5px;
	background: var(--top-menu-background-color);
	color: #FFFFFF;
	font-size: .923077rem;
	cursor: pointerr;
	display: inline-block;
	border-width: 0;
	border-radius: 0;
}

.fullcalendar-external-events p input {
	margin-top: 15px;
}

.fullcalendar-external-events p label {
	vertical-align: middle;
}

/*------------------------------------------------------------------
  [Notifications]
*/
#gritter-notice-wrapper {
	width: 29.23rem;
	top: 6rem;
}

.gritter-item-wrapper {
	background: #FFFFFF;
	box-shadow: 0 0px 0.307rem rgba(0, 0, 0, 0.25);
	margin-bottom: 20px;
}

.gritter-item {
	font-family: 'Source Sans Pro';
	background: transparent;
	color: #FFFFFF;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.gritter-icon-container,
.gritter-img-container {
	display: table-cell;
	width: 26%;
	vertical-align: middle;
	text-align: center;
}

.gritter-image {
	float: none;
	width: 4.61538rem;
	height: 4.61538rem;
}

.gritter-content {
	width: auto;
}

.gritter-with-image, .gritter-without-image {
	padding: 1.153rem 2.692rem 1.51rem 1.7rem;
	color: var(--default-text-color);
	width: 23rem;
	display: table-cell;
}

	.gritter-with-image p, .gritter-without-image p {
		font-size: 1rem;
		line-height: 1.5;
	}

.gritter-without-image {
	padding-left: 1.461rem;
}

.gritter-close {
	display: block;
	top: 5px;
	right: 5px;
	left: auto;
	height: 2.307rem;
	width: 2.30769rem;
	font-size: 0;
	background: transparent;
	text-indent: inherit;
	color: #8c8c8c;
}

	.gritter-close:hover {
		color: gray;
	}

	.gritter-close:after {
		content: '';
		font-family: "Stroke 7";
		font-size: 2.307rem;
		text-shadow: none;
		line-height: 1;
	}

.gritter-title {
	text-shadow: none;
	font-size: 17px;
}

.gritter-clean {
	background: #FFFFFF;
}

	.gritter-clean .gritter-item {
		color: var(--default-text-color);
	}

		.gritter-clean .gritter-item .gritter-img-container {
			background-color: #fafafa;
		}

		.gritter-clean .gritter-item .gritter-content {
			color: var(--default-text-color);
		}

			.gritter-clean .gritter-item .gritter-content .gritter-close {
				opacity: 0.5;
			}

				.gritter-clean .gritter-item .gritter-content .gritter-close:after {
					color: var(--default-text-color);
				}

.gritter-social .gritter-icon {
	font-size: 2.8rem;
}

.gritter-social .gritter-content {
	padding-left: 0;
	width: 21.6rem;
}

.gritter-theme {
	background-color: #323232;
}

	.gritter-theme .gritter-title {
		color: var(--top-menu-background-color);
	}

	.gritter-theme .gritter-content {
		color: #FFFFFF;
	}

.gritter-color .gritter-content {
	color: #FFFFFF;
}

.gritter-color .gritter-close {
	color: #FFFFFF;
	opacity: 0.7;
}

	.gritter-color .gritter-close:hover {
		opacity: 1;
	}

.gritter-color.primary {
	background: var(--top-menu-background-color);
}

.gritter-color.success {
	background: #2cc185;
}

.gritter-color.info {
	background: #58C7EF;
}

.gritter-color.warning {
	background: #FFDC42;
}

.gritter-color.danger {
	background: #F45846;
}

.gritter-color.dark {
	background: var(--default-text-color);
}

.facebook .gritter-icon-container {
	color: #5d82d1;
}

.facebook .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.twitter .gritter-icon-container {
	color: #50bff5;
}

.twitter .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.google-plus .gritter-icon-container {
	color: #eb5e4c;
}

.google-plus .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.dribbble .gritter-icon-container {
	color: #f7659c;
}

.dribbble .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.flickr .gritter-icon-container {
	color: #0063dc;
}

.flickr .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.linkedin .gritter-icon-container {
	color: #238cc8;
}

.linkedin .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.youtube .gritter-icon-container {
	color: #ef4e41;
}

.youtube .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.pinterest .gritter-icon-container {
	color: #e13138;
}

.pinterest .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.github .gritter-icon-container {
	color: #333;
}

.github .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.tumblr .gritter-icon-container {
	color: #426d9b;
}

.tumblr .gritter-icon:after {
	content: "";
	font-family: "FontAwesome";
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
	padding: 6px 10px;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
	background-color: transparent;
}

	.ms-container .ms-selectable li.ms-hover,
	.ms-container .ms-selection li.ms-hover {
		background-color: var(--top-menu-background-color);
	}

.ms-container .ms-list {
	border: 2px solid #ebebeb;
	background-color: #FFFFFF;
	border-radius: 0;
	box-shadow: none;
}

	.ms-container .ms-list.ms-focus {
		box-shadow: none;
		border-color: var(--top-menu-background-color);
	}

.ms-container .search-input {
	height: 30px;
	margin-bottom: 10px;
}

/*------------------------------------------------------------------
  [Nestable list]
*/
.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 46.1538rem;
	list-style: none;
	font-size: 1rem;
	line-height: 1.53846rem;
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.dd-list .dd-item .dd-handle, .dd-list .dd3-item .dd-handle {
		cursor: default;
		display: block;
		margin: 0.384615rem 0;
		padding: 0.538462rem 0.769231rem;
		text-decoration: none;
		border: 1px solid #dedede;
		background: #FFFFFF;
	}

		.dd-list .dd-item .dd-handle:hover, .dd-list .dd3-item .dd-handle:hover {
			color: #FFFFFF;
			background: var(--top-menu-background-color);
			border-color: var(--top-menu-background-color);
		}

	.dd-list .dd-item > button, .dd-list .dd3-item > button {
		display: block;
		position: relative;
		cursor: pointer;
		float: left;
		width: 1.92308rem;
		height: 1.53846rem;
		margin: 0.615385rem 0.153846rem;
		padding: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		border: 0;
		background: transparent;
		font-size: 1.5rem;
		color: #878787;
	}

		.dd-list .dd-item > button:before, .dd-list .dd3-item > button:before {
			content: '+';
			display: block;
			position: absolute;
			width: 100%;
			text-align: center;
			text-indent: 0;
		}

		.dd-list .dd-item > button[data-action="collapse"]:before, .dd-list .dd3-item > button[data-action="collapse"]:before {
			content: '-';
		}

	.dd-list .dd-item .dd3-content, .dd-list .dd3-item .dd3-content {
		display: block;
		margin: 0.384615rem 0;
		padding: 0.538462rem 0.769231rem 0.538462rem 3.07692rem;
		text-decoration: none;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #dedede;
	}

		.dd-list .dd-item .dd3-content:hover, .dd-list .dd3-item .dd3-content:hover {
			background: #FFFFFF;
		}

	.dd-list .dd-item .dd3-handle, .dd-list .dd3-item .dd3-handle {
		position: absolute;
		margin: 0;
		left: 0;
		top: 0;
		cursor: all-scroll;
		width: 2.61538rem;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		border: 1px solid var(--top-menu-background-color);
		background: var(--top-menu-background-color);
		height: 2.7rem;
	}

		.dd-list .dd-item .dd3-handle:before, .dd-list .dd3-item .dd3-handle:before {
			content: '=';
			display: block;
			position: absolute;
			left: 0;
			top: 0.384615rem;
			width: 100%;
			text-align: center;
			text-indent: 0;
			color: #FFFFFF;
			font-size: 1.8rem;
			line-height: 1.84615rem;
			font-weight: normal;
		}

		.dd-list .dd-item .dd3-handle:hover, .dd-list .dd3-item .dd3-handle:hover {
			background: #64c1ed;
			border-color: #64c1ed;
		}

	.dd-list .dd3-item > button {
		margin-left: 2.69231rem;
	}

	.dd-list .dd-item, .dd-list .dd-empty, .dd-list .dd-placeholder {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		min-height: 1.53846rem;
		font-size: 1rem;
		line-height: 1.53846rem;
	}

	.dd-list .dd-placeholder, .dd-list .dd-empty {
		margin: 0.384615rem 0;
		padding: 0;
		min-height: 30px;
		background: #FFF;
		border: 1px dashed #b3b3b3;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.dd-list .dd-empty {
		border: 1px dashed #bbb;
		min-height: 7.69231rem;
		background-color: #e5e5e5;
		background-image: -webkit-linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF), -webkit-linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF);
		background-image: -moz-linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF), -moz-linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF);
		background-image: linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF), linear-gradient(45deg, #FFFFFF 25%, transparent 25%, transparent 75%, #FFFFFF 75%, #FFFFFF);
		background-size: 4.61538rem 4.61538rem;
		background-position: 0 0, 2.30769rem 2.30769rem;
	}

	.dd-list .dd-collapsed .dd-list {
		display: none;
	}

	.dd-list.dd-dragel {
		position: absolute;
		pointer-events: none;
		z-index: 9999;
	}

		.dd-list.dd-dragel > .dd-item .dd-handle {
			margin-top: 0;
		}

		.dd-list.dd-dragel .dd-handle, .dd-list.dd-dragel .dd3-handle {
			-webkit-box-shadow: 0.153846rem 0.307692rem 0.461538rem 0 rgba(0, 0, 0, 0.1);
			box-shadow: 0.153846rem 0.307692rem 0.461538rem 0 rgba(0, 0, 0, 0.1);
		}

	.dd-list .dd-list {
		padding-left: 2.30769rem;
	}

/*------------------------------------------------------------------
  [Parsley]
*/
.parsley-errors-list.filled {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 15px 20px;
	position: relative;
	background-color: #F45846;
	color: #FFFFFF;
}

	.parsley-errors-list.filled:after {
		content: "";
		display: inline-block;
		position: absolute;
		top: -6px;
		left: 20px;
		width: 0;
		height: 0;
		content: '';
		z-index: 2;
		border-bottom: 7px solid #F45846;
		-moz-transform: scale(0.9999);
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
	}

	.parsley-errors-list.filled > li {
		list-style: none;
	}

/*------------------------------------------------------------------
  [Perfect Scrollbar]
*/
/*Perfect Scrollbar*/
.ps-container:hover > .ps-scrollbar-y-rail,
.ps-container:hover > .ps-scrollbar-y-rail:hover, .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail:hover {
	width: 6px;
	background-color: rgba(0, 0, 0, 0.1);
}

	.ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y,
	.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y,
	.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
		right: 0;
		width: 6px;
		border-radius: 3px;
		background-color: rgba(0, 0, 0, 0.25);
	}

.ps-container > .ps-scrollbar-y-rail {
	width: 6px;
	background-color: rgba(0, 0, 0, 0.1);
}

	.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
		right: 0;
		width: 6px;
		border-radius: 3px;
		background-color: rgba(0, 0, 0, 0.25);
	}

/*------------------------------------------------------------------
  [Select2]
*/
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
	border: 0.153846rem solid #ebebeb;
	border-radius: 0;
}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding: 0 35px 0 15px;
		height: 2.923078rem;
		line-height: 2.923078rem;
		font-size: 1.077rem;
		color: #878787;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 3.076924rem;
		width: 30px;
	}

		.select2-container--default .select2-selection--single .select2-selection__arrow b {
			border: 0;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
		}

			.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
				content: "";
				font-family: "Stroke 7";
				font-size: 25px;
				font-weight: normal;
				line-height: 3.076924rem;
				color: #878787;
			}

.select2-container--default .select2-selection--multiple {
	min-height: 42px;
	line-height: 1;
}

	.select2-container--default .select2-selection--multiple .select2-selection__rendered {
		padding: 4px 12px;
		min-height: 3.23077rem;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		border-radius: 0;
		background-color: #f2f2f2;
		color: #6e6e6e;
		border-width: 0;
		padding: 4px 6px;
		line-height: 18px;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		color: #7a7a7a;
		margin-right: 3px;
	}

		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
			color: #616161;
		}

	.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
		line-height: 2;
	}

.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 0.153846rem solid #ebebeb;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
	content: "";
}

.select2-container--default .select2-results__group {
	font-size: 12px;
	color: #6e6e6e;
}

.select2-container--default .select2-results__option {
	padding: 10px 6px;
}

	.select2-container--default .select2-results__option[aria-selected="true"] {
		background-color: #f7f7f7;
	}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--top-menu-background-color);
}

.select2-container--default .select2-dropdown {
	border-width: 0.153846rem;
	border-color: #ebebeb;
}

.select2-container--default .select2-dropdown--above {
	border-radius: 0;
	box-shadow: none;
}

.select2-container--default .select2-dropdown--below {
	border-radius: 0;
	box-shadow: none;
}

.select2-container--default .select2-search--dropdown {
	background-color: white;
	border-bottom: 0.153846rem solid #ebebeb;
}

	.select2-container--default .select2-search--dropdown .select2-search__field {
		background-color: transparent;
		border-width: 0;
		outline: none;
	}

/*------------------------------------------------------------------
  [Slider]
*/
/*Slider*/
.slider.slider-vertical {
	margin-right: 13px;
}

.slider.slider-horizontal {
	height: 23px;
}

	.slider.slider-horizontal .slider-track {
		height: 8px;
	}

.slider-selection {
	background: var(--top-menu-background-color);
	border: 1px solid var(--top-menu-background-color);
	box-shadow: none;
}

.slider-track {
	background: #f2f2f2;
	box-shadow: none;
}

.slider-handle {
	opacity: 1;
	background: #FFFFFF;
	border: 1px solid #f0f0f0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
	height: 22px;
	width: 22px;
	transition: box-shadow 200ms ease-in-out;
	cursor: pointer;
}

.note-editor.note-frame {
	margin-bottom: 0;
	border-width: 0;
	box-shadow: none;
}

	.note-editor.note-frame .note-toolbar {
		margin: 0;
		padding-bottom: 5px;
	}

		.note-editor.note-frame .note-toolbar .btn .fa {
			font-size: 14px;
		}

		.note-editor.note-frame .note-toolbar > .btn-group {
			margin-left: 0;
			margin-right: 5px;
			margin-top: 5px;
		}

		.note-editor.note-frame .note-toolbar .note-color .dropdown-toggle {
			padding-left: 5px;
			width: 20px;
		}

	.note-editor.note-frame .note-statusbar {
		background-color: #f6f6f6;
	}

		.note-editor.note-frame .note-statusbar .note-resizebar {
			height: auto;
			padding-top: 3px;
			padding-bottom: 4px;
		}

	.note-editor.note-frame .note-editable {
		border: 1px solid #ebebeb;
		padding: 10px 12px;
		margin-top: 6px;
		border-radius: 0;
	}

	.note-editor.note-frame .note-editing-area .note-editable {
		color: var(--default-text-color);
	}

.note-btn-group .dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.note-popover .popover-content .note-color .dropdown-toggle,
.note-editor .panel-heading.note-toolbar .note-color .dropdown-toggle {
	width: 20px;
	padding-left: 1px;
}

/*------------------------------------------------------------------
  [Wizard]
*/
.block-wizard {
	padding: 0;
}

.fuelux .wizard {
	box-shadow: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	background: #FFFFFF;
}

	.fuelux .wizard label.control-label {
		font-weight: 600;
	}

	.fuelux .wizard .wizard-title {
		margin: 15px 0 20px;
	}

	.fuelux .wizard > .actions {
		line-height: 48px;
		background: #f7f7f7;
		padding: 0;
		font-size: 0;
		z-index: 1;
	}

		.fuelux .wizard > .actions .btn {
			position: relative;
			line-height: 48px;
			border-width: 0;
			border-radius: 0;
			vertical-align: top;
			padding: 0 14px;
			box-shadow: none;
			font-weight: 400;
			color: #949494;
		}

			.fuelux .wizard > .actions .btn:focus, .fuelux .wizard > .actions .btn:active {
				box-shadow: none;
				border-width: 0;
			}

			.fuelux .wizard > .actions .btn:hover {
				background-color: #f7f7f7;
			}

			.fuelux .wizard > .actions .btn:first-child {
				border-right: 1px solid #d4d4d4;
			}

			.fuelux .wizard > .actions .btn .icon {
				position: absolute;
				top: 12px;
				font-size: 25px;
				line-height: 1;
				color: #949494;
			}

			.fuelux .wizard > .actions .btn.btn-prev {
				padding-left: 25px;
			}

				.fuelux .wizard > .actions .btn.btn-prev .icon {
					left: 4px;
				}

			.fuelux .wizard > .actions .btn.btn-next {
				padding-right: 25px;
			}

				.fuelux .wizard > .actions .btn.btn-next .icon {
					right: 4px;
				}

	.fuelux .wizard > .steps-container {
		border-radius: 0;
	}

		.fuelux .wizard > .steps-container > ul.steps > li {
			height: 48px;
			background-color: #f7f7f7;
		}

			.fuelux .wizard > .steps-container > ul.steps > li .chevron {
				border-left-color: #e0e0e0;
			}

				.fuelux .wizard > .steps-container > ul.steps > li .chevron:before {
					border-left: 14px solid #f7f7f7;
				}

		.fuelux .wizard > .steps-container > ul.steps li {
			font-size: 15px;
		}

			.fuelux .wizard > .steps-container > ul.steps li:first-child {
				border-radius: 0;
			}

			.fuelux .wizard > .steps-container > ul.steps li.active {
				background: #FFFFFF;
				color: var(--top-menu-background-color);
			}

				.fuelux .wizard > .steps-container > ul.steps li.active .chevron:before {
					-moz-transform: scale(0.9999);
					border-left: 14px solid #FFFFFF;
				}

			.fuelux .wizard > .steps-container > ul.steps li.complete {
				color: #FFFFFF;
				background: var(--top-menu-background-color);
			}

				.fuelux .wizard > .steps-container > ul.steps li.complete .chevron {
					border-left-color: #29a9e6;
				}

					.fuelux .wizard > .steps-container > ul.steps li.complete .chevron:before {
						border-left: 14px solid var(--top-menu-background-color);
					}

				.fuelux .wizard > .steps-container > ul.steps li.complete:hover {
					background: #5bbdec;
				}

					.fuelux .wizard > .steps-container > ul.steps li.complete:hover .chevron {
						border-left-color: #32ade7;
					}

						.fuelux .wizard > .steps-container > ul.steps li.complete:hover .chevron:before {
							border-left-color: #5bbdec;
						}

			.fuelux .wizard > .steps-container > ul.steps li .chevron {
				-moz-transform: scale(0.9999);
			}

	.fuelux .wizard > .actions button {
		font-size: 12px;
	}

		.fuelux .wizard > .actions button i {
			font-size: 11px;
			line-height: 17px;
		}

		.fuelux .wizard > .actions button.btn-prev i {
			margin-right: 3px;
		}

		.fuelux .wizard > .actions button.btn-next i {
			margin-left: 3px;
		}

	.fuelux .wizard .step-content {
		padding: 20px 30px;
		clear: both;
		border-top: 1px solid #E2E2E2;
	}

@media (max-width: 767px) {
	.wizard-row .fuelux {
		position: static;
	}
}

.editable-checklist label {
	align-items: center;
	justify-content: flex-start;
}

	.editable-checklist label input[type="checkbox"] {
		margin-right: 5px;
	}

.editableform .form-group {
	flex-flow: column;
	align-items: flex-start;
}

.ads-chart {
	margin-bottom: 29px;
}

	.ads-chart.widget.widget-fullwidth .widget-head {
		margin-bottom: 1rem;
	}

.ads-resume {
	display: flex;
	justify-content: space-between;
}

.ads-info {
	display: flex;
	flex-direction: column;
	flex: 0 1 45%;
	padding: 30px;
}

.ads-progress {
	display: flex;
	flex: 0 1 100%;
	flex-direction: column;
}

	.ads-progress .progress {
		border-radius: 0.25rem;
		margin-bottom: 1.76923rem;
	}

	.ads-progress .progress-bar {
		border-radius: 0.25rem;
		height: 4px;
	}

.ads-progress-counter {
	font-size: 1.84615rem;
	line-height: 1;
}

.ads-progress-title {
	font-size: 1.077rem;
}

.ads-legend .legendColorBox {
	padding: 0 7px 0 0;
}

	.ads-legend .legendColorBox > div {
		border: 0 !important;
	}

		.ads-legend .legendColorBox > div > div {
			width: 8px !important;
			height: 8px !important;
		}

.ads-legend .legendLabel {
	font-size: 1rem;
}

.ads-users {
	position: relative;
	padding-right: 30px;
	width: 50%;
}

.users-chart-counter {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 50%;
	width: 100%;
	text-align: center;
	margin-top: -20px;
}

	.users-chart-counter .users-counter {
		font-size: 1.84615rem;
		line-height: 1;
	}

.widget-calendar {
	padding: 0;
}

.cal-calendar {
	position: relative;
	padding: 40px;
	background-color: var(--default-text-color);
}

@media (max-width: 991px) {
	.cal-calendar {
		padding: 20px 10px;
	}
}

.cal-calendar:after {
	position: absolute;
	display: block;
	top: 135px;
	left: 0;
	background-color: var(--top-menu-background-color);
	height: 46px;
	width: 100%;
	content: " ";
	z-index: 0;
}

@media (max-width: 991px) {
	.cal-calendar:after {
		top: 75px;
	}
}

.cal-calendar .ui-datepicker {
	position: relative;
	z-index: 1;
}

	.cal-calendar .ui-datepicker .ui-datepicker-header {
		margin-bottom: 4.61538rem;
	}

@media (max-width: 991px) {
	.cal-calendar .ui-datepicker .ui-datepicker-header {
		margin-bottom: 2.31538rem;
	}
}

.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	color: #FFFFFF;
	cursor: default;
	line-height: 1;
	margin: 0 auto;
	text-align: center;
	font-size: 2.76923rem;
}

@media (max-width: 991px) {
	.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
		font-size: 1.8rem;
	}
}

.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	height: 1.8em;
	position: absolute;
	top: -5px;
	width: 2.76923rem;
	color: #FFFFFF;
	font-size: 2.76923rem;
}

@media (max-width: 991px) {
	.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
		font-size: 1.69231rem;
	}
}

@media (max-width: 575px) {
	.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
		font-size: 1.69231rem;
	}
}

.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
	overflow: hidden;
	display: block;
	text-indent: -99999px;
}

	.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after, .cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
		cursor: pointer;
		content: "\e686";
		font-family: "Stroke 7";
		display: block;
		position: absolute;
		width: 16px;
		height: 16px;
		top: 0;
		text-indent: 0;
	}

.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	left: 0;
}

.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	right: 0;
}

	.cal-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after {
		content: "\e684";
	}

.cal-calendar .ui-datepicker table.ui-datepicker-calendar {
	width: 100%;
}

	.cal-calendar .ui-datepicker table.ui-datepicker-calendar th {
		border: 0;
		padding: .769231rem .230769rem 1.30769rem;
		text-align: center;
		color: #FFFFFF;
	}

		.cal-calendar .ui-datepicker table.ui-datepicker-calendar th span {
			font-size: 1.30769rem;
		}

	.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td {
		border: 0;
		padding: .230769rem;
		text-align: center;
	}

		.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a {
			display: inline-block;
			padding: .615385rem .538462rem;
			text-align: center;
			text-decoration: none;
			margin-top: .769231rem;
			color: #FFFFFF;
			width: 33px;
			height: 33px;
			line-height: 1;
			font-size: 1.30769rem;
		}

			.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover {
				color: var(--top-menu-background-color);
			}

			.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active, .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
				background-color: var(--top-menu-background-color);
				color: var(--default-text-color);
				border-radius: 50%;
			}

			.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
				background-color: var(--top-menu-background-color);
				color: #FFFFFF;
			}

.add-note {
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.53846rem;
	line-height: 1;
	margin-top: 2.30769rem;
}

@media (max-width: 991px) {
	.add-note {
		font-size: 1.3rem;
	}
}

.add-note:hover {
	color: #FFFFFF;
}

.add-note .icon {
	color: var(--top-menu-background-color);
	font-size: 2rem;
	margin-right: 5px;
	vertical-align: middle;
	line-height: 0.2;
}

.cal-notes {
	background-color: #FFFFFF;
	padding: 30px;
}

	.cal-notes span {
		display: block;
	}

		.cal-notes span.day {
			font-size: 2.76923rem;
		}

		.cal-notes span.date {
			font-size: 15px;
			color: var(--top-menu-background-color);
		}

		.cal-notes span.title {
			font-size: 1.38462rem;
			border-bottom: 1px solid #d9d9d9;
			margin-top: 1.38462rem;
			padding-bottom: .153846rem;
		}

	.cal-notes ul {
		padding: 0;
		list-style: none;
		padding-top: 20px;
	}

		.cal-notes ul li {
			padding-bottom: 10px;
			font-size: 1.077rem;
		}

			.cal-notes ul li span {
				display: inline-block;
			}

				.cal-notes ul li span.hour {
					float: right;
					color: var(--top-menu-background-color);
				}

				.cal-notes ul li span.event-name {
					font-size: 1.077rem;
				}

			.cal-notes ul li:last-child {
				padding-bottom: 0;
			}

@media (max-width: 575px) {
	.cal-notes, .cal-calendar {
		display: block;
	}

	.cal-notes {
		width: 100%;
	}
}

.earnings {
	margin-bottom: 29px;
}

	.earnings.widget.widget-fullwidth .widget-head {
		margin-bottom: 1rem;
	}

.earnings-resume {
	padding: 0 20px;
	margin-bottom: -15px;
}

.earnings-value {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}

	.earnings-value.earnings-value-big {
		margin-bottom: 2.30769rem;
	}

.earnings-counter {
	font-size: 1.23077rem;
}

.earnings-value-big .earnings-counter {
	font-size: 2.76923rem;
}

.earnings-title {
	color: #999999;
}

.widget-indicators {
	background-color: #FFFFFF;
	margin-bottom: 29px;
}

.indicator-item {
	padding: 12px 30px;
	display: flex;
	width: 100%;
	margin-bottom: 0;
	align-items: center;
	border-bottom: 1px solid #e6e6e6;
}

.indicator-item-icon {
	flex: 1;
}

	.indicator-item-icon .icon {
		font-size: 3.07692rem;
		color: var(--top-menu-background-color);
	}

.indicator-item-value {
	flex: 0 1 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.indicator-value-counter {
	font-size: 1.84615rem;
}

.project-list {
	background-color: transparent;
	margin-bottom: 29px;
}

.project-list-title {
	font-size: 1.38462rem;
	margin-bottom: 28px;
}

.project-item {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	padding: 23px;
	margin-bottom: .923077rem;
}

@media (max-width: 575px) {
	.project-item {
		flex-direction: column;
		align-items: stretch;
	}
}

.project-item .description {
	font-size: .846154rem;
	color: #999999;
}

@media (max-width: 575px) {
	.project-item .description {
		font-size: 1rem;
	}
}

.project-item-column {
	display: flex;
}

.project-item-title {
	display: flex;
	flex: 0 1 20%;
	flex-direction: column;
}

@media (max-width: 575px) {
	.project-item-title {
		order: 2;
		margin-bottom: 10px;
	}
}

.project-item-user {
	display: flex;
	align-items: center;
	flex: 0 1 20%;
}

@media (max-width: 575px) {
	.project-item-user {
		order: 1;
		align-items: center;
		margin-bottom: 20px;
	}
}

.project-item-user .user-avatar {
	margin-right: 12px;
}

	.project-item-user .user-avatar img {
		border-radius: 50%;
		width: 30px;
		height: 30px;
	}

@media (max-width: 575px) {
	.project-item-user .user-avatar img {
		height: 45px;
		width: 45px;
	}
}

.project-item-user .user-info {
	display: flex;
	flex-direction: column;
}

@media (max-width: 575px) {
	.project-item-user .user-info .name {
		font-size: 1.077rem;
	}
}

.project-item-state {
	display: flex;
	flex-direction: column;
	flex: 0 1 20%;
}

@media (max-width: 575px) {
	.project-item-state {
		order: 3;
		margin-bottom: 10px;
	}
}

.project-item-date {
	display: flex;
	flex-direction: column;
	flex: 0 1 20%;
}

@media (max-width: 575px) {
	.project-item-date {
		order: 4;
		margin-bottom: 10px;
	}
}

.project-item-progress {
	flex: 0 1 15%;
	display: flex;
	flex-direction: column;
}

@media (max-width: 575px) {
	.project-item-progress {
		order: 5;
		margin-bottom: 10px;
	}
}

.project-item-progress span {
	text-align: right;
}

.project-item-progress .progress {
	border-radius: 0.25rem;
}

.project-item-progress .progress-bar {
	height: 6px;
	border-radius: 0.25rem;
}

.project-item-actions {
	flex: 0 1 5%;
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 575px) {
	.project-item-actions {
		position: absolute;
		top: 23px;
		right: 23px;
	}
}

.project-item-actions .icon {
	font-size: 1.23077rem;
	margin-left: .384615rem;
}

@media (max-width: 575px) {
	.project-item-actions .icon {
		font-size: 1.38462rem;
	}
}

.todo-list {
	margin-bottom: 29px;
}

.todo-list-container {
	padding: 12px 23px 0;
}

.todo-tasks {
	padding: 0;
}

.todo-task {
	list-style: none;
	display: flex;
	align-items: center;
	padding: 12px 0;
}

	.todo-task .custom-control {
		margin: 0;
		padding-left: 2.30769rem;
		flex: 1 1;
	}

	.todo-task .custom-control-indicator {
		top: 50%;
		margin-top: -0.846155rem;
	}

	.todo-task .custom-control-input:checked ~ .custom-control-description {
		text-decoration: line-through;
	}

.todo-new-task .input-group {
	border-top: 1px solid #ebebeb;
	padding: 12px 3px;
}

.todo-new-task input {
	border-width: 0;
}

.todo-new-task .input-group-addon {
	background-color: transparent;
	border-width: 0;
}

.todo-new-task .input-group-addon {
	font-size: 30px;
	padding: 0.3rem 0.9rem;
}

.usage {
	background-color: #FFFFFF;
	padding: 20px 20px 35px;
	margin-bottom: 29px;
}

.usage-head {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

.usage-head-tools .icon {
	font-size: 16px;
}

.usage-head-title {
	flex: 1;
	font-size: 1.38462rem;
}

.usage-resume {
	display: flex;
	padding-top: .615385rem;
}

.usage-data {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.usage-counter {
	font-size: 2.76923rem;
}

.usage-icon {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

	.usage-icon .icon {
		font-size: 3.69231rem;
	}

.usage.usage-primary {
	background-color: var(--top-menu-background-color);
	color: #FFFFFF;
}

	.usage.usage-primary .usage-detail {
		color: #389dcc;
	}

	.usage.usage-primary .usage-icon .icon {
		color: #389dcc;
	}

.usage.usage-success {
	background-color: #2cc185;
	color: #FFFFFF;
}

	.usage.usage-success .usage-detail {
		color: #358565;
	}

	.usage.usage-success .usage-icon .icon {
		color: #358565;
	}

.usage.usage-info {
	background-color: #58C7EF;
	color: #FFFFFF;
}

	.usage.usage-info .usage-detail {
		color: #41acd3;
	}

	.usage.usage-info .usage-icon .icon {
		color: #41acd3;
	}

.usage.usage-warning {
	background-color: #FFDC42;
	color: #FFFFFF;
}

	.usage.usage-warning .usage-detail {
		color: #e7c327;
	}

	.usage.usage-warning .usage-icon .icon {
		color: #e7c327;
	}

.usage.usage-danger {
	background-color: #F45846;
	color: #FFFFFF;
}

	.usage.usage-danger .usage-detail {
		color: #d8402f;
	}

	.usage.usage-danger .usage-icon .icon {
		color: #d8402f;
	}

.usage.usage-dark {
	background-color: #323232;
	color: #FFFFFF;
}

	.usage.usage-dark .usage-head-title {
		color: #b5b5b5;
	}

	.usage.usage-dark .usage-detail {
		color: #dbdbdb;
	}

	.usage.usage-dark .usage-counter {
		color: #dbdbdb;
	}

	.usage.usage-dark .usage-icon .icon {
		color: #dbdbdb;
	}

.user-countdown {
	border-top-width: 2px;
}

	.user-countdown .panel-body {
		padding-bottom: 20px;
	}

.countdown-title {
	font-size: 1.23077rem;
	margin-top: 1rem;
}

.time-component {
	display: inline-block;
	width: 33.3%;
	padding-top: 0.384615rem;
}

	.time-component:last-child .time-counter:after {
		content: " ";
	}

.time-counter {
	position: relative;
	display: block;
	text-align: center;
	font-size: 5rem;
	line-height: 1;
}

	.time-counter:after {
		position: absolute;
		content: ":";
		display: block;
		right: 0;
		width: 6px;
		top: 0;
	}

.time-component-title {
	display: block;
	text-align: center;
	font-size: 1.077rem;
	color: #323232;
	margin-top: 1rem;
}

.user-display {
	margin-bottom: 30px;
	background-color: #FFFFFF;
}

.user-display-cover {
	max-height: 290px;
	overflow: hidden;
}

@media (max-width: 767px) {
	.user-display-cover {
		max-height: 145px;
	}
}

.user-display-cover img {
	width: 100%;
}

.user-display-bottom {
	position: relative;
	padding: 20px;
}

@media (max-width: 767px) {
	.user-display-bottom {
		padding: 0;
	}
}

.user-display-id {
	position: absolute;
	left: 89px;
	top: -118.666666667px;
	border-radius: 50%;
}

@media (max-width: 767px) {
	.user-display-id {
		left: 59.3333333333px;
		top: -117px;
	}
}

@media (max-width: 575px) {
	.user-display-id {
		text-align: center;
		margin-right: 0;
		left: 50%;
		margin-left: -44.5px;
		top: -127px;
	}
}

.user-display-avatar {
	width: 178px;
	height: 178px;
	border-radius: 50%;
	margin-bottom: 0.769231rem;
}

@media (max-width: 767px) {
	.user-display-avatar {
		width: 89px;
		height: 89px;
		margin-right: 10px;
		margin-bottom: 0;
	}
}

@media (max-width: 575px) {
	.user-display-avatar {
		margin-bottom: 0.769231rem;
	}
}

.user-display-name {
	font-size: 2.30769rem;
	line-height: 1;
	color: #404040;
}

@media (max-width: 767px) {
	.user-display-name {
		display: inline-block;
		color: #FFFFFF;
		text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
	}
}

@media (max-width: 575px) {
	.user-display-name {
		display: block;
		font-size: 1.23077rem;
		font-weight: 700;
	}
}

.user-display-stats {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.user-display-stat {
	border-right: 1px solid #d9d9d9;
	min-width: 153px;
	text-align: center;
	padding: 20px 0;
}

@media (max-width: 767px) {
	.user-display-stat {
		min-width: 0;
		width: 25%;
	}
}

.user-display-stat:last-child {
	border-right-width: 0;
}

.user-display-stat-counter {
	display: block;
	text-align: center;
	font-size: 2.76923rem;
	color: var(--top-menu-background-color);
	line-height: 1;
	margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
	.user-display-stat-counter {
		font-size: 1.38462rem;
	}
}

.user-display-stat-title {
	display: block;
	text-align: center;
	font-size: 1.3rem;
	text-transform: uppercase;
	line-height: 1;
}

@media (max-width: 767px) {
	.user-display-stat-title {
		font-size: 1.077rem;
	}
}

@media (max-width: 575px) {
	.user-display-stat-title {
		font-size: 0.923077rem;
	}
}

.user-info-list .panel-heading {
	text-transform: uppercase;
}

.user-info-list .panel-heading-divider {
	border-color: #d1d1d1;
}

.user-info-list table {
	width: 100%;
	table-layout: fixed;
}

	.user-info-list table tr td {
		padding: 0.615385rem 0;
	}

		.user-info-list table tr td.icon {
			font-size: 1.53846rem;
			width: 28px;
			line-height: 1;
		}

			.user-info-list table tr td.icon > span {
				vertical-align: middle;
			}

		.user-info-list table tr td.item {
			font-size: 1.077rem;
			width: 34%;
		}

	.user-info-list table.social tr td.icon {
		font-size: 1.077rem;
		width: 10px;
	}

.user-develop-chart .legend-container {
	padding: 20px;
}

.user-develop-chart .legendColorBox {
	padding-right: 7px;
}

	.user-develop-chart .legendColorBox > div {
		border: 0 !important;
		border-radius: 50%;
	}

		.user-develop-chart .legendColorBox > div > div {
			width: 10px !important;
			height: 10px !important;
			border-radius: 50%;
		}

.user-develop-chart .legendLabel {
	padding-right: 25px;
	font-size: 1rem;
}

.user-stats {
	padding: 0;
	background-color: #FFFFFF;
	margin-bottom: 29px;
}

.user-stats-id {
	padding: 32px;
	display: flex;
	align-items: center;
}

.user-stats-avatar {
	position: relative;
	margin-right: 12px;
}

	.user-stats-avatar img {
		border-radius: 50%;
		width: 60px;
		height: 60px;
	}

.user-stats-status-indicator {
	position: absolute;
	display: block;
	background-color: var(--default-text-color);
	border-radius: 50%;
	height: 13px;
	width: 13px;
	top: 0;
	right: 2px;
	border: 2px solid #FFFFFF;
}

	.user-stats-status-indicator.online {
		background-color: #2cc185;
	}

	.user-stats-status-indicator.away {
		background-color: #FFDC42;
	}

	.user-stats-status-indicator.busy {
		background-color: #F45846;
	}

.user-stats-info {
	display: flex;
	flex-direction: column;
}

.user-stats-name {
	color: #3d3d3d;
	font-size: 1.38462rem;
}

.user-stats-position {
	color: #ababab;
}

.user-stats-indicators {
	padding: 32px;
	padding-top: 5px;
}

.user-stats-indicator {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .615385rem 0;
}

.user-stats-indicator-counter {
	font-size: 1.23077rem;
	color: var(--top-menu-background-color);
}

.user-stats-milestone {
	padding: 6px 32px 51.2px;
}

	.user-stats-milestone span {
		display: block;
		margin-bottom: 10px;
	}

	.user-stats-milestone .progress {
		border-radius: 0.25rem;
	}

	.user-stats-milestone .progress-bar {
		height: 8px;
		border-radius: 0.25rem;
	}

.user-stats-more-details {
	display: block;
	padding: 18px 32px;
	font-size: 1.077rem;
	text-align: center;
	color: var(--default-text-color);
	background-color: #fafafa;
}

.week-chart.widget.widget-fullwidth .widget-head {
	margin-bottom: 3rem;
}
