:root {
	--body-bg-color: #edf2f6;
	--body-bg-color-dark: #131313;
	--body-color: #888da8;
	--body-color-dark: #dfdfdf;
	--link-color: #3367d6;
	--header-bg-color: #011638;
	--header-bg-color-dark: #212121;
}

body {
	font-family: "Lato", "Lato Neue", Lato, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	padding-top: 55px; /* 55px for header */
	color: #6a6a6a;
	background: #f4f3f4
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTE4QTFCMDAwNjNBMTFFMkI0NUZBODgwQ0RGODIyNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTE4QTFCMDEwNjNBMTFFMkI0NUZBODgwQ0RGODIyNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMThBMUFGRTA2M0ExMUUyQjQ1RkE4ODBDREY4MjI1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMThBMUFGRjA2M0ExMUUyQjQ1RkE4ODBDREY4MjI1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhbPqNcAAAAuSURBVHjaYnz96jUDAwMnJyeQZGFhZWGAARZWVlaG/wzfv38HcYAssBhIHiDAAOdIB/U8HOnxAAAAAElFTkSuQmCC");
}

body.night-mode {
	background: none;
	color: var(--body-color-dark);
	background-color: var(--body-bg-color-dark);
}

*,
*::before,
*::after {
	box-sizing: border-box;
	outline: none;
	border: none;
}

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

a,
a:hover,
a:focus {
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

small {
	line-height: 100%;
}

video,
audio {
	width: 100% !important;
	height: 100% !important;
}

svg {
	vertical-align: middle;
}

svg.feather {
	margin-top: -4px;
	width: 19px;
	height: 19px;
}
/* -- */

/* MAIN */
/* ------------------------------- */
.middot {
	margin: 0 6px;
	font-size: 13px;
	line-height: 1.1;
	font-weight: 700;
}

.barloading {
	position: fixed;
	display: none;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	width: 100%;
	background: #27c4f5 -webkit-gradient(linear, left top, right top, from(#27c4f5), color-stop(#a307ba), color-stop(#fd8d32), color-stop(#58c322), to(#27c4f5));
	background: #27c4f5 -webkit-linear-gradient(left, #27c4f5, #a307ba, #fd8d32, #58c322, #27c4f5);
	background: #27c4f5
		linear-gradient(to right, #27c4f5, #a307ba, #fd8d32, #58c322, #27c4f5);
	background-size: 500%;
	-webkit-animation: 2s linear infinite LoadingBarProgress,
		0.5s ease-out LoadingBarEnter;
	animation: 2s linear infinite LoadingBarProgress,
		0.5s ease-out LoadingBarEnter;
	-webkit-transform-origin: left;
	transform-origin: left;
	z-index: 1002;
}

@-webkit-keyframes LoadingBarProgress {
	0% {
		background-position: 0% 0;
	}

	to {
		background-position: 125% 0;
	}
}

@keyframes LoadingBarProgress {
	0% {
		background-position: 0% 0;
	}

	to {
		background-position: 125% 0;
	}
}

@-webkit-keyframes LoadingBarEnter {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

@keyframes LoadingBarEnter {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
}

.main-wrapper {
	width: 100%;
	min-width: 260px; /* to show scroll for small size browsers ;) */
}

/* Grid */
.container {
	margin: 0 auto;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

@media (min-width: 1200px) {
	/* override bootstrap 1140px container but lightbox */
	.container {
		/* width: 1140px !important;  */
	}
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	padding-left: 10px; /* override bootstrap 15px padding */
	padding-right: 10px;
}
.row {
	margin-left: -10px; /* override bootstrap -15px margin */
	margin-right: -10px;
}

.form-horizontal .form-group {
	margin-right: 0;
	margin-left: -10px;
}
/* -- */

/* Tooltip */
.tooltip-inner {
	border-radius: 2px;
	max-width: none;
	white-space: nowrap;
}
/* -- */

/* Alert */
.alert {
	border-radius: 0;
}
.alert-warning {
	background-color: #fdf6cd;
}

.alert .title {
	padding-bottom: 8px;
	margin-bottom: 10px;
	font-weight: 600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.alert .icon,
.option .icon {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}
.alert .text,
.option .text {
	display: table-cell;
	vertical-align: top;
}

.text.middle,
.alert .text.middle,
.option .text.middle {
	vertical-align: middle;
}

body.night-mode .nav-tabs .nav-item.show .nav-link,
body.night-mode .nav-tabs .nav-link.active {
	color: #fff;
	border-color: #363636 #363636 #212121;
	background-color: #212121;
}

body.night-mode .nav-tabs .nav-link:not(.active):hover {
	border-color: #363636;
}

body.night-mode .nav-tabs {
	border-bottom-color: #363636;
}

body.night-mode .nav-tabs > li > a {
	color: #a3afce;
}

body.night-mode .nav-tabs > li.active > a,
body.night-mode .nav-tabs > li > a:hover,
body.night-mode .nav-tabs > li > a:focus {
	color: #fff;
	border-color: #363636 #363636 #212121;
	background-color: #212121;
}

body.night-mode .nav-tabs > li > a:hover {
	background-color: #212121;
	border-color: #363636;
}

.dropdown-menu {
	min-width: 200px;
	box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
		0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}

.table .dropdown-menu {
	min-width: 160px;
}

body.night-mode .dropdown-menu {
	color: #e5e5e5;
	background: var(--header-bg-color-dark);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu .dropdown-item {
	font-size: 14px;
	padding: 8px 16px;
}

.night-mode .dropdown-item {
	color: #e5e5e5;
}

body.night-mode .dropdown-item:focus,
body.night-mode .dropdown-item:hover {
	color: #e5e5e5;
	background-color: #333;
}

body.night-mode .dropdown-divider {
	border-top-color: #424242;
}

/* -- */

.modal {
	z-index: 999999;
}

/* -- */

/* Tables */
.table-vcenter > :not(caption) > * > * {
	vertical-align: middle;
}

.table-responsive .row {
	margin-left: 0;
	margin-right: 0;
}
.table_info {
	margin: 0 0 10px 0;
	border-top: none;
	border-radius: 0 0 3px 3px;
	position: relative;
}

.table_info th {
	background: #eee;
	width: 200px;
	padding: 5px 10px;
	text-align: right;
	color: #434647;
}

.table_info td {
	background: #fff;
	padding: 5px 10px;
	border-top: solid 1px #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	line-height: 150%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	max-width: 450px;
}

body.night-mode .table_info td {
	background: #212121;
	border-color: #565656;
}

body.night-mode .table_info th {
	background: #131313;
	color: #919191;
}

.table_info .first td,
.table_info .first th {
	/* border: none */
}

.table_info th tt {
	font-family: "Lato", Arial, Lato, sans-serif;
	font-size: 11px;
	color: #444;
}

.table_info td > div {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

@media only screen and (max-width: 425px) {
	.table_info tbody {
		display: block;
		width: 100%;
	}
	.table_info tr,
	.table_info th,
	.table_info td {
		display: block;
		width: 100%;
		text-align: left;
	}
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
	font-size: 15px;
}

.bootstrap-datetimepicker-widget table th {
	font-size: 14px;
}

.bootstrap-datetimepicker-widget table td.day {
	font-size: 14px;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
	height: 30px !important;
	line-height: 30px !important;
}

.input-group [data-toggle="datetimepicker"] {
	cursor: pointer;
}
/* -- */

/* Panels */
.panel {
	border-radius: 3px;
}
.panel-heading.light {
	background: transparent;
}
.panel-heading.no_border {
	border-bottom: 0;
}
.panel-heading.dark a {
	color: inherit;
}
.panel-heading a.btn:hover {
	text-decoration: none;
}
.panel-heading .panel-icon {
	color: #adb3bc;
}

.panel-heading.with-icon {
	padding-top: 20px;
	padding-bottom: 20px;
}
.panel-heading.with-icon .btn {
	padding: 5px 12px;
	font-size: 12px;
	line-height: 1.5;
	-webkit-transition: padding 0.5s;
	transition: padding 0.5s;
}

.panel-heading.with-nav {
	padding-bottom: 0;
	border-bottom: 0;
}
.panel-heading.with-nav .nav > li > a {
	padding: 10px 10px;
	font-size: 11px;
}

.panel-body .divider {
	border-top: 1px solid #e7e7e7;
	margin-bottom: 25px;
}
.panel-body li.divider {
	height: 1px;
	margin: 9px 0;
	padding: 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.panel-body .panel-title {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: 600;
}
.panel-body .panel-sub-title {
	background: #f9f9f9;
	padding: 10px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	border-radius: 2px;
}

.panel-body.with-nav {
	padding: 0;
}

.panel-widget .panel-heading {
	font-size: 12px;
	color: #909090;
}
.panel-widget .panel-body {
	padding: 5px;
}

body.night-mode .panel,
body.night-mode .panel-default > .panel-heading {
	color: #f6f9fc;
	background: #212121;
	border-color: #212121;
}

body.night-mode .panel-heading .panel-icon {
	color: #f6f9fc;
}

.heading-small {
	font-size: 12px;
	padding: 4px 0;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.hr-heading {
	display: block;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}

.hr-heading-text {
	position: relative;
	display: inline-block;
	color: #999;
}

.hr-heading-text:after,
.hr-heading-text:before {
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #ddd;
	content: "";
}

body.night-mode .hr-heading-text:after,
body.night-mode .hr-heading-text:before {
	background: #323232;
}

.hr-heading-text:before {
	right: 100%;
	margin-right: 15px;
}

.hr-heading-text:after {
	left: 100%;
	margin-left: 15px;
}

/* PAGE = [BASIC] */
/* ------------------------------- */
.page-title {
	background-image: url(../images/patterns/bright_squares.png);
	background-repeat: repeat;
	color: var(--link-color);
	text-align: center;
	font-size: 34px;
	font-weight: 300;
	line-height: 70px;
	padding: 70px 0;
}

.night-mode .page-title {
	background-image: url(../images/patterns/crissXcross.png);
}

.page-header {
	background: #457fca;
	background: linear-gradient(to bottom, #5691c8, #457fca);
	position: relative;
	text-align: center;
	padding: 70px 15px;
	overflow: hidden;
	color: #fff;
	z-index: -999;
}

.page-header.mini {
	padding: 35px 15px;
}

@media (min-width: 768px) {
	.page-header {
		padding: 90px 15px;
	}

	.page-header.mini {
		padding: 45px 15px;
	}
}

.page-header.bg-1 {
	background: #667db6;
	background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
}

.page-header.bg-2 {
	background: #3a7bd5;
	background: linear-gradient(to right, #3a6073, #3a7bd5);
}

.page-header.bg-3 {
	background: #005c97;
	background: linear-gradient(to right, #363795, #005c97);
}

.page-header.bank-transfer {
	z-index: 1;
	padding: 20px;
	background-color: #2196f3;
	background: linear-gradient(90deg, #03a9f4 0, #2196f3 35%, #3f51b5 100%);
}

.page-header .floating-img {
	position: absolute;
	bottom: 10px;
	left: 10%;
	width: 300px;
	opacity: 0.5;
	z-index: -997;
}

.page-header .circle-1 {
	position: absolute;
	top: 60px;
	left: -180px;
	width: 290px;
	height: 290px;
	background-image: radial-gradient(
		circle 800px at 75% -25%,
		#000 0,
		rgba(255, 255, 255, 0) 100%
	);
	border-radius: 50%;
	opacity: 0.05;
}

.page-header .circle-2 {
	position: absolute;
	top: 17px;
	right: -242px;
	width: 500px;
	height: 500px;
	background-image: radial-gradient(
		circle 800px at 10% -25%,
		#000 0,
		rgba(255, 255, 255, 0) 100%
	);
	border-radius: 50%;
	opacity: 0.03;
}

.page-header .circle-3 {
	position: absolute;
	top: -73px;
	right: 78px;
	width: 200px;
	height: 200px;
	background-image: radial-gradient(
		circle 800px at 10% -25%,
		#000 0,
		rgba(255, 255, 255, 0) 100%
	);
	border-radius: 50%;
	opacity: 0.04;
}

.page-header .ellipse-1 {
	position: absolute;
	top: -50px;
	left: 0;
	width: 200px;
	height: 100px;
	background-color: rgba(2, 136, 209, 0.3);
	border-radius: 50%;
	z-index: -998;
}

.page-header .crystal {
	width: 0;
	height: 0;
	position: absolute;
	z-index: -998;
}

.page-header .crystal.c01 {
	border-bottom: 100px solid rgba(0, 96, 100, 0.1);
	border-right: 100vw solid transparent;
	bottom: 0;
	right: 0;
}

.page-header .crystal.c02 {
	border-bottom: 160px solid rgba(2, 136, 209, 0.3);
	border-left: 100vw solid transparent;
	bottom: 0;
	left: 0;
}

.page-header .crystal.c03 {
	border-top: 200px solid rgba(0, 96, 155, 0.2);
	border-right: 40vw solid transparent;
	border-left: 60vw solid transparent;
	top: 0;
	right: 0;
}

.page-header .crystal.c04 {
	border-top: 400px solid rgba(24, 255, 255, 0.3);
	border-right: 80vw solid transparent;
	border-left: 20vw solid transparent;
	top: 0;
	left: 0;
}

.page-header .crystal.c05 {
	border-bottom: 250px solid transparent;
	border-top: 100px solid transparent;
	border-right: 100vw solid rgba(128, 216, 255, 0.3);
	bottom: 10px;
	right: 0;
}

.page-header .crystal.c06 {
	border-bottom: 400px solid rgba(79, 195, 247, 0.4);
	border-right: 10vw solid transparent;
	border-left: 30vw solid transparent;
	bottom: 0;
	right: 20vw;
}

.page-header .crystal.c07 {
	border-top: 367px solid rgba(0, 131, 143, 0.2);
	border-left: 60vw solid transparent;
	top: 0;
	right: 0;
}

.page-header .crystal.c08 {
	border-top: 50px solid rgba(167, 255, 235, 0.4);
	border-right: 60vw solid transparent;
	top: 0;
	left: 0;
}

.page-header .crystal.c09 {
	border-top: 400px solid rgba(0, 176, 255, 0.3);
	border-right: 30vw solid transparent;
	top: 0;
	left: 0;
}

.page-header .crystal.c10 {
	border-bottom: 400px solid rgba(128, 222, 234, 0.2);
	border-right: 20vw solid transparent;
	border-left: 20vw solid transparent;
	bottom: 0;
	right: 60vw;
}

.page-header h2 {
	font-weight: 400;
}

.page-header .inner {
	z-index: 999;
}

.page-header.bank-transfer .inner {
	border: 6px solid rgba(255, 255, 255, 0.3);
	padding: 20px;
	border-radius: 5px;
}

.page-header.bank-transfer .bank-info-meta {
	font-size: 18px;
}

.page-header.bank-transfer .bank-info-help {
	font-size: 12px;
	color: #eee;
	text-transform: uppercase;
}

.page-title {
	background: #ebe8d7;
	background-image: url("../images/shattered.png");
	background-repeat: repeat;
	color: #40628a;
	text-align: center;
	font-size: 34px;
	font-weight: 100;
	line-height: 50px;
	padding: 70px 0;
	margin-bottom: 25px;
}

.hr-heading {
	display: block;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}

.hr-heading-text {
	position: relative;
	display: inline-block;
	color: #999;
}

.hr-heading-text:before,
.hr-heading-text:after {
	position: absolute;
	top: 50%;
	width: 9999px;
	height: 1px;
	background: #ddd;
	content: "";
}

.hr-heading-text:before {
	right: 100%;
	margin-right: 15px;
}

.hr-heading-text:after {
	left: 100%;
	margin-left: 15px;
}

.footer {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	margin-top: 25px;
	margin-bottom: 25px;
}

.panel-login {
	margin-top: 20px;
	border: 0 none;
	border-radius: 0;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
@media (min-width: 768px) {
	.panel-login {
		min-width: 330px;
	}
}
.panel-login h4 {
	margin-top: 0;
	margin-bottom: 20px;
}
/* -- */

.daytime_message {
	padding: 5px 10px;
	display: none;
}
.daytime_message img {
	width: 28px;
	height: 28px;
	margin-right: 5px;
}
.daytime_message button {
	margin-top: 4px;
	font-size: 18px;
}

/* PAGE = [PROFILE] */
/* ------------------------------- */

.profile-avatar-wrapper {
	position: relative;
	display: inline-block;
	padding: 2px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
}
.profile-avatar-wrapper.static {
	padding: 4px !important;
	bottom: 0 !important;
	left: 30%;
}
.profile-avatar-wrapper .avatar {
	width: 60px;
	height: 60px;

	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.profile-avatar-wrapper .avatar.js_lightbox {
	cursor: pointer;
}
.profile-avatar-wrapper.static img {
	width: 150px !important;
	height: 150px !important;
}
.profile-avatar-wrapper:hover .profile-avatar-change,
.profile-avatar-wrapper:hover .profile-avatar-delete {
	background: rgba(0, 0, 0, 0.25);
	opacity: 0.9;
	border-radius: 1px;
}

.profile-avatar-change,
.profile-avatar-delete {
	display: block;
	position: absolute;
	bottom: 15px;
	left: 15px;
	opacity: 0.4;
	color: #fff;
	font-size: 14px;
	padding: 0 4px;

	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.profile-avatar-delete {
	left: 45px;
}
.profile-avatar-change i,
.profile-avatar-delete i {
	cursor: pointer;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.profile-avatar-change form.x-uploader {
	position: relative;
}
.profile-avatar-change-loader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	background: #000;
	width: 100%;
	height: 100%;
	padding-top: 31px;

	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/* feeds-item */
.feeds-item {
	border-bottom: 1px solid #e4e4e4;
}

.night-mode .feeds-item {
	border-color: #363636 !important;
}

.feeds-item:last-child {
	border-bottom: 0 none;
}
.feeds-item.unread {
	background: #e9eaed;
}

.feeds-item.active {
	background: #d0e2ff;
}
/* -- */

/* data-container */
.data-container-wrapper {
	border: 1px solid #efefef;
	border-radius: 1px;
	margin-bottom: 15px;
}

.data-container {
	position: relative; /* relative for .data-avatar to be absolute */
	display: block;
	width: 100%;
	padding: 8px;
	min-height: 64px; /* 50px avatar + 16px padding */
	border-radius: 3px;
}

.data-container.small {
	min-height: 46px; /* 30px avatar + 16px padding */
}

a.data-container:hover,
.data-container.clickable:hover {
	background: #f6f7f8;
	text-decoration: none;
	cursor: pointer;
}

body.night-mode .data-container.clickable:hover,
body.night-mode a.data-container:hover {
	background: #424242;
}

.avatar {
	position: relative;
	width: 40px;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #656d77;
	text-align: center;
	text-transform: uppercase;
	vertical-align: bottom;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #f0f2f6 no-repeat center/cover;
	border-radius: 4px;
}

.avatar-sm {
	width: 32px;
	height: 32px;
}

.avatar-lg {
	width: 50px;
	height: 50px;
}

.avatar-profile {
	height: 120px;
	width: 120px;
	font-size: 40px;
}

.avatar-list {
	display: inline-flex;
	padding: 0;
	margin: 0 0 -0.5rem;
	flex-wrap: wrap;
}

.avatar-list .avatar {
	margin-bottom: 0.5rem;
}

.avatar-list .avatar:not(:last-child) {
	margin-right: 0.5rem;
}

.avatar-list a.avatar:hover {
	z-index: 1;
}

.avatar-list-stacked .avatar {
	margin-right: -1rem !important;
	box-shadow: 0 0 0 2px #fff;
}

.data-avatar {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 2px;
}

.data-avatar .left-avatar,
.data-avatar .right-avatar {
	background-size: cover;
	background-position: center center;
	float: left;
	overflow: hidden;
	width: 14px;
	height: 30px;
	margin-right: 1px;
	border-radius: 2px 0 0 2px;
}
.data-avatar .right-avatar {
	width: 15px;
	margin-right: 0;
	border-radius: 0 2px 2px 0;
}

.data-avatar .fa,
.data-avatar .fab {
	font-size: 2em;
}

.data-avatar .img-avatar {
	width: 30px;
	height: 30px;
	background-size: cover;
	background-position: center center;
	text-align: center;
	border-radius: 5px;
}

@media (min-width: 768px) {
	.data-avatar .img-avatar {
		width: 40px;
		height: 40px;
	}

	.data-container.small .data-avatar .img-avatar {
		width: 30px;
		height: 30px;
	}
}

.data-content {
	padding-left: 38px;
	color: #818181;
	font-size: 11px;
	line-height: 16px;
}

.data-content a {
	color: #818181;
}

.data-content .data-img {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 1px;
	width: 48px;
}

.data-content a:hover {
	text-decoration: underline;
}

.data-content .btn {
	padding: 1px 5px;
	font-size: 10px;
	line-height: 1.5;

	-webkit-transition: padding 0.5s;
	transition: padding 0.5s;
}

.data-content .name {
	font-weight: bold;
}

.data-content .name a {
	color: var(--link-color);
}

.data-content .time {
	font-size: 10px;
	color: #bbb;
}

.data-content .text {
	word-break: break-all;
}
/* -- */

/* Dropdowns */
.dropdown-menu:not(.colorpicker) {
	right: 0; /* override bootstrap default left dropdowns */
	left: inherit;
}
.dropdown-menu > li > a {
	font-size: 12px;
	white-space: normal;
	outline: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #fff;
	background: #5e86b8;
}
/* -- */

/* x-uploader */
.x-uploader {
	position: relative;
	overflow: hidden;
}
.x-uploader input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	outline: none;
	background: white;
	cursor: pointer;
	display: block;
}
.x-uploader .fa {
	cursor: pointer;
}
/* -- */

/* x-image */
.x-image {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	width: 96px;
	height: 96px;
	overflow: hidden;
	display: block;
	border-radius: 2px;
}
.x-image.sm {
	width: 48px;
	height: 48px;
}
.x-image:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	content: "";
	opacity: 0;
}
.x-image:hover.x-image:before {
	opacity: 0.2;
}

.x-image .loader {
	margin-top: 39px;
}

.x-image .x-uploader {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.x-image button {
	position: absolute;
	top: 0;
	right: 5px;
}
/* -- */

/* Custome Dropdowns */
.dropdown-menu.auto-complete {
	display: none;
	left: 0; /* override the override just for auto-complete */
	margin-top: 0;
	border-radius: 0;
	box-shadow: none;
}
/* -- */

/* Inputs */
.night-mode .form-control {
	background-color: #363636 !important;
}
.form-control {
	border-radius: 0;
	box-shadow: none;
}

.form-control:focus {
	box-shadow: none;
}

.form-control-label {
	font-weight: 600;
	color: #525f7f;
}

.input-group-addon {
	border-radius: 0;
}

.form-table-row {
	display: flex;
	margin-bottom: 30px;
}

.form-table-row > div {
	flex: 1;
}

.form-table-row > div:last-child {
	flex-basis: auto;
	flex-grow: 0;
	margin-left: 10px;
}

.form-table-row > div.icon {
	flex-basis: auto;
	flex-grow: 0;
	margin-right: 10px;
}

.input-money {
	position: relative;
}
.input-money span {
	font-size: 20px;
	position: absolute;
	top: 15px;
	left: 10px;
}
.input-money input {
	font-size: 40px;
	line-height: 40px;
	font-family: "Lato";
	margin: 0;
	padding: 10px;
	padding-left: 30px;
	height: 60px;
	outline: 0;
}

body.night-mode .form-control,
body.night-mode .input-group-text,
body.night-mode .select2-container--default .select2-selection--multiple {
	background-color: #232323;
	border-color: #363636;
	color: #dfdfdf;
}

.card {
	border: 1px solid #e6ecf5;
	margin-bottom: 20px;
}

body.night-mode .card {
	background: #212121;
	border-color: #212121;
}

.card-header {
	background-color: #f6f9fc;
	border-color: #e6ecf5;
	color: #333;
}

.card-header.info {
	background-color: #d9edf7;
}

.card-header.danger {
	background-color: #ebcccc;
}

body.night-mode .card-header {
	color: var(--body-color-dark);
	background: #212121;
	border-color: #363636;
}

.card-header.with-icon {
	padding-top: 20px;
	padding-bottom: 20px;
}

.card-header.with-nav {
	padding-bottom: 0;
	border-bottom: 0;
}

@media (min-width: 768px) {
	.card-header.with-icon {
		font-size: 14px;
		font-weight: 600;
	}
}

.card-header.block-title {
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 35px;
	background: 0 0;
}

.card-body.with-form,
.card-body.with-list,
.card-body.with-nav {
	padding: 10px;
}

.card-body .divider {
	border-top: 1px solid #e6ecf5;
	margin: 25px 0;
}

body.night-mode .card-body .divider {
	border-color: #131313;
}

@media (min-width: 768px) {
	.card-body.page-content {
		padding: 50px;
	}
}

.card-login {
	background: #fff;
	border: 0;
	box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.card-login .card-header {
	border: 0;
	padding: 0 0 15px;
	background: 0 0;
}

.card-login .card-header img {
	position: absolute;
	left: 0;
	top: -135px;
	margin-left: -50px;
	margin-top: -150px;
	border-radius: 20%;
	width: 350px;
}

.card-login .card-header .card-title {
	position: relative;
	font-size: 4em;
	font-weight: 900;
	color: #eee;
	text-transform: lowercase;
	margin-left: -3px;
	margin-top: 0;
	margin-bottom: 10px;
}

body.night-mode .card-login .card-header .card-title {
	color: #222a42;
}

.card-login .form-control {
	border-radius: 18px;
	background: #f7f7f7;
}

.card-login .input-group > .input-group-prepend > .input-group-text {
	background: #f7f7f7;
	border-radius: 18px 0 0 18px;
}

body.night-mode .card-login .form-control {
	background: #232323;
	border-color: #363636;
}

body.night-mode
	.card-login
	.input-group
	> .input-group-prepend
	> .input-group-text {
	background: #232323;
	border-color: #363636;
	color: #dfdfdf;
}

.bg-gradient-primary {
	color: #fff !important;
	background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

.bg-gradient-secondary {
	background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
}

.bg-gradient-success {
	color: #fff !important;
	background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

.bg-gradient-info {
	color: #fff !important;
	background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-warning {
	color: #fff !important;
	background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-danger {
	color: #fff !important;
	background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-light {
	background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}

.bg-gradient-dark {
	color: #eee;
	background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}

.bg-gradient-default {
	color: #eee;
	background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}

.bg-gradient-white {
	background: linear-gradient(87deg, #fff 0, #fff 100%) !important;
}

.bg-gradient-neutral {
	background: linear-gradient(87deg, #fff 0, #fff 100%) !important;
}

.bg-gradient-darker {
	color: #eee;
	background: linear-gradient(87deg, #000 0, #000 100%) !important;
}

.bg-gradient-blue {
	color: #fff !important;
	background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

.bg-gradient-indigo {
	color: #fff !important;
	background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}

.bg-gradient-purple {
	color: #fff !important;
	background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
}

.bg-gradient-pink {
	color: #fff !important;
	background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
}

.bg-gradient-red {
	color: #fff !important;
	background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-orange {
	color: #fff !important;
	background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-yellow {
	color: #666;
	background: linear-gradient(87deg, #ffd600 0, #beff00 100%) !important;
}

.bg-gradient-green {
	color: #fff !important;
	background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

.bg-gradient-teal {
	color: #fff !important;
	background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-cyan {
	color: #fff !important;
	background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
}

.bg-gradient-white {
	background: linear-gradient(87deg, #fff 0, #fff 100%) !important;
}

.bg-gradient-gray {
	color: #fff !important;
	background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
}

.bg-gradient-gray-dark {
	color: #fff !important;
	background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
}

.bg-gradient-light {
	background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;
}

.bg-gradient-lighter {
	background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;
}

.bg-blue-lt {
	color: #206bc4 !important;
	background: rgba(32, 107, 196, 0.1) !important;
}

.bg-azure-lt {
	color: #4299e1 !important;
	background: rgba(66, 153, 225, 0.1) !important;
}

.bg-indigo-lt {
	color: #4263eb !important;
	background: rgba(66, 99, 235, 0.1) !important;
}

.bg-purple-lt {
	color: #ae3ec9 !important;
	background: rgba(174, 62, 201, 0.1) !important;
}

.bg-pink-lt {
	color: #d6336c !important;
	background: rgba(214, 51, 108, 0.1) !important;
}

.bg-red-lt {
	color: #d63939 !important;
	background: rgba(214, 57, 57, 0.1) !important;
}

.bg-orange-lt {
	color: #f76707 !important;
	background: rgba(247, 103, 7, 0.1) !important;
}

.bg-yellow-lt {
	color: #f59f00 !important;
	background: rgba(245, 159, 0, 0.1) !important;
}

.bg-lime-lt {
	color: #74b816 !important;
	background: rgba(116, 184, 22, 0.1) !important;
}

.bg-green-lt {
	color: #2fb344 !important;
	background: rgba(47, 179, 68, 0.1) !important;
}

.bg-teal-lt {
	color: #0ca678 !important;
	background: rgba(12, 166, 120, 0.1) !important;
}

.bg-cyan-lt {
	color: #17a2b8 !important;
	background: rgba(23, 162, 184, 0.1) !important;
}

.bg-dark-lt {
	color: #232e3c !important;
	background: rgba(35, 46, 60, 0.1) !important;
}

.bg-muted-lt {
	color: #656d77 !important;
	background: rgba(101, 109, 119, 0.1) !important;
}

.bg-white-lt {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.1) !important;
}
/* -- */

.control-stepper {
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.btn.control-stepper__minus-button,
.btn.control-stepper__plus-button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__minus-button.paginate_button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__plus-button.paginate_button {
	font-weight: 600;
	font-size: 19px;
}

.btn.control-stepper__minus-button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__minus-button.paginate_button {
	border-right-style: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn.control-stepper__plus-button,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__plus-button.paginate_button {
	border-left-style: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn.control-stepper__minus-button,
.control-stepper__input,
.control-stepper__input:active,
.control-stepper__input:focus,
.control-stepper__input:hover,
.control-stepper__minus-button:active,
.control-stepper__minus-button:focus,
.control-stepper__minus-button:hover,
.control-stepper__plus-button,
.control-stepper__plus-button:active,
.control-stepper__plus-button:focus,
.control-stepper__plus-button:hover,
.dataTables_wrapper
	.dataTables_paginate
	.control-stepper__minus-button.paginate_button {
	border-color: #c9cde4;
	outline: none;
	box-shadow: none;
	margin: 0;
}

.dataTables_wrapper .dataTables_filter input.control-stepper__input,
.dataTables_wrapper .dataTables_length select.control-stepper__input,
.form-control.control-stepper__input {
	text-align: center;
	width: 50px;
	border-radius: 0;
	border-left-width: 0;
	border-right-width: 0;
	height: auto;
	padding-left: 0;
	padding-right: 0;
	-moz-appearance: textfield;
	white-space: nowrap;
	text-overflow: ellipsis;
}

body.night-mode .control-stepper .btn {
	background: #666;
	border-color: #666;
}

body.night-mode .control-stepper .control-stepper__input {
	border-color: #666;
}

body.night-mode .control-stepper .btn:hover,
body.night-mode .control-stepper .btn:focus {
	color: #fff;
	outline: none;
}
/* ==========================================================================
   #MODAL
   ========================================================================== */

.modal-content {
	position: relative;
	width: 100%;
	border-radius: 4px;
	outline: 0;
}

.modal-header {
	background: #2ea1f8;
	background: linear-gradient(to bottom, #2ea1f8, #1990ea);
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	border-bottom: none;
}

.modal-title {
	margin: 0;
	color: #fff;
	font-size: 16px;
}

.modal-close {
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	opacity: 0.8;
}

.modal-close:hover {
	color: #fff;
}

.modal-footer {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #e6eaee;
	background-color: #eff3f6;
}

body.night-mode .modal-content {
	background: #212121;
}

body.night-mode .modal-footer,
body.night-mode .modal-header {
	border-color: #424242;
	background: #212121;
}

/* ==========================================================================
   #INPUTS
   ========================================================================== */
.form-control {
	display: block;
	width: 100%;
	margin: 0;
	border-radius: 4px;
	background-color: #fff;
	resize: none;
}

.form-control::placeholder {
	transition: opacity 0.3s;
	color: rgba(53, 64, 82, 0.5);
	font-weight: 400;
	opacity: 0.5;
}

.form-control:focus {
	border-color: #2ea1f8;
	outline: none;
}

.form-control:focus::placeholder {
	opacity: 0.2;
}

.form-control.is-disabled,
.form-control:disabled {
	border-color: #dfe3e9;
	background-color: #e6eaee;
	color: rgba(53, 64, 82, 0.5);
	cursor: not-allowed;
}

/**
 * Textarea
 */
textarea.form-control {
	min-height: 90px;
	font-weight: 400;
}

/* ==========================================================================
   #ALERTS
   ========================================================================== */
.alert {
	width: 100%;
	border-radius: 4px;
	font-size: 15px;
	color: #fff;
}

.alert-success {
	background-color: #1bb934;
}

.alert-info {
	background-color: #2ea1f8;
}

.alert-warning {
	background-color: #fd9a18;
}

.alert-danger {
	background-color: #ed1c24;
}

/* ==========================================================================
   #BUTTONS
   ========================================================================== */

.btn-fullwidth {
	width: 100%;
}

/* Style variants
   ========================================================================== */
/**
 * Buttons have a simple, nice gradient on the background, we use
 * sass's `darken()` method to generate a dark shade of the requested color,
 * then we use our `linear-gradient` mixin to generate the gradient background.
 */
.btn-mat {
	position: relative;
	user-select: none;
	outline: 0;
	border: none;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	text-align: center;
	min-width: 64px;
	line-height: 36px;
	padding: 0 16px;
	border-radius: 4px;
	transform: translate3d(0, 0, 0);
	transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
		box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
}

.btn-mat::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: currentColor;
	opacity: 0;
	transition: opacity 0.2s;
}

.btn-mat::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	padding: 50%;
	width: 32px;
	height: 32px;
	background-color: currentColor;
	opacity: 0;
	transform: translate(-50%, -50%) scale(1);
	transition: opacity 1s, transform 0.5s;
}

.btn-mat:active::after {
	opacity: 0.16;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0s;
}

.btn-mat svg {
	width: 17px;
	height: 17px;
	margin: -2px 3px 0 0;
}

.btn-mat-raised {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
		0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn-mat-raised:active {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
		0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.btn-primary {
	background: #2ea1f8;
	background: linear-gradient(to bottom, #2ea1f8, #1990ea);
	border-color: #1a91eb;
}

.btn-primary:hover {
	background: #1a98f7;
	background: linear-gradient(to bottom, #1a98f7, #1485db);
}

.btn-primary:focus {
	background: #1094f7;
	background: linear-gradient(to bottom, #1094f7, #137fd1);
}

.btn-secondary {
	background: #fff;
	background: linear-gradient(to bottom, #fff, #f2f4f7);
	border-color: #dfe3e9;
	color: #354052;
}

.btn-secondary:hover {
	background: #fcfcfc;
	background: linear-gradient(to bottom, #fcfcfc, #eceff3);
	color: #354052;
}

.btn-secondary:focus {
	background: #fafafa;
	background: linear-gradient(to bottom, #fafafa, #e9ecf1);
	color: #354052;
}

.btn-info {
	background: #475364;
	background: linear-gradient(to bottom, #475364, #273142);
	border-color: #354052;
}

.btn-info:hover {
	background: #3f4958;
	background: linear-gradient(to bottom, #3f4958, #151b24);
}

.btn-info:focus {
	background: #3a4452;
	background: linear-gradient(to bottom, #3a4452, #12161e);
}

.btn-success {
	background: #39b54a;
	background: linear-gradient(to bottom, #39b54a, #34aa44);
	border-color: #249533;
}

.btn-success:hover {
	background: #34a544;
	background: linear-gradient(to bottom, #34a544, #2f9a3e);
}

.btn-success:focus {
	background: #329e40;
	background: linear-gradient(to bottom, #329e40, #2d933b);
}

.btn-fancy {
	background: #886ce6;
	background: linear-gradient(to bottom, #886ce6, #7d5be2);
	border-color: #7d5be2;
}

.btn-fancy:hover {
	background: #7a5be3;
	background: linear-gradient(to bottom, #7a5be3, #6f4adf);
}

.btn-fancy:focus {
	background: #7352e2;
	background: linear-gradient(to bottom, #7352e2, #6841dd);
}

.btn-warning {
	background: #fd9a18;
	background: linear-gradient(to bottom, #fd9a18, #f16911);
	border-color: #f16911;
}

.btn-warning:hover {
	background: #fd9104;
	background: linear-gradient(to bottom, #fd9104, #e0600d);
}

.btn-warning:focus {
	background: #f48c02;
	background: linear-gradient(to bottom, #f48c02, #d75c0d);
}

.btn-danger {
	background: #f95359;
	background: linear-gradient(to bottom, #f95359, #d35847);
	border-color: #d35847;
}

.btn-danger:hover {
	background: #f83f46;
	background: linear-gradient(to bottom, #f83f46, #cf4937);
}

.btn-danger:focus {
	background: #f8353c;
	background: linear-gradient(to bottom, #f8353c, #cb4331);
}

/* Custome Buttons */
.btn-delete:hover {
	color: #fff !important;
	border-color: #e3503e !important;
	border-bottom-color: #df3823 !important;
	background: #e66454 !important;
	background-image: -webkit-linear-gradient(
		top,
		#e76858 0,
		#e3503e 100%
	) !important;
	background-image: linear-gradient(
		to bottom,
		#e76858 0,
		#e3503e 100%
	) !important;
	background-repeat: repeat-x !important;
}
.btn-delete:hover .fa:before {
	content: "\f1f8";
}

.btn-option {
	background: #fff;
	border: 1px solid #ccc;
}
.bootstrap-select.btn-group:not(.input-group-btn) {
	height: 100%;
}
/* -- */

/* Callout */
.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.bs-callout p:last-child {
	margin-bottom: 0;
}
.bs-callout code {
	border-radius: 3px;
}
.bs-callout + .bs-callout {
	margin-top: -5px;
}
.bs-callout-default {
	border-left-color: #777;
}
.bs-callout-default h4 {
	color: #777;
}
.bs-callout-primary {
	border-left-color: #428bca;
}
.bs-callout-primary h4 {
	color: #428bca;
}
.bs-callout-success {
	border-left-color: #5cb85c;
}
.bs-callout-success h4 {
	color: #5cb85c;
}
.bs-callout-danger {
	border-left-color: #d9534f;
}
.bs-callout-danger h4 {
	color: #d9534f;
}
.bs-callout-warning {
	border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
	color: #f0ad4e;
}
.bs-callout-info {
	border-left-color: #5bc0de;
}
.bs-callout-info h4 {
	color: #5bc0de;
}
/* -- */

/* Twemoji-Awesome */
.twa-xlg {
	height: 1.6em !important;
	width: 1.6em !important;
	margin: 0 0.0665em 0 0.15em !important;
	vertical-align: -0.15em !important;
	background-size: 1.6em 1.6em !important;
}
/* -- */

/* HEADER */
/* ------------------------------- */

/* top-bar */
.top-bar {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	min-height: 46px;
	font-size: 0.9em;
	line-height: 46px;
	background: #fff2cc;
	z-index: 1001;
}
.top-bar.alert-bar {
	background: #ce3426;
	color: #fff;
}
.top-bar.alert-bar a {
	color: #fff200;
}
.top-bar.alert-bar a:hover {
	text-decoration: underline;
}
/* -- */

/* main-header */
.main-header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	min-height: 55px;
	background: var(--header-bg-color);
	box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
	z-index: 1001;
}

body.night-mode:not(.visitor) .main-header {
	background: var(--header-bg-color-dark);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

body.n_activated .main-header,
body.n_live .main-header {
	top: 55px; /* for activation bar */
}

.main-header .header-container {
	position: relative; /* relative for .navbar-container to be absolute */
	min-height: 55px;
}
/* -- */

/* - brand-container - */
.main-header .brand-container {
	float: left;
	padding: 0;
	margin-right: 15px;
	width: auto;
	height: 55px;
	overflow: hidden;
	word-break: break-all;
}

.main-header .brand {
	display: inline-block;
	width: 100%;
	padding: 0 0 0 14px;
	font-size: 11px;
	font-weight: 600;
	line-height: 55px;
	color: #fff;
	opacity: 1;
	text-transform: uppercase;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.main-header .brand:hover {
	opacity: 0.8;
	text-decoration: none;
}

.main-header .brand img {
	height: 40px;
}
/* -- */

/* - navbar-form - */
.main-header .navbar-form {
	position: relative; /* relative for .navbar-toggle to be absolute */
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	box-shadow: none;
}

.main-header .navbar-form .form-control {
	width: 100%;
	box-shadow: none;
	background: #fff;
	border: 0 none;
	border-radius: 3px;
	color: #7697b7;

	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.main-header .navbar-form .form-control::-webkit-input-placeholder {
	color: #7697b7;
}
.main-header .navbar-form .form-control:-moz-placeholder {
	color: #7697b7;
	opacity: 1;
}
.main-header .navbar-form .form-control:-ms-input-placeholder {
	color: #7697b7;
}
/* -- */

/* navbar-container */
body.visitor .navbar-container {
	float: right;
}
/* -- */

/* navbar-nav */
.main-header .navbar-nav {
	width: 100%;
	margin: 0;
}

.main-header .nav > li {
	float: left;
	width: 14.28571428571429%;
}
body.visitor .main-header .nav > li {
	width: auto;
}

.main-header .nav > li > a {
	background: transparent;
	color: #ffffff;
	height: 55px;
	font-size: 15px;
	line-height: 55px;
	padding: 0 10px;
	text-align: center;
}
.main-header .nav > li > a:hover,
.main-header .nav > li > a:active,
.main-header .nav > li > a:focus {
	color: #efefef;
	background-color: transparent;
}
.main-header .nav > li.dropdown.open > a {
	color: #fff !important;
	background-color: #40628a;
}

.main-header .nav > li > a .fa {
	font-size: 1.4em;
}

.main-header .nav > li > a svg.feather {
	margin: 1.4px 0;
	width: 21px;
	height: 21px;
	transition: all 0.13s ease;
}

.main-header .nav > li > a .label {
	display: block;
	position: absolute;
	right: 7px;
	top: 7px;
	padding: 2px 4px;
	background: #e66454;
	font-size: 10px;
	font-weight: 600;
}
/* -- */

.main-header .nav > li,
.main-header .dropdown.main-header .nav > li > a {
	position: static;
}

/* dropdown-menu */
.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: left;
	width: 100%;
	margin-top: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-top: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-nav .open .dropdown-menu {
	right: 0 !important;
	left: 0 !important;
}

.main-header ul.dropdown-menu {
	top: 60px;
}

.main-header .user-menu > .avatar {
	vertical-align: middle;
	margin: -2px 0 0 0;
}

.main-header .user-menu > .caret {
	display: none;
}

@media (min-width: 480px) {
	.main-header .user-menu > .caret {
		display: inline-block;
	}
}

body.night-mode .main-header .nav > li > a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

body.night-mode .main-header .nav > li.dropdown.show > a {
	background-color: #494c62;
}
/* -- */

/* COMMON */ 
/* ------------------------------- */

/* dropdown-widget */
.dropdown-widget {
	width: 100%;
	padding-bottom: 0;
	padding-top: 0;
	border: 0;
}

.dropdown-widget-header {
	padding: 10px;
	font-size: 11px;
	border-bottom: 1px solid #e4e4e4;
}

body.night-mode .dropdown-widget-header {
	border-color: #424242;
}

.dropdown-widget-header .title {
	text-transform: uppercase;
	color: #9a9fbf;
	font-size: 9px;
	font-weight: 700;
}

.dropdown-widget-header a:hover {
	text-decoration: underline;
}

.dropdown-widget-body {
	padding: 0;
	font-size: 12px;
}

.dropdown-widget-body .title {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	color: #9a9fbf;
	padding: 8px;
	display: block;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
}

body.night-mode .dropdown-widget-body .title {
	border-color: #424242;
}

.dropdown-widget-footer {
	background: #f6f9fc;
	display: block;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 0 none;
	text-align: center;
	font-size: 11px;
	border-radius: 0 0 4px 4px;
}

body.night-mode .dropdown-widget-footer {
	background: #1b1b1b;
	border-color: #424242;
}

.dropdown-widget-footer:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.dropdown-widget {
		min-width: 380px !important;
	}

	.dropdown-widget.with-arrow:before {
		position: absolute;
		display: inline-block;
		content: "";
		top: -7px;
		right: 10px;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-bottom: 7px solid #fff;
	}

	.dropdown-widget.dropdown-search {
		border-radius: 2px 2px 0 0;
	}
}
/* -- */

/* side-nav */
.side-nav {
	padding: 0;
	margin: 0;
	list-style: none;
}
.side-nav ul {
	background-color: #f9f9f9;
}
.side-nav ul a {
	padding: 14px 30px;
}
.side-nav li,
.side-nav a {
	display: block;
}
.side-nav a,
.side-nav .static {
	font-size: 14px;
	padding: 14px 15px;
	color: #6a6a6a;
	border-bottom: 1px solid #c5d1da;
}
.side-nav a i,
.side-nav a svg,
.side-nav .static i,
.side-nav .static svg {
	color: var(--link-color);
}
.side-nav a:hover {
	text-decoration: none;
	background-color: #eee;
}
.side-nav a.no-border {
	border-bottom: 0;
}
.side-nav li.selected a {
	color: var(--link-color);
}
.side-nav ul li a {
	font-size: 12px;
}

.side-nav > li.active > a {
	background-color: #f6f8f8;
	color: #597ba5;
	font-weight: bold;
}
.side-nav ul > li.active > a {
	background-color: #eee;
	color: #597ba5;
	font-weight: bold;
}

body.night-mode .side-nav ul > li.active > a {
	color: #fff;
	background-color: #111;
}

body.night-mode .side-nav ul {
	background: #212121;
}

body.night-mode .side-nav a,
body.night-mode .side-nav .static {
	color: #919191;
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

body.night-mode .side-nav > li.active > a,
body.night-mode .side-nav > li:hover > a {
	color: #fff;
	background-color: #111;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

body.night-mode .img-thumbnail {
	background: #212121;
	border-color: #424242;
}

body.night-mode .list-group-item {
	background: #212121;
	border-color: #424242;
}
/* -- */

/* --- RESPONSIVE 786 --- */
/* ------------------------------- */

@media (min-width: 768px) {
	/* --- MAIN --- */
	/* ------------------------------- */

	/* Panels */
	.panel-heading.with-icon {
		font-size: 16px;
	}

	.panel-heading.with-nav .nav > li > a {
		padding: 10px 15px;
		font-size: 13px;
	}
	/* -- */

	/* --- HEADER --- */
	/* ------------------------------- */

	/* - navbar-form - */
	.main-header .navbar-form {
		width: 45%;
		height: 55px;
	}

	.main-header .navbar-form .form-control {
		height: 30px;
		line-height: 20px;
		margin-top: 8px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	/* -- */

	/* navbar-container */
	.navbar-container {
		float: right;
	}
	.main-header .nav > li {
		width: auto !important;
	}
	.main-header .nav > li.dropdown.open > a {
		color: #fff !important;
		background-color: transparent;
	}

	.main-header .nav > li,
	.main-header .dropdown {
		position: relative;
	}

	/* dropdown-menu */
	.navbar-nav .open .dropdown-menu {
		right: 0 !important;
		left: inherit !important;
	}

	.main-header .nav .open > a.user-menu,
	.main-header .nav .open > a.user-menu:hover,
	.main-header .nav .open > a.user-menu:focus {
		background: #40628a;
		border-left: 1px solid #40628a;
	}

	.main-header .user-menu > .avatar {
		margin-top: -3px;
	}

	.main-header .user-menu > span {
		padding-left: 5px;
	}
	/* -- */

	/* top-bar */
	.top-bar {
		font-size: 1em;
	}
	.top-bar .col-sm-5 {
		text-align: right;
	}
	/* -- */

	.profile-avatar-wrapper {
		padding: 4px;
		border-radius: 3px;
	}
	.profile-avatar-wrapper.static {
		left: 40%;
	}
	.profile-avatar-wrapper .avatar {
		width: 150px;
		height: 150px;
	}

	.profile-avatar-wrapper:hover .profile-avatar-change,
	.profile-avatar-wrapper:hover .profile-avatar-delete {
		border-radius: 3px;
	}

	.profile-avatar-change,
	.profile-avatar-delete {
		font-size: 18px;
	}
	.profile-avatar-change-loader {
		padding-top: 62px;
	}

	/* dropdown-widget */
	.navbar-container .dropdown-widget {
		min-width: 400px !important;
	}
	.dropdown-widget.with-arrow:before {
		position: absolute;
		display: inline-block;
		content: "";
		top: -7px;
		right: 10px;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-bottom: 7px solid #fff;
	}

	body.night-mode .dropdown-widget.with-arrow:before {
		border-bottom-color: var(--header-bg-color-dark);
	}

	.dropdown-widget.dropdown-search {
		left: 0 !important;
		top: 39px !important;
		right: inherit !important;
	}
	/* -- */

	/* --- COMMON --- */
	/* ------------------------------- */

	/* feeds-item */
	.navbar-container .feeds-item {
		border-bottom: 1px solid #e4e4e4;
	}

	.navbar-container .feeds-item.unread {
		background: #e9eaed;
		border-radius: 0;
	}
	.navbar-container .feeds-item:last-child {
		border-bottom: 0 none;
	}
	/* -- */

	/* data-container */
	.data-container {
		border-radius: 0;
	}

	.navbar-container a.data-container:hover {
		background: #f6f7f8;
	}

	.data-avatar {
		width: 50px;
		height: 50px;
		border-radius: 3px;
	}
	.data-avatar.rounded {
		border-radius: 50%;
	}
	.data-avatar .left-avatar,
	.data-avatar .right-avatar {
		width: 24px;
		height: 50px;
		border-radius: 3px 0 0 3px;
	}
	.data-avatar .right-avatar {
		width: 25px;
		border-radius: 0 3px 3px 0;
	}

	.data-container.small .data-avatar {
		width: 30px; /* override the previous */
		height: 30px;
	}
	.data-container.small .data-avatar .left-avatar,
	.data-container.small .data-avatar .right-avatar {
		width: 24px;
		height: 50px;
	}
	.data-container.small .data-avatar .right-avatar {
		width: 25px;
	}

	.data-content {
		padding-left: 58px;
		word-wrap: break-word;
	}
	.data-container.small .data-content {
		padding-left: 38px; /* override the previous */
	}

	.navbar-container .data-content {
		color: #818181;
	}

	.navbar-container .data-content a {
		color: #818181;
	}

	.navbar-container .data-content .name a {
		color: var(--link-color);
	}
	/* -- */
}

/* BOX */
/* ------------------------------- */

.box-tabs-wrapper {
	background: #fff;
	padding: 0 5px;
	margin-bottom: 20px;
}
.box-tabs-wrapper > ul > li {
	float: left;
	margin-right: 2px;
}
.box-tabs-wrapper > ul > li > a {
	color: #333;
	padding: 12px 8px;
	font-size: 11px;
	line-height: 20px;
	border-bottom: 2px solid transparent;
}
@media (min-width: 480px) {
	.box-tabs-wrapper > ul > li {
		margin-right: 5px;
	}
	.box-tabs-wrapper > ul > li > a {
		padding: 12px 10px;
		font-size: 12px;
	}
}
@media (min-width: 768px) {
	.box-tabs-wrapper {
		padding: 0 10px;
	}
	.box-tabs-wrapper > ul > li {
		margin-right: 10px;
	}
	.box-tabs-wrapper > ul > li > a {
		padding: 12px;
		font-size: 13px;
		line-height: 20px;
	}
}
.box-tabs-wrapper > ul > li > a:hover {
	background: transparent;
	border-bottom: 2px solid #ccc;
}
.box-tabs-wrapper > ul > li.active > a {
	color: var(--link-color);
	font-weight: 600;
	border-bottom: 2px solid #597ba5;
}

.box {
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #ddd;
}
.box-picture {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	width: 100%;
	height: 100%;
	padding-top: 101%;
	overflow: hidden;
	display: block;
}
.box-content {
	padding: 10px;
}
.box-content .title {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	line-height: 18px;
	max-height: 18px;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}
.box-content .text {
	font-size: 11px;
	line-height: 26px;
	color: #999;
}
.box-content .btn {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

/* PAGE = [ADMIN] */
/* ------------------------------- */

.nav.admin > li > a {
	padding: 10px 10px;
}

.stat-panel {
	border-radius: 4px;
	margin-bottom: 20px;
	overflow: hidden;
}

.stat-panel.border {
	border: 1px solid #e6ecf5;
}

body.night-mode .stat-panel.border {
	border-color: #363636 !important;
}

.stat-cell {
	position: relative;
	padding: 20px;
}

.stat-cell .icon {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #fff;
	font-size: 20px;
	width: 48px;
	height: 48px;
	padding: 14px;
	border-radius: 50%;
}

.stat-cell .bg-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 100px;
	opacity: 0.25;
}

.stat-cell a {
	font-size: 12px;
	color: #fff;
}

.stat-cell a:hover {
	text-decoration: underline;
}

.admin-chart {
	min-width: 100%;
	height: 350px;
	margin: 0 auto;
	border: 1px solid #ddd;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #ebebeb;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
	padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}
.highcharts-data-table tr:hover {
	background: #f1f7ff;
}

/* -- */

/* AUTO-COMPLETE */
/* ------------------------------- */

.typeahead {
	position: relative; /* for dropdown-menu */
	float: left;
}

.typeahead input {
	color: #4e5665;
	font-size: 13px;
	line-height: 20px;
	outline: 0 none;
	border: 0 none;
}

.tags li {
	float: left;
	padding: 2px 4px;
	margin: 0 3px 3px 0;
	background: #eef2f5;
	color: #245774;
	font-size: 11px;
	line-height: 16px;
	border: 1px dotted #9fb8cb;
	border-radius: 3px;
}

.tags button {
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-size: 16px;
	margin-left: 4px;
}
.tags button:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* Google Geo-Autocomplete */
.pac-container {
	z-index: 999999;
}
/* -- */

/* NOTY NOTIFICATION */
/* ------------------------------- */

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
	background-color: rgba(89, 123, 165, 0.8) !important;
	border-bottom: 1px solid #597ba5 !important;
}

.noty_body {
	padding: 5px !important;
}
.noty_body .data-content {
	color: #fff !important;
}
/* -- */

/* BIG ICON */
/* ------------------------------- */

.big-icon {
	width: 80px;
	height: 80px;
	border: 4px solid rgba(128, 128, 128, 0.15);
	border-radius: 50%;
	margin: 20px auto;
	position: relative;
}
.big-icon.success {
	border-color: rgba(76, 174, 76, 0.15);
}

.big-icon.error {
	border-color: rgba(217, 83, 79, 0.15);
}

.big-icon .fa {
	padding-top: 17px;
	padding-left: 3px;
}
.big-icon.success .fa {
	color: #4cae4c;
}
.big-icon.error .fa {
	color: #d9534f;
}
/* -- */

/* LOADER */
/* ------------------------------- */

.loader {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px 0;
}
.loader:after {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	-webkit-animation: rotate 0.6s linear infinite;
	-moz-animation: rotate 0.6s linear infinite;
	-ms-animation: rotate 0.6s linear infinite;
	-o-animation: rotate 0.6s linear infinite;
	animation: rotate 0.6s linear infinite;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border-top: 1px solid #545a6a;
	border-bottom: 1px solid #d4d4db;
	border-left: 1px solid #545a6a;
	border-right: 1px solid #d4d4db;
	content: "";
	opacity: 0.5;
}
.loader.loader_large:after {
	width: 40px;
	height: 40px;
}
.loader.loader_medium:after {
	width: 25px;
	height: 25px;
}
.loader.loader_small:after {
	width: 10px;
	height: 10px;
}
.loader.loader_green:after {
	opacity: 1;
	border-top: 1px solid #42a26e;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #42a26e;
	border-right: 1px solid #fff;
}
@keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
@-webkit-keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
@-moz-keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
@-o-keyframes rotate {
	0% {
		transform: rotateZ(-360deg);
		-webkit-transform: rotateZ(-360deg);
		-moz-transform: rotateZ(-360deg);
		-o-transform: rotateZ(-360deg);
	}
	100% {
		transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
	}
}
/* -- */

/* POST LOADER */
/* ------------------------------- */
@keyframes anim {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}
@-o-keyframes anim {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}
@-ms-keyframes anim {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}
@-moz-keyframes anim {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}
@-webkit-keyframes anim {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0;
	}
}

.panel-effect {
	position: relative;
	background: #f6f7f8 no-repeat 800px 104px;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
	background-size: 100%;
	background-image: -webkit-gradient(
		linear,
		0% 50%,
		100% 50%,
		color-stop(0%, #f6f7f8),
		color-stop(20%, #edeef1),
		color-stop(40%, #f6f7f8),
		color-stop(100%, #f6f7f8)
	);
	background-image: -moz-linear-gradient(
		left,
		#f6f7f8 0%,
		#edeef1 20%,
		#f6f7f8 40%,
		#f6f7f8 100%
	);
	background-image: -webkit-linear-gradient(
		left,
		#f6f7f8 0%,
		#edeef1 20%,
		#f6f7f8 40%,
		#f6f7f8 100%
	);
	background-image: linear-gradient(
		to right,
		#f6f7f8 0%,
		#edeef1 20%,
		#f6f7f8 40%,
		#f6f7f8 100%
	);
	height: 104px;
	-moz-animation: anim 1s forwards infinite linear;
	-webkit-animation: anim 1s forwards infinite linear;
	animation: anim 1s forwards infinite linear;
}

.fake-effect {
	position: absolute;
	background: #fff;
	right: 0;
	left: 0;
	height: 6px;
}

.fe-0 {
	height: 40px;
	left: 40px;
	width: 8px;
}

.fe-1 {
	height: 8px;
	left: 48px;
	top: 0;
	right: 0;
}

.fe-2 {
	left: 136px;
	top: 8px;
}

.fe-3 {
	height: 12px;
	left: 48px;
	top: 14px;
}

.fe-4 {
	left: 100px;
	top: 26px;
}

.fe-5 {
	height: 10px;
	left: 48px;
	top: 32px;
}

.fe-6 {
	height: 20px;
	top: 40px;
}

.fe-7 {
	left: 410px;
	top: 60px;
}

.fe-8 {
	height: 13px;
	top: 66px;
}

.fe-9 {
	left: 440px;
	top: 79px;
}

.fe-10 {
	height: 13px;
	top: 85px;
}

.fe-11 {
	left: 178px;
	top: 98px;
}
/* -- */

/* ON/OFF TOGGLE */
/* ------------------------------- */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	margin: 0;
}

.switch.sm {
	width: 30px;
	height: 17px;
}

.switch input {
	display: none;
}

.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

body.night-mode .switch .slider {
	background-color: #666;
}

.switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.switch.sm .slider:before {
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
}

.switch input:checked + .slider {
	background-color: var(--link-color);
}

.switch input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}

.switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.switch.sm input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.switch .slider.round {
	border-radius: 34px;
}

.switch .slider.round:before {
	border-radius: 50%;
}

.form-selectgroup {
	display: inline-flex;
	margin: 0 -8px -8px 0;
	flex-wrap: wrap;
}

.form-selectgroup .form-selectgroup-item {
	margin: 0 8px 8px 0;
}

.form-selectgroup-vertical {
	flex-direction: column;
}

.form-selectgroup-item {
	display: block;
	position: relative;
}

.form-selectgroup-input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
}

.form-selectgroup-label {
	position: relative;
	display: block;
	min-width: calc(1.4285714em + 0.875rem + 2px);
	margin: 0;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 21px;
	color: #656d77;
	background: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #dadcde;
	border-radius: 3px;
	transition: border-color 0.3s, background 0.3s, color 0.3s;
}

.form-selectgroup-label .icon {
	margin: 0 4px;
	vertical-align: middle;
}

.form-selectgroup-label:hover {
	color: #232e3c;
}

.form-selectgroup-check {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border: 1px solid rgba(101, 109, 119, 0.24);
	vertical-align: middle;
}

.form-selectgroup-input[type="checkbox"]
	+ .form-selectgroup-label
	.form-selectgroup-check {
	border-radius: 4px;
}

.form-selectgroup-input[type="radio"]
	+ .form-selectgroup-label
	.form-selectgroup-check {
	border-radius: 50%;
}

.form-selectgroup-input:checked
	+ .form-selectgroup-label
	.form-selectgroup-check {
	background-color: #206bc4;
	background-repeat: repeat;
	background-position: center;
	background-size: 1rem;
	border-color: rgba(101, 109, 119, 0.24);
}

.form-selectgroup-input[type="checkbox"]:checked
	+ .form-selectgroup-label
	.form-selectgroup-check {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}

.form-selectgroup-input[type="radio"]:checked
	+ .form-selectgroup-label
	.form-selectgroup-check {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
}

.form-selectgroup-input:checked + .form-selectgroup-label {
	z-index: 1;
	color: #206bc4;
	background: rgba(32, 107, 196, 0.04);
	border-color: #90b5e2;
}

.form-selectgroup-input:focus + .form-selectgroup-label {
	z-index: 2;
	color: #206bc4;
	border-color: #90b5e2;
	box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
}

.button-label {
	display: inline-block;
	padding: 1em 2em;
	margin: 0.5em;
	cursor: pointer;
	color: #6c6c6c;
	border-radius: 6px;
	transition: 0.3s;
	box-shadow: 0 0 0 1px #e6e6e6;
	min-width: 115px;
}

body.night-mode .button-label {
	box-shadow: 0 0 0 1px #424242;
}

.button-label-image {
	display: block;
	padding: 5px;
	margin: 0;
	width: 100%;
	height: 100%;
	box-shadow: none;
	cursor: pointer;
	transition: 0.3s;
	border-radius: 2px;
}

.button-label .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f3f3;
	height: 60px;
	width: 60px;
	margin: 0 auto;
	border-radius: 50%;
	transition: all 0.2s;
	opacity: 0.75;
	filter: grayscale(1);
}

.button-label .icon img {
	width: 32px;
	height: 32px;
}

.button-label-image img {
	width: 100%;
	height: 100%;
	border-radius: 2px;
}

.button-label .title {
	font-weight: 500;
	font-size: 14px;
	margin-top: 15px;
	text-transform: capitalize;
	text-align: center;
}

.button-label-image:hover,
.button-label:hover {
	box-shadow: 0 0 0 2px rgba(51, 103, 214, 0.65);
}

.input-label:checked + .button-label,
.input-label:checked + .button-label-image {
	box-shadow: 0 0 0 2px rgba(51, 103, 214, 0.65);
}

.input-label:checked + .button-label .icon {
	filter: grayscale(0);
	opacity: 1;
}

/* -- */

/* FANCY CHECKBOX */
/* ------------------------------- */
.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}
.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 10px;
	color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
	content: "\e013";
	font-family: "Glyphicons Halflings";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
	display: block;
	content: "";
	width: 10px;
	height: 3px;
	background-color: #555555;
	border-radius: 2px;
	margin-left: -16.5px;
	margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
	cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}
.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.selectgroup {
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.selectgroup-inline {
	display: -ms-inline-table;
	display: inline-table;
}

.selectgroup-vertical {
	-ms-flex-direction: column;
	flex-direction: column;
}

.selectgroup-item {
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
}

.selectgroup:not(.selectgroup-vertical)
	> .selectgroup-item
	+ .selectgroup-item {
	margin-left: -1px;
}

.selectgroup:not(.selectgroup-vertical)
	> .selectgroup-item:not(:first-child)
	.selectgroup-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.selectgroup:not(.selectgroup-vertical)
	> .selectgroup-item:not(:last-child)
	.selectgroup-button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.selectgroup-vertical > .selectgroup-item:not(:last-child) {
	margin-bottom: 0;
}

.selectgroup-vertical > .selectgroup-item + .selectgroup-item {
	margin-top: -1px;
	margin-left: 0;
}

.selectgroup-vertical
	> .selectgroup-item:not(:first-child)
	.selectgroup-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.selectgroup-vertical > .selectgroup-item:not(:last-child) .selectgroup-button {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectgroup-input {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.selectgroup-button {
	display: block;
	border: 1px solid rgba(0, 40, 100, 0.12);
	text-align: center;
	padding: 5px 10px;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	color: #9aa0ac;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 22px;
	min-width: 80px;
}

.selectgroup-button-icon {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 1rem;
}

.selectgroup-input:checked + .selectgroup-button {
	border-color: #467fcf;
	z-index: 1;
	color: #467fcf;
	background: #edf2fa;
}

.selectgroup-input:focus + .selectgroup-button {
	border-color: #467fcf;
	z-index: 2;
	color: #467fcf;
	box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}

.selectgroup-pills {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
}

.selectgroup-pills .selectgroup-item {
	margin-right: 0.5rem;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.selectgroup-pills .selectgroup-button {
	border-radius: 50px !important;
}

.radio {
	padding-left: 20px;
}
.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}
.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}
.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s
		cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.radio input[type="radio"]:disabled {
	cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
	opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}
.radio.radio-inline {
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
	background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
	content: "\e013";
	font-family: "Glyphicons Halflings";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
	color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
	color: #fff;
}
/* -- */

/* PROGRESS BAR */
/* ------------------------------- */

#ProgressBar {
	position: fixed;
	top: 0;
	width: 0%;
	height: 5px;
	background-color: #597ba5;
	z-index: 99999;

	-webkit-transition: padding 0.5s;
	transition: padding 0.5s;
}
/* -- */

/* EXTRAS */
/* ------------------------------- */

/* margins */
.mt0 {
	margin-top: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.ml0 {
	margin-left: 0 !important;
}
.mr0 {
	margin-right: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mlr5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mtb5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mlr10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mtb10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mlr20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mtb20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mauto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.mrauto {
	margin-right: auto !important;
}
.mlauto {
	margin-left: auto !important;
}
/* -- */

/* paddings */
.pl0 {
	padding-left: 0px !important;
}
.pr0 {
	padding-right: 0px !important;
}
.plr0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pb0 {
	padding-bottom: 0px !important;
}
.ptb0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pr5 {
	padding-right: 5px !important;
}
.plr5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.ptb5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.plr10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.ptb10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.plr20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.ptb20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.plr30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.ptb30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
/* -- */

/* text */
.text-x-muted {
	color: #999;
}
.text-link {
	color: var(--link-color);
}
.text-link:hover {
	cursor: pointer;
	text-decoration: underline;
}
.text-underline:hover {
	cursor: pointer;
	text-decoration: underline;
}
.text-clickable:hover {
	cursor: pointer;
}
.text-clickable:hover span {
	text-decoration: underline;
}
.text-active {
	color: #1e8bd2;
	font-weight: 500;
}
.text-readable {
	font-size: 1.3em;
	line-height: 1.8em;
}
.text-bg {
	font-size: 1em;
}
.text-lg {
	font-size: 1.3em;
}
.text-xlg {
	font-size: 2.3em;
	font-weight: 700;
}
.fw-normal {
	font-weight: normal;
}
.fw-bold {
	font-weight: bold;
}
.red {
	color: red;
}
.green {
	color: green;
}
.yellow {
	color: #ebba16;
}
/* -- */

/* positions */
.relative {
	position: relative;
}
.fixed {
	position: fixed;
}
.absolute {
	position: absolute;
}
/* -- */

/* cursor */
.pointer {
	cursor: pointer;
}

/* x */
.x-muted {
	color: #a7a7a7;
}
.x-notifier {
	background: #ffffcd !important;
}
.x-hidden {
	display: none;
}
.x-visible {
	visibility: hidden;
}
/* -- */

/* --- RESPONSIVE 480 --- */
/* ------------------------------- */

@media (min-width: 480px) {
	/* --- COMMON --- */
	/* ------------------------------- */

	/* data-container */
	.data-content .btn {
		padding: 4px 12px;
		font-size: 12px;
	}
	.data-container.small .btn {
		padding: 4px 8px;
		font-size: 11px;
	}
	/* -- */
}

/* --- RESPONSIVE 786 --- */
/* ------------------------------- */

@media (min-width: 768px) {
	/* --- MAIN --- */
	/* ------------------------------- */

	/* Panels */
	.panel-heading.with-icon {
		font-size: 16px;
	}

	.panel-heading.with-nav .nav > li > a {
		padding: 10px 15px;
		font-size: 13px;
	}
	/* -- */

	.profile-avatar-wrapper {
		padding: 4px;
		border-radius: 3px;
	}
	.profile-avatar-wrapper.static {
		left: 40%;
	}
	.profile-avatar-wrapper .avatar {
		width: 150px;
		height: 150px;
	}

	.profile-avatar-wrapper:hover .profile-avatar-change,
	.profile-avatar-wrapper:hover .profile-avatar-delete {
		border-radius: 3px;
	}

	.profile-avatar-change,
	.profile-avatar-delete {
		font-size: 18px;
	}
	.profile-avatar-change-loader {
		padding-top: 62px;
	}
}

/* OFFCANVAS */
/* ------------------------------- */

@media (max-width: 767px) {
	.offcanvas {
		position: relative;
	}
	.offcanvas > .row {
		overflow: hidden;
	}
	.offcanvas-sidebar {
		position: absolute;
		top: 0;
		left: -80%;
		width: 80%;
		height: 100%;
		z-index: 100;

		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.offcanvas.active .offcanvas-sidebar {
		left: 0;
	}
	.offcanvas-mainbar {
		left: 0;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.offcanvas.active .offcanvas-mainbar {
		left: 80%;
	}
}

.ProgressiveDeliverySchedule {
	margin-bottom: 10px;
}

.ProgressiveDeliverySchedule__actions {
	text-align: center;
}

.ProgressiveDeliverySchedule__parts {
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0;
}

.ProgressiveDeliverySchedule__part {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: 24px;
	text-align: -webkit-match-parent;
}

.ProgressiveDeliverySchedule__part__title::after,
.ProgressiveDeliverySchedule__part__pages::after,
.ProgressiveDeliverySchedule__part__deadline::after {
	color: #e7e7e7;
	content: "—";
	margin-left: 5px;
	margin-right: 5px;
}

.ProgressiveDeliverySchedule__part__deadline__calendar {
	border: 1px solid #c4c7c9;
	box-shadow: inset 0 0 1px #c4c7c9;
	color: #81868b;
	display: inline-block;
	margin-right: 5px;
	min-width: 1.4em;
	padding: 2px;
	position: relative;
	text-align: center;
}

.ProgressiveDeliverySchedule__part__deadline__calendar::before,
.ProgressiveDeliverySchedule__part__deadline__calendar::after {
	background-color: rgba(218, 218, 218, 0.4);
	border-color: white;
	border-style: solid;
	border-width: 0 1px;
	content: " ";
	display: block;
	height: 3px;
	left: 4px;
	position: absolute;
	top: -3px;
	width: 3px;
}

.ProgressiveDeliverySchedule__part__deadline__calendar::after {
	left: auto;
	right: 4px;
}

.ProgressiveDeliverySchedule__reject-reason-label {
	display: block;
	font-size: 14px;
	margin: 0 0 4px;
}

.ProgressiveDeliverySchedule__reject-controls--actions {
	text-align: center;
}

.OrderMessages__buttons {
	border-bottom: 1px solid rgba(218, 218, 218, 0.4);
	display: flex;
	padding: 10px;
}

.OrderMessage__link a {
	background-color: #488113;
	border: none;
	border-radius: 5px;
	color: white;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: auto;
	line-height: 120%;
	margin-top: 3px;
	outline: medium none;
	padding: 3px 30px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	vertical-align: top;
	width: auto;
}

.OrderMessages__empty-message {
	color: #777;
	font-size: 14px;
	font-weight: bold;
	padding: 40px 20px;
	text-align: center;
	text-transform: uppercase;
}

.OrderMessages__button--mark-all {
	margin-left: auto;
}

@media only screen and (max-width: 425px) {
	.OrderMessages__button--mark-all[disabled] {
		display: none;
	}
}

.OrderDetailsFilesFile {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-bottom: 8px;
	border-radius: 5px;
}

.OrderDetailsFilesFile__header {
	align-items: center;
	cursor: pointer;
	display: block;
	display: flex;
	padding: 10px 10px 10px 25px;
	position: relative;
	border: none;
	background: none;
	color: inherit;
	width: 100%;
	border-radius: 5px;
}

.OrderDetailsFilesFile__header:focus {
	outline: none;
}

.OrderDetailsFilesFile__header:hover {
	background-color: #f5f9fa;
}

.OrderDetailsFilesFile__header::before {
	border-color: transparent transparent transparent #c1c0c0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	content: " ";
	display: block;
	height: 0;
	left: 10px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

.OrderDetailsFilesFile__heading {
	justify-content: space-between;
	min-width: 0;
}

@media only screen and (min-width: 641px) {
	.OrderDetailsFilesFile__heading {
		display: flex;
		flex: 1 1 auto;
	}
}

.OrderDetailsFilesFile__name {
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	margin-right: 10px;
}

.OrderDetailsFilesFile__created-at {
	color: #777;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	text-align: left;
}

.OrderDetailsFilesFile__header--is-open::before {
	border-color: #c1c0c0 transparent transparent;
	border-width: 4px 4px 0;
	margin: 0 0 0 -2px;
}

.OrderDetailsFilesFile__header--is-new {
	font-weight: bold;
}

.OrderDetailsFilesFile__body {
	padding-bottom: 10px;
}

@media only screen and (max-width: 425px) {
	.OrderDetailsFilesFile__body {
		padding: 10px;
	}
}

@media only screen and (min-width: 426px) {
	.OrderDetailsFilesFile__body {
		margin-left: 55px;
	}
}

.OrderDetailsFilesFile__body__additional_info {
	color: #777;
	font-size: 12px;
	line-height: 130%;
	margin-bottom: 5px;
}

.OrderDetailsFilesFile__body__description {
	font-size: 12px;
	line-height: 130%;
	margin-bottom: 10px;
}

.OrderDetailsFilesFile__body__time-free-revision,
.OrderDetailsFilesFile__body__comment {
	color: #777;
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.OrderDetailsFilesFile__button {
	margin: 0 10px 10px 0;
	padding: 5px;
	min-width: 215px;
	text-align: center;
}

.OrderDetailsFilesFile__button::before {
	content: "";
	display: inline-block;
	height: 19px;
	margin-right: 10px;
	vertical-align: -4px;
	width: 19px;
}

.OrderDetailsFilesFile__button:hover::before {
	opacity: 0.5;
}

.OrderDetailsFilesFile__button--light {
	border-color: transparent;
	background-color: #fff;
}

.OrderDetailsFilesFile__button--light:not([aria-disabled]):hover {
	border-color: #dce0ef;
	color: #1c7ed6;
}

.OrderDetailsFilesFile__button--revision::before {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4yIDE2LjEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAxODBkNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tcGFpZC1yZXZpc2lvbjwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzMiIGRhdGEtbmFtZT0iTGF5ZXIgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42Nyw0LjYxYS43MS43MSwwLDAsMC0xLDBMMS45MSwxMS4zOGEuNy43LDAsMCwwLS4yLjRsLS41MywzLjQ0YS43My43MywwLDAsMCwuMTguNThsLjE1LjE0aDBhLjc1Ljc1LDAsMCwwLC4zNi4xSDJsMy40NC0uNTJhLjg0Ljg0LDAsMCwwLC40LS4ybDYuNzctNi43N2EuNzIuNzIsMCwwLDAsMC0xWk00LDE0LjI5bC0xLjI1LjE5LjE5LTEuMjVaTTkuMzgsOS43NWwtNCw0TDMuNDgsMTEuODFsNC00Wk0xMS4xLDhsLS43My43Mkw4LjQ1LDYuODNsLjcyLS43MlpNMi4xNywxNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03Ljg0LDBhOS4yNCw5LjI0LDAsMCwwLTYuMiwyLjM3TDEuNzUuOTFBLjc2Ljc2LDAsMCwwLDEuMDYuMS43Ni43NiwwLDAsMCwuMjUuNzlMMCw0YS43NS43NSwwLDAsMCwuNjIuOGwzLjIuNTRoLjEyYS43NS43NSwwLDAsMCwuMTMtMS40OUwyLjQ5LDMuNjFhNy44NSw3Ljg1LDAsMCwxLDExLDExLjI0Ljc1Ljc1LDAsMCwwLDAsMS4wNi43My43MywwLDAsMCwuNTIuMjEuNzUuNzUsMCwwLDAsLjU0LS4yMkE5LjM2LDkuMzYsMCwwLDAsNy44NCwwWiIvPjwvZz48L2c+PC9zdmc+")
		center/17px 16px no-repeat;
}

.OrderDetailsFilesFile__button--refund::before {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4xOSAxNi4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMTgwZDU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29uLXJlZnVuZDwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzMiIGRhdGEtbmFtZT0iTGF5ZXIgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy44NCwwQTkuMjksOS4yOSwwLDAsMCwxLjYzLDIuMzdMMS43NS45MUEuNzUuNzUsMCwwLDAsLjI1Ljc5TDAsNGEuNzUuNzUsMCwwLDAsLjYyLjhsMy4yLjU0aC4xMmEuNzUuNzUsMCwwLDAsLjEzLTEuNDlMMi40OSwzLjYxYTcuODUsNy44NSwwLDAsMSwxMSwxMS4yNC43NS43NSwwLDAsMCwwLDEuMDYuNzMuNzMsMCwwLDAsLjUyLjIxLjc1Ljc1LDAsMCwwLC41NC0uMjJBOS4zNiw5LjM2LDAsMCwwLDcuODQsMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMC4xOCwxMC4yMWExMC43NCwxMC43NCwwLDAsMC0xLjc3LS43NWMtLjczLS4yOS0xLjktLjU1LTEuOTEtMS4yNWExLDEsMCwwLDEsLjQxLS44NEExLjg3LDEuODcsMCwwLDEsOC4xMSw3YTIuMDcsMi4wNywwLDAsMSwxLjcyLjk0LjguOCwwLDEsMCwxLjM4LS44MkEzLjU2LDMuNTYsMCwwLDAsOC45Miw1LjVWNUEuODEuODEsMCwwLDAsNy4zMSw1di40OGEzLjEyLDMuMTIsMCwwLDAtMS40Mi42NCwyLjczLDIuNzMsMCwwLDAtMSwyLjEsMi40LDIuNCwwLDAsMCwxLjE0LDJBMTAuNjUsMTAuNjUsMCwwLDAsNy44MSwxMWMuNzQuMjksMS45MS41NSwxLjkxLDEuMjdhMSwxLDAsMCwxLS40LjgzLDIsMiwwLDAsMS0xLjIxLjM3LDIuMDksMi4wOSwwLDAsMS0xLjcyLS45NUEuODEuODEsMCwxLDAsNSwxMy4zMWEzLjYyLDMuNjIsMCwwLDAsMi4zLDEuNjN2LjVhLjgxLjgxLDAsMSwwLDEuNjEsMFYxNWEzLjMxLDMuMzEsMCwwLDAsMS40Mi0uNjYsMi42NywyLjY3LDAsMCwwLDEtMi4wOEEyLjM4LDIuMzgsMCwwLDAsMTAuMTgsMTAuMjFaIi8+PC9nPjwvZz48L3N2Zz4=")
		center/17px 16px no-repeat;
}

.OrderDetailsFilesFile__button--approve::before {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4zMSAxMC44NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMTgwZDU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29uLWFwcHJvdmU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuMDgsMTAuODRoMGEuODYuODYsMCwwLDEtLjYzLS4yOEwuMjIsNmEuODUuODUsMCwwLDEsLjA2LTEuMi44NC44NCwwLDAsMSwxLjIsMGwzLjYsMy45M0wxMi44My4yOEEuODYuODYsMCwwLDEsMTQsLjIyYS44NS44NSwwLDAsMSwuMDUsMS4yTDUuNzEsMTAuNTZBLjg0Ljg0LDAsMCwxLDUuMDgsMTAuODRaIi8+PC9nPjwvZz48L3N2Zz4=")
		center/14px 11px no-repeat;
}

.OrderDetailsFilesFile__button--approve-highlight::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4zMSAxMC44NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5pY29uLWFwcHJvdmU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuMDgsMTAuODRoMGEuODYuODYsMCwwLDEtLjYzLS4yOEwuMjIsNmEuODUuODUsMCwwLDEsLjA2LTEuMi44NC44NCwwLDAsMSwxLjIsMGwzLjYsMy45M0wxMi44My4yOEEuODYuODYsMCwwLDEsMTQsLjIyYS44NS44NSwwLDAsMSwuMDUsMS4yTDUuNzEsMTAuNTZBLjg0Ljg0LDAsMCwxLDUuMDgsMTAuODRaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.OrderDetailsFilesFile__button--download::before {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy42IDE2LjQ0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAxODBkNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tZG93bmxvYWQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LjgsNy43OGEuOC44LDAsMCwwLS44Ljh2NS4xOGExLjA4LDEuMDgsMCwwLDEtMS4wOCwxLjA4SDIuNjdBMS4wNywxLjA3LDAsMCwxLDEuNiwxMy43NlY4LjU4YS44LjgsMCwwLDAtLjgtLjguOC44LDAsMCwwLS44Ljh2NS4xOGEyLjY4LDIuNjgsMCwwLDAsMi42NywyLjY4SDE0LjkyYTIuNjgsMi42OCwwLDAsMCwyLjY4LTIuNjhWOC41OEEuOC44LDAsMCwwLDE2LjgsNy43OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjI2LDEyLjgyYS44LjgsMCwwLDAsMS4wOCwwbDIuNzEtMi40N0EuOC44LDAsMCwwLDExLDkuMTdMOS42LDEwLjQyVi44QS44LjgsMCwwLDAsOCwuOHY5LjYyTDYuNjMsOS4xN2EuOC44LDAsMCwwLTEuMDgsMS4xOFoiLz48L2c+PC9nPjwvc3ZnPg==")
		center/18px 16px no-repeat;
}

.OrderDetailsFilesFile__button--download-highlight::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy42IDE2LjQ0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmljb24tZG93bmxvYWQ8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8zIiBkYXRhLW5hbWU9IkxheWVyIDMiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LjgsNy43OGEuOC44LDAsMCwwLS44Ljh2NS4xOGExLjA4LDEuMDgsMCwwLDEtMS4wOCwxLjA4SDIuNjdBMS4wNywxLjA3LDAsMCwxLDEuNiwxMy43NlY4LjU4YS44LjgsMCwwLDAtLjgtLjguOC44LDAsMCwwLS44Ljh2NS4xOGEyLjY4LDIuNjgsMCwwLDAsMi42NywyLjY4SDE0LjkyYTIuNjgsMi42OCwwLDAsMCwyLjY4LTIuNjhWOC41OEEuOC44LDAsMCwwLDE2LjgsNy43OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjI2LDEyLjgyYS44LjgsMCwwLDAsMS4wOCwwbDIuNzEtMi40N0EuOC44LDAsMCwwLDExLDkuMTdMOS42LDEwLjQyVi44QS44LjgsMCwwLDAsOCwuOHY5LjYyTDYuNjMsOS4xN2EuOC44LDAsMCwwLTEuMDgsMS4xOFoiLz48L2c+PC9nPjwvc3ZnPg==");
}

.OrderDetailsFilesSample {
	display: flex;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.OrderDetailsFilesSample:not(:last-child) {
	border-bottom: 1px solid rgba(218, 218, 218, 0.4);
}

.OrderDetailsFilesSample__content {
	flex: 1 1 auto;
}

.OrderDetailsFilesSample__header {
	margin-bottom: 5px;
}

@media only screen and (min-width: 641px) {
	.OrderDetailsFilesSample__header {
		display: flex;
		justify-content: space-between;
	}
}

.OrderDetailsFilesSample__name {
	font-size: 13px;
}

.OrderDetailsFilesSample__date {
	font-size: 12px;
}

.OrderDetailsFilesSample__description {
	font-size: 13px;
	margin-bottom: 5px;
}

.OrderDetailsFilesSource {
	display: flex;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.OrderDetailsFilesSource:not(:last-child) {
	border-bottom: 1px solid rgba(218, 218, 218, 0.4);
}

.OrderDetailsFilesSource__content {
	flex: 1 1 auto;
}

.OrderDetailsFilesSource__header {
	margin-bottom: 5px;
}

@media only screen and (min-width: 641px) {
	.OrderDetailsFilesSource__header {
		display: flex;
		justify-content: space-between;
	}
}

.OrderDetailsFilesSource__name {
	font-size: 13px;
}

.OrderDetailsFilesSource__date {
	font-size: 12px;
}

.OrderDetailsFilesSource__description {
	font-size: 13px;
	margin-bottom: 5px;
}

.OrderSourcesPanel {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-bottom: 8px;
}

.OrderSourcesPanel__header {
	align-items: center;
	cursor: pointer;
	display: flex;
	padding: 10px 10px 10px 25px;
	position: relative;
}

.OrderSourcesPanel__header:hover {
	background-color: #f5f9fa;
}

.OrderSourcesPanel__header::before {
	border-color: transparent transparent transparent #c1c0c0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	content: " ";
	display: block;
	height: 0;
	left: 10px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

.OrderSourcesPanel__header__buttons {
	margin-left: auto;
}

.OrderSourcesPanel__body {
	padding: 10px 30px;
}

.OrderDetailsFilesCustomersFile {
	align-items: center;
	border-bottom: 1px solid rgba(218, 218, 218, 0.4);
	display: flex;
	padding: 10px;
}

.OrderDetailsFilesCustomersFile__link {
	color: rgba(0, 20, 50, 0.75);
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
}

.OrderDetailsFilesCustomersFile__link:hover {
	color: rgba(0, 20, 50, 0.9);
}

body.night-mode .OrderDetailsFilesCustomersFile__link,
body.night-mode .OrderDetailsFilesCustomersFile__link:hover {
	color: var(--body-color-dark);
}

.OrderDetailsFilesCustomersFile__subject {
	margin-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
}

.OrderDetailsFilesCustomersFile__date {
	color: rgba(0, 0, 0, 0.53);
	font-size: 11px;
	float: right;
	white-space: nowrap;
}

body.night-mode .OrderDetailsFilesCustomersFile__date {
	color: var(--body-bg-color);
}

.OrderDetailsFilesCustomersFile__file-description {
	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.OrderDetailsFilesCustomersFile__delete-button {
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
	height: 30px;
	margin-left: auto;
	padding: 0;
	text-align: center;
	width: 30px;
	opacity: 0.5;
	flex-shrink: 0;
}

.OrderDetailsFilesCustomersFile__delete-button:focus,
.OrderDetailsFilesCustomersFile__delete-button:hover {
	opacity: 1;
}

.OrderDetailsFilesCustomersFile__delete-button::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: transparent
		url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4xMyAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjZDUxNDg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguMzEsM0gxMy4wNkEzLjUyLDMuNTIsMCwwLDAsOS41OSwwSDkuNTRBMy41MiwzLjUyLDAsMCwwLDYuMDcsM0guODJhLjgyLjgyLDAsMCwwLDAsMS42NEgyVjE2LjQ1QTMuNTQsMy41NCwwLDAsMCw1LjU3LDIwaDhhMy41NSwzLjU1LDAsMCwwLDMuNTYtMy41NVY0LjU5aDEuMjNhLjgyLjgyLDAsMSwwLDAtMS42NFpNOS41NCwxLjY0aC4wNUExLjg0LDEuODQsMCwwLDEsMTEuMzcsM0g3LjczQTEuOSwxLjksMCwwLDEsOS41NCwxLjY0Wm01LjkyLDE0LjgxYTEuOSwxLjksMCwwLDEtMS45MSwxLjkxaC04YTEuOSwxLjksMCwwLDEtMS45MS0xLjkxVjQuNTlIMTUuNDRWMTYuNDVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy41NSwxNS42NmEuOC44LDAsMCwwLC44Mi0uODJWOC4xN2EuODIuODIsMCwwLDAtMS42NCwwdjYuNjdBLjgxLjgxLDAsMCwwLDcuNTUsMTUuNjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNTcsMTUuNjZhLjguOCwwLDAsMCwuODItLjgyVjguMTdhLjgyLjgyLDAsMCwwLTEuNjQsMHY2LjY3QS44My44MywwLDAsMCwxMS41NywxNS42NloiLz48L2c+PC9nPjwvc3ZnPg==")
		center/contain no-repeat;
}

.OrderDetailsFiles {
	flex: 1 0 auto;
}

@media only screen and (min-width: 1025px) {
	.OrderDetailsFiles {
		display: flex;
	}
}

.OrderDetailsFiles__split {
	box-sizing: border-box;
	min-width: 0;
	padding: 20px;
}

.OrderDetailsFiles__split--from-service {
	border-right: 1px solid rgba(218, 218, 218, 0.4);
}

@media only screen and (min-width: 1025px) {
	.OrderDetailsFiles__split--from-service {
		flex-basis: 50%;
	}
}

.OrderDetailsFiles__split--from-customer {
	background-color: #fcfdfc;
	box-shadow: inset 0 0 5px #fff;
}

body.night-mode .OrderDetailsFiles__split--from-customer {
	background-color: var(--body-bg-color-dark);
	box-shadow: none;
}

@media only screen and (min-width: 1025px) {
	.OrderDetailsFiles__split--from-customer {
		flex-basis: 50%;
	}
}

.OrderDetailsFiles__split__header {
	display: flex;
	margin: 0 0 14px;
	padding: 5px 0;
}

.OrderDetailsFiles__split__title {
	flex: 1 1 auto;
	line-height: 21px;
}

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

.OrderDetailsFiles__split__count {
	align-self: center;
	color: #777;
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;
}

.OrderDetailsFiles__no-from-service-message {
	background: #fdfaf6;
	border-radius: 4px;
	padding: 30px 20px;
}

.OrderDetailsFiles__no-smart-paper-message {
	background: rgba(82, 153, 215, 0.1);
	border-radius: 4px;
	padding: 30px 20px;
}

.OrderDetailsFiles__no-from-customer-message {
	font-size: 13px;
	margin-bottom: 15px;
}

.OrderDetailsFiles__no-sources-message,
.OrderDetailsFiles__no-samples-message {
	color: #777;
	font-size: 13px;
	padding: 20px;
}

.OrderDetailsFiles__no-plagiarism {
	background-color: #f0f5ea;
	border-radius: 2px;
	font-size: 12px;
	padding: 10px;
}

.OrderDetailsFiles__files-container {
	margin-bottom: 15px;
}

.OrderDetailsFilesFile__download-doc-tip {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
}

.OrderDetailsFiles__anti-plag-details-button {
	padding: 0;
	background: none;
	border: none;
}

.FormFile__icon {
	background: transparent
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAZklEQVRIx+3SMQrAMAhA0dy8V3UQoaCjONqp0CEm1XZU+OtDwQFInuwYqwEkN7NXqeoezYBm5oDkJ0uMVkBVjdEKeJ8/RatgiH4Bp2gFXL5UFhSRaczsgORpcLd9gw022GCDD/DPLtbKrKjuXRiiAAAAAElFTkSuQmCC")
		center/20px 21px no-repeat;
	display: block;
	flex: 0 0 auto;
	height: 27px;
	margin-right: 10px;
	position: relative;
	width: 20px;
}

.FormFile__icon__badge {
	background-image: linear-gradient(0deg, #888 0%, #a1a1a1 100%);
	box-shadow: 0 1px 0 #dfe3e5;
	color: #fff;
	content: "";
	display: block;
	font-family: Lato, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	left: 0;
	letter-spacing: 1px;
	line-height: 11px;
	margin-top: -3px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}

.FormFile__icon__badge--jpg,
.FormFile__icon__badge--jpeg,
.FormFile__icon__badge--png,
.FormFile__icon__badge--gif,
.FormFile__icon__badge--tiff,
.FormFile__icon__badge--bmp {
	background-image: linear-gradient(0deg, #9f590f 0%, #c68622 100%);
}

.FormFile__icon__badge--doc,
.FormFile__icon__badge--odt,
.FormFile__icon__badge--rtf,
.FormFile__icon__badge--txt {
	background-image: linear-gradient(0deg, #3775a0 0%, #4b9cbb 100%);
}

.FormFile__icon__badge--xls {
	background-image: linear-gradient(0deg, #0f9e12 0%, #22c53d 100%);
}

.FormFile__icon__badge--pdf {
	background-image: linear-gradient(0deg, #9e0f0f 0%, #c53222 100%);
}

.FormFile__icon__badge--rar,
.FormFile__icon__badge--zip {
	background-image: linear-gradient(0deg, #9e0f93 0%, #a122c5 100%);
}

.files-control {
	background-color: #fffdf0;
	border: 1px dashed #c9cde4;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 15px;
}

.files-control .browse-button {
	margin-right: 5px;
}

.files-control .start-uloading-button {
	float: right;
}

.files-control .dropzone-static {
	display: none;
	font-size: 30px;
}

.files-control .control-or {
	margin-left: 15px;
	margin-right: 15px;
}

.files-control .control-drop-here {
	color: rgba(0, 0, 0, 0.6);
}

.files-control--files:not(:empty) {
	margin-bottom: 10px;
}

body.dragging-file .files-control .dropzone {
	display: -ms-flexbox;
	display: flex;
}

body.dragging-file .files-control .dropzone-border {
	border: 3px dashed #1e90de;
	border-radius: 4px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px;
	text-align: center;
}

body.dragging-file .files-control .dropzone-static {
	background: #fff;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	left: 0;
	opacity: 0.7;
	padding: 40px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 20;
}

.FormFile {
	border-bottom: 1px solid #d1cec5;
	padding: 5px;
	position: relative;
}

.FormFile__controls {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
}

.FormFile__remove-button {
	color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 30px;
	height: 34px;
	margin-left: 10px;
	text-align: center;
	width: 34px;
	padding: 0;
	border: none;
	background: none;
}

.FormFile__remove-button:before {
	background: transparent
		url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4xMyAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjZDUxNDg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguMzEsM0gxMy4wNkEzLjUyLDMuNTIsMCwwLDAsOS41OSwwSDkuNTRBMy41MiwzLjUyLDAsMCwwLDYuMDcsM0guODJhLjgyLjgyLDAsMCwwLDAsMS42NEgyVjE2LjQ1QTMuNTQsMy41NCwwLDAsMCw1LjU3LDIwaDhhMy41NSwzLjU1LDAsMCwwLDMuNTYtMy41NVY0LjU5aDEuMjNhLjgyLjgyLDAsMSwwLDAtMS42NFpNOS41NCwxLjY0aC4wNUExLjg0LDEuODQsMCwwLDEsMTEuMzcsM0g3LjczQTEuOSwxLjksMCwwLDEsOS41NCwxLjY0Wm01LjkyLDE0LjgxYTEuOSwxLjksMCwwLDEtMS45MSwxLjkxaC04YTEuOSwxLjksMCwwLDEtMS45MS0xLjkxVjQuNTlIMTUuNDRWMTYuNDVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy41NSwxNS42NmEuOC44LDAsMCwwLC44Mi0uODJWOC4xN2EuODIuODIsMCwwLDAtMS42NCwwdjYuNjdBLjgxLjgxLDAsMCwwLDcuNTUsMTUuNjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEuNTcsMTUuNjZhLjguOCwwLDAsMCwuODItLjgyVjguMTdhLjgyLjgyLDAsMCwwLTEuNjQsMHY2LjY3QS44My44MywwLDAsMCwxMS41NywxNS42NloiLz48L2c+PC9nPjwvc3ZnPg==")
		50%/20px 21px no-repeat;
	content: "";
	display: block;
	height: 21px;
	margin: 6px 7px 7px;
	opacity: 0.8;
	width: 20px;
}

.FormFile__remove-button:hover:before {
	opacity: 1;
}

.FormFile__remove-button:focus {
	outline: none;
}

.FormFile__info {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 13px;
	margin-right: 5px;
	overflow: hidden;
	padding: 0;
	border: none;
	background: none;
	text-align: inherit;
}

.FormFile__info:hover {
	cursor: pointer;
	opacity: 0.8;
}

.FormFile__info:focus {
	outline: none;
}

.FormFile__title {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	font-weight: 700;
	margin-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.FormFile__size {
	color: rgba(0, 0, 0, 0.6);
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-right: 6px;
}

.FormFile__upload-type-control {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.FormFile__upload-progress {
	background: rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	height: 4px;
	margin: 6px -5px -5px;
	overflow: hidden;
}

.FormFile__upload-progress-bar {
	background-color: #1c7ed6;
	height: 100%;
}

.FormFile__upload-error {
	background: #e74c3c;
	border-radius: 3px;
	color: #fff;
	margin-top: 10px;
	padding: 3px 10px;
}

.OrderMessageHeader {
	cursor: pointer;
	display: flex;
	padding: 10px;
	color: inherit;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}

.OrderMessageHeader:hover {
	background-color: #f5f9fa;
}

.OrderMessageHeader:focus {
	outline: none;
}

.OrderMessageHeader__type {
	flex-shrink: 0;
	font-size: 13px;
	padding-left: 8px;
	padding-right: 15px;
	opacity: 0.8;
}

@media only screen and (max-width: 425px) {
	.OrderMessageHeader__type {
		text-align: left;
		padding-left: 0;
		padding-right: 5px;
		margin-right: auto;
		width: auto;
	}
}

.OrderMessageHeader__type-is-viewed {
	color: rgba(0, 0, 0, 0.53);
}

.OrderMessageHeader__subject-arrow {
	font-size: 30px;
}

.OrderMessageHeader__container {
	overflow: hidden;
	flex-grow: 1;
	display: flex;
}

@media only screen and (max-width: 425px) {
	.OrderMessageHeader__container {
		flex-wrap: wrap;
	}
}

.OrderMessageHeader__subject {
	flex-grow: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media only screen and (max-width: 425px) {
	.OrderMessageHeader__subject {
		flex-basis: 100%;
		order: 1;
		margin-top: 2px;
	}
}

.OrderMessage.new .OrderMessageHeader__subject {
	font-weight: 700;
}

.OrderMessageHeader__props {
	flex-shrink: 0;
	text-align: right;
	white-space: nowrap;
	margin-left: 5px;
}

@media only screen and (max-width: 425px) {
	.OrderMessageHeader__props {
		font-size: 13px;
		opacity: 0.8;
	}

	.OrderMessageHeader__props_is-viewed {
		color: rgba(0, 0, 0, 0.53);
	}
}

.OrderMessage {
	border-bottom: 1px solid rgba(218, 218, 218, 0.4);
	-webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.12);
	box-shadow: 0 2px 4px rgba(33, 33, 33, 0.12);
	margin-bottom: 5px;
	border-radius: 4px;
	border-top: 0;
	font-size: 14px;
}

.OrderMessage.new {
	font-weight: bold;
}

.OrderMessage__body {
	box-sizing: border-box;
	overflow: hidden;
	padding: 8px 20px 15px;
	will-change: max-height, opacity, padding-top, padding-bottom;
}

@media only screen and (min-width: 641px) {
	.OrderMessage__body {
		margin-left: 95px;
		margin-right: 95px;
	}
}

.OrderMessage__body p {
	margin: 0 0 5px;
}

.OrderMessage__props-new-lable {
	margin-right: 10px;
}

.ratings .fa-star {
	color: #ff9900;
}

.OrderInstructions h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
.OrderInstructions h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}
.OrderInstructions h3 {
	font-size: 1.17em;
	margin: 1em 0;
}
.OrderInstructions h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
.OrderInstructions h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}
.OrderInstructions h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

.OrderInstructions table {
	margin: 1em auto;
	display: table;
}
.OrderInstructions table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	border: 1px double #b3b3b3;
}
.OrderInstructions table td,
.OrderInstructions table th {
	min-width: 2em;
	padding: 0.4em;
	border: 1px solid #bfbfbf;
}
.OrderInstructions table th {
	font-weight: 700;
	background: hsla(0, 0%, 0%, 5%);
}
.OrderInstructions[dir="rtl"] table th {
	text-align: right;
}
.OrderInstructions[dir="ltr"] table th {
	text-align: left;
}

.module_image {
	height: 70px;
	width: 70px;
	background-position: center;
	background-size: 70px;
	background-repeat: no-repeat;
	border-radius: 5px;
}

/* PUBLISHER */
/* ------------------------------- */

.publisher {
	margin-bottom: 20px;
	display: flex;
} 

.publisher-attachments {
	padding: 10px 10px 5px;
}

.publisher-attachments ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.add-preview-image {
	width: 150px;
	height: 150px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 50px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	border-radius: 5px;
}

/* attachments */
.attachments li {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-transition: padding 0.5s;
	transition: padding 0.5s;
}
.attachments li.item {
	position: relative; /* for :before & button */
	border: 1px solid #eee;
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden;
}
.attachments li.item img,
.attachments li.item .item-image {
	width: 150px;
	height: 150px;
}

.attachments li.item .item-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.attachments li.item.deletable:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	width: 150px;
	height: 150px;
	content: "";
	display: none;
}
.attachments li.item.deletable:hover:before {
	display: block;
}
.attachments li.item button {
	position: absolute;
	top: 0;
	right: 5px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	filter: alpha(opacity=40);
	opacity: 0.4;
	display: none;
}
.attachments li.item.deletable:hover button {
	display: block;
}
.attachments li.item.deletable button:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.attachments li.loading {
	padding-top: 22px; /* 64px-20px(loader) / 2 */
	background: #f3f3f3;
	border: 1px solid #eee;
	display: none;
}

.message--container {
	background: #fff;
	border: 1px solid transparent;
	margin-bottom: 1px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(33, 33, 33, 0.12);
	box-shadow: 0 2px 4px rgba(33, 33, 33, 0.12);
	-webkit-transition: border 0.3s ease, -webkit-box-shadow 0.3s ease;
	transition: border 0.3s ease, -webkit-box-shadow 0.3s ease;
	transition: border 0.3s ease, box-shadow 0.3s ease;
	transition: border 0.3s ease, box-shadow 0.3s ease,
		-webkit-box-shadow 0.3s ease;
}

.message--container.new .message--from-to,
.message--container.new .message--subject {
	font-weight: 600;
}

.message--container:hover,
.message--container:focus,
.message--container:focus-within {
	border-color: #9e9e9e;
}

.message--toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 16px 0;
	border: none;
	background: #fff;
}

.message--toggle:focus,
.message--toggle:hover {
	outline: none;
}

@media (max-width: 992px) {
	.message--toggle {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.message--toggle[aria-expanded="true"] {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.message--toggle[aria-expanded="true"] .message--arrow svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.message--toggle[aria-expanded="true"] .message--arrow svg path {
	fill: #4caf50;
}

.message--toggle[aria-expanded="true"] .message--subject__text {
	display: inline;
	white-space: normal;
}

.message--toggle[aria-expanded="true"] .message--subject__text_collapse {
	display: none;
}

.message--toggle > div {
	pointer-events: none;
}

.message--toggle *[data-title] {
	position: relative;
	display: block;
	pointer-events: auto;
}

.message--icon,
.message--arrow {
	height: 20px;
	width: 50px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	padding-left: 16px;
}

.message--icon svg,
.message--arrow svg {
	vertical-align: top;
}

.message--icon svg path,
.message--arrow svg path {
	-webkit-transition: path 0.3s ease;
	transition: path 0.3s ease;
}

.message--arrow {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-left: 0;
	padding-right: 16px;
	text-align: right;
}

.message--arrow svg {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (max-width: 992px) {
	.message--arrow {
		display: none;
	}
}

.message--from-to {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 180px;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	padding-right: 5px;
	color: #757575;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.message--from-to span {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.message--from-to span.message--sender {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	max-width: 110px;
}

@media (max-width: 992px) {
	.message--from-to {
		width: calc(100% - 50px);
		padding-right: 16px;
	}
}

.message--to {
	position: relative;
	padding-left: 20px;
}

.message--to:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	border-left: 7px solid #9e9e9e;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	margin: auto;
	-webkit-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
}

.message--subject {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: auto;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
	max-width: calc(100% - 530px);
}

@media (max-width: 992px) {
	.message--subject {
		max-width: 100%;
		padding: 0 16px;
		margin: 8px 0;
	}
}

@media (max-width: 767px) {
	.message--subject {
		display: block;
		text-align: left;
	}
}

.message--subject strong.message--subject__text {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
	text-align: left;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

@media (max-width: 767px) {
	.message--subject strong.message--subject__text {
		width: 100%;
	}
}

.message--subject strong.message--subject__text + span {
	padding-left: 20px;
}

.message--subject strong.message--subject__text + span:before {
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	background-color: #bdbdbd;
	border-radius: 50%;
	margin: auto;
}

@media (max-width: 767px) {
	.message--subject strong.message--subject__text + span {
		padding-left: 0;
		padding-top: 8px;
	}

	.message--subject strong.message--subject__text + span:before {
		display: none;
	}
}

.message--subject span.message--subject__text_collapse {
	position: relative;
	color: #757575;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: inline-block;
	white-space: nowrap;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

@media (max-width: 767px) {
	.message--subject span.message--subject__text_collapse {
		width: 100%;
	}
}

.message--date {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 250px;
	font-weight: 400;
	color: #757575;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

@media (max-width: 992px) {
	.message--date {
		min-width: 0;
		width: 100%;
		padding: 0 16px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.message--date span,
.message--date a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.message--date span + span,
.message--date span + a,
.message--date a + span,
.message--date a + a {
	position: relative;
	margin-left: 20px;
	z-index: 2;
}

.message--date span + span:before,
.message--date span + a:before,
.message--date a + span:before,
.message--date a + a:before {
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -11px;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	background-color: #bdbdbd;
	border-radius: 50%;
	margin: auto;
}

.message--date a {
	pointer-events: auto;
}

.message--collapse {
	display: none;
	overflow: hidden;
	padding: 0 200px 16px 230px;
}

@media (max-width: 992px) {
	.message--collapse {
		padding: 0 16px 16px 16px;
	}
}

.message--collapse.collapsing {
	display: block;
	-webkit-animation: message-display 0.5s;
	animation: message-display 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.message--collapse.collapsing.show {
	-webkit-animation: message-display--reversed 0.5s;
	animation: message-display--reversed 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.message--collapse.show {
	display: block;
}

.message--text {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.message--text a {
	color: #4caf50;
}

.message--text a:hover,
.message--text a:focus {
	text-decoration: underline;
}

.message--text .button_table,
.message--text .hide_for_wr_admin {
	display: none;
}

.message--buttons {
	margin-top: 16px;
}

.message--buttons button {
	margin-bottom: 8px;
}

.message--buttons button + button {
	margin-left: 8px;
}

@media (max-width: 767px) {
	.message--buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.message--buttons button {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

.rating .heading {
	font-size: 25px;
	margin-right: 25px;
}

.rating .fa {
	font-size: 25px;
}

.rating .checked {
	color: orange;
}

/* Three column layout */
.rating .side {
	float: left;
	width: 15%;
	margin-top: 10px;
}

.rating .middle {
	float: left;
	width: 70%;
	margin-top: 10px;
}

/* Place text to the right */
.rating .right {
	text-align: right;
}

/* Clear floats after the columns */
.rating .rating-row:after {
	content: "";
	display: table;
	clear: both;
}

/* The bar container */
.rating .bar-container {
	width: 100%;
	background-color: #f1f1f1;
	text-align: center;
	color: white;
}

/* Individual bars */
.rating .bar-5 {
	width: 60%;
	height: 18px;
	background-color: #4caf50;
}
.rating .bar-4 {
	width: 30%;
	height: 18px;
	background-color: #2196f3;
}
.rating .bar-3 {
	width: 10%;
	height: 18px;
	background-color: #00bcd4;
}
.rating .bar-2 {
	width: 4%;
	height: 18px;
	background-color: #ff9800;
}
.rating .bar-1 {
	width: 15%;
	height: 18px;
	background-color: #f44336;
}

/* Responsive layout - make the columns stack on top of each other instead of next to each other */
@media (max-width: 400px) {
	.rating .side,
	.rating .middle {
		width: 100%;
	}
	/* Hide the right column on small screens */
	.rating .right {
		display: none;
	}
}

.section-title {
	background: #f5f5f5;
	padding: 10px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	border-radius: 2px;
}

body.night-mode .section-title {
	color: #5e72e4;
	background-color: #111;
}
/* -- */

/** Rating **/
.Rating {
	align-items: center;
	display: inline-flex;
	margin-top: 5px;
}

.Rating::after,
.Rating::before {
	font-size: 13px;
	line-height: 1.43;
	display: inline-block;
	font-weight: 400;
	vertical-align: middle;
}

.Rating::before {
	background-color: #f77d0e;
	border-radius: 2px;
	color: #fff;
	margin-right: 6px;
	padding: 1px 3px 0;
}

.Rating::after {
	margin-left: 6px;
}

.Rating-total {
	align-items: center;
	display: inline-flex;
	height: 16px;
	justify-content: space-between;
	margin-top: -2px;
	position: relative;
	width: 80px;
}

.Rating-total-input {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}

.Rating-total-label {
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 0 !important;
	position: relative;
	width: 16px;
	z-index: 1;
}

.Rating-total-input:focus ~ .Rating-progress::before,
.Rating-total-label:hover ~ .Rating-progress::before {
	background-image: url(../images/rating/rating-background-hover.svg);
}

.Rating-total-input:nth-child(n + 1):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 2):hover ~ .Rating-progress::after {
	width: 20%;
}

.Rating-total-input:nth-child(n + 3):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 4):hover ~ .Rating-progress::after {
	width: 40%;
}

.Rating-total-input:nth-child(n + 5):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 6):hover ~ .Rating-progress::after {
	width: 60%;
}

.Rating-total-input:nth-child(n + 7):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 8):hover ~ .Rating-progress::after {
	width: 80%;
}

.Rating-total-input:nth-child(n + 9):checked ~ .Rating-progress::after,
.Rating-total-label:nth-child(n + 10):hover ~ .Rating-progress::after {
	width: 100%;
}

.Rating-progress {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.Rating-progress::after,
.Rating-progress::before {
	background-repeat: no-repeat;
	background-size: 80px 16px;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.Rating-progress::before {
	background-image: url(../images/rating/rating-background.svg);
}

.Rating-progress::after {
	background-image: url(../images/rating/rating-foreground.svg);
	width: 0;
}

.Rating[data-star_rating="0.0"]::before {
	background-color: #dedede;
}

.Rating[data-star_rating="0.1"] .Rating-progress::after,
.Rating[data-star_rating="0.2"] .Rating-progress::after,
.Rating[data-star_rating="0.3"] .Rating-progress::after,
.Rating[data-star_rating="0.4"] .Rating-progress::after,
.Rating[data-star_rating="0.5"] .Rating-progress::after {
	width: 10%;
}

.Rating[data-star_rating="0.6"] .Rating-progress::after,
.Rating[data-star_rating="0.7"] .Rating-progress::after,
.Rating[data-star_rating="0.8"] .Rating-progress::after,
.Rating[data-star_rating="0.9"] .Rating-progress::after,
.Rating[data-star_rating="1.0"] .Rating-progress::after {
	width: 20%;
}

.Rating[data-star_rating="1.1"] .Rating-progress::after,
.Rating[data-star_rating="1.2"] .Rating-progress::after,
.Rating[data-star_rating="1.3"] .Rating-progress::after,
.Rating[data-star_rating="1.4"] .Rating-progress::after,
.Rating[data-star_rating="1.5"] .Rating-progress::after {
	width: 30%;
}

.Rating[data-star_rating="1.6"] .Rating-progress::after,
.Rating[data-star_rating="1.7"] .Rating-progress::after,
.Rating[data-star_rating="1.8"] .Rating-progress::after,
.Rating[data-star_rating="1.9"] .Rating-progress::after,
.Rating[data-star_rating="2.0"] .Rating-progress::after {
	width: 40%;
}

.Rating[data-star_rating="2.1"] .Rating-progress::after,
.Rating[data-star_rating="2.2"] .Rating-progress::after,
.Rating[data-star_rating="2.3"] .Rating-progress::after,
.Rating[data-star_rating="2.4"] .Rating-progress::after,
.Rating[data-star_rating="2.5"] .Rating-progress::after {
	width: 50%;
}

.Rating[data-star_rating="2.6"] .Rating-progress::after,
.Rating[data-star_rating="2.7"] .Rating-progress::after,
.Rating[data-star_rating="2.8"] .Rating-progress::after,
.Rating[data-star_rating="2.9"] .Rating-progress::after,
.Rating[data-star_rating="3.0"] .Rating-progress::after {
	width: 60%;
}

.Rating[data-star_rating="3.1"] .Rating-progress::after,
.Rating[data-star_rating="3.2"] .Rating-progress::after,
.Rating[data-star_rating="3.3"] .Rating-progress::after,
.Rating[data-star_rating="3.4"] .Rating-progress::after,
.Rating[data-star_rating="3.5"] .Rating-progress::after {
	width: 70%;
}

.Rating[data-star_rating="3.6"] .Rating-progress::after,
.Rating[data-star_rating="3.7"] .Rating-progress::after,
.Rating[data-star_rating="3.8"] .Rating-progress::after,
.Rating[data-star_rating="3.9"] .Rating-progress::after,
.Rating[data-star_rating="4.0"] .Rating-progress::after {
	width: 80%;
}

.Rating[data-star_rating="4.1"] .Rating-progress::after,
.Rating[data-star_rating="4.2"] .Rating-progress::after,
.Rating[data-star_rating="4.3"] .Rating-progress::after,
.Rating[data-star_rating="4.4"] .Rating-progress::after,
.Rating[data-star_rating="4.5"] .Rating-progress::after {
	width: 90%;
}

.Rating[data-star_rating="4.6"] .Rating-progress::after,
.Rating[data-star_rating="4.7"] .Rating-progress::after,
.Rating[data-star_rating="4.8"] .Rating-progress::after,
.Rating[data-star_rating="4.9"] .Rating-progress::after,
.Rating[data-star_rating="5.0"] .Rating-progress::after {
	width: 100%;
}

.Rating--labeled::before {
	content: attr(data-star_rating);
}

.Rating--static .Rating-total-input,
.Rating--static .Rating-total-label {
	display: none;
}

.Rating--large::after,
.Rating--large::before {
	font-size: 16px;
	line-height: 1.5;
}

.Rating--large .Rating-total {
	height: 19.4px;
	width: 97px;
}

.Rating--large .Rating-total-label {
	height: 19.4px;
	width: 19.4px;
}

.Rating--large .Rating-progress::after,
.Rating--large .Rating-progress::before {
	background-size: 97px 19.4px;
}

.Rating--basic::after {
	content: attr(data-star_rating);
}

.Rating--basic .Rating-total {
	width: 16px;
}

.Rating--basic .Rating-progress::after,
.Rating--basic .Rating-progress::before {
	width: 100%;
}

.Rating--basic[data-star_rating^="0"] .Rating-progress::after {
	width: 0;
}

.Rating--basic:not([data-star_rating^="0"]) .Rating-progress::after {
	width: 100%;
}

.Rating--basic.Rating--large .Rating-total {
	width: 19.4px;
}

/*Active Sessions*/
.active_sessions .as_list {
	padding: 13px 5px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.active_sessions .as_list:last-child {
	border: 0;
}

.active_sessions .as_list .platform_icon {
	margin-right: 15px;
	float: left;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.active_sessions .as_list .platform_icon svg {
	width: 28px;
	height: 28px;
}

.active_sessions .as_list .log_out_session {
	float: right;
	width: 35px;
	height: 35px;
	min-width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 50%;
	margin: 1px 0;
	background: transparent;
	box-shadow: none;
}

.active_sessions .as_list .log_out_session:before {
	opacity: 0.07;
}

.active_sessions .as_list .log_out_session svg {
	margin: 0;
}

.active_sessions .as_list .session_info {
	display: block;
	margin-right: 50px;
	font-family: "Lato", sans-serif;
}

.active_sessions .as_list .session_info h4 {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 600;
}

.active_sessions .as_list .session_info p {
	margin-bottom: 5px;
	line-height: 1;
}

.active_sessions .as_list .session_info p svg {
	margin-top: -2px;
}

.customer-country {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.svg-container {
	display: inline-block;
}

.svg-container svg {
	width: inherit !important;
	height: inherit !important;
}

@keyframes spinner-grow {
	0% {
		transform: scale(0);
	}
	50% {
		opacity: 1;
		transform: none;
	}
}

.spinner-grow {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
	width: 1.5rem;
	height: 1.5rem;
}

@media (prefers-reduced-motion: reduce) {
	.spinner-border,
	.spinner-grow {
		animation-duration: 1.5s;
	}
}

.night-mode .settings-page,
.night-mode .settings-sidebar {
	color: var(--body-color-dark);
	background-color: #212121;
}

.night-mode .settings-sidebar > ul > li > a {
	color: #919191;
}

.night-mode .settings-sidebar > ul > li.active > a {
	color: var(--body-color-dark);
}

.settings-page {
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 15px 20px;
}

.settings-page .avatar-holder {
	text-align: center;
	background-color: #795548;
	border-radius: 4px 4px 0 0;
	margin: -15px -20px 0;
	padding: 25px 5px 30px;
	position: relative;
}

.settings-page .avatar-holder::before {
	left: 0;
	right: 0;
	background-size: cover;
	background-image: url(../images/setting-layer.svg);
	background-position: center center;
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	opacity: 0.7;
}

.settings-page .avatar-holder::after {
	content: "";
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 792 78.7' style='enable-background:new 0 0 792 78.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFFFFF;%7d %3c/style%3e%3ctitle%3ehero-curve-layer%3c/title%3e%3cpath class='st0' d='M396,72.2C237.1,72.2,95.2,44.1,0.3,0v78.3h791.3V0C696.8,44.1,554.9,72.2,396,72.2z'/%3e%3c/svg%3e");
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 100px;
	z-index: 5;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.night-mode .settings-page .avatar-holder::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 792 78.7' style='enable-background:new 0 0 792 78.7;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23212121;%7d %3c/style%3e%3ctitle%3ehero-curve-layer%3c/title%3e%3cpath class='st0' d='M396,72.2C237.1,72.2,95.2,44.1,0.3,0v78.3h791.3V0C696.8,44.1,554.9,72.2,396,72.2z'/%3e%3c/svg%3e");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.settings-page .avatar-holder h5 {
	font-size: 21px;
	font-weight: 400;
	margin: 10px 0 5px;
}

.settings-page .avatar-holder h5 a {
	text-decoration: none;
	color: #fff;
}

.settings-page .avatar-holder p {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
	font-size: 15px;
	margin-top: 15px;
}

.settings-page .avatar-holder .btn-glossy {
	color: #fff;
	background: rgba(255, 255, 255, 0.3);
}

.settings-page .avatar-holder .infoz {
	position: relative;
	z-index: 9;
}

.settings-page .avatar-holder + hr {
	display: none;
}

.settings-page .setting-panel .show-upgrades #upgrade-button,
.settings-page .setting-panel .wo_sett_upgrade {
	background-color: #03a9f4;
	color: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
}

.settings-page .setting-panel hr {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	/* margin-right: 0px; */
	/* display: none; */
	border-top: 1px solid #eee;
}

.settings-page .setting-panel .wo_sett_upgrade {
	padding: 6px 13px;
	margin: 5px 15px 4px;
	display: inline-block;
}

.settings-page .setting-panel .show-upgrades #upgrade-button {
	padding: 11px 13px;
	border: 0;
	width: 110px;
	text-align: center;
}

.settings-page .setting-panel-mdbtn {
	padding: 9px 18px !important;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	font-weight: 700;
	margin: 2px 55px;
}

.settings-page .setting-panel-mdbtn svg.feather {
	width: 16px;
	height: 16px;
	margin: -2px 5px 0 0;
}

.settings-page .last-sett-btn {
	margin-right: -55px;
	margin-bottom: -15px;
}

.settings-page .setting-update-alert {
	margin: 20px 0 10px;
}

.settings-page .alert {
	margin: 20px 0 10px;
}

.settings-sidebar {
	background-color: #fff;
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	border-radius: 4px;
	padding: 15px 15px 1px;
	padding: 0;
}

.settings-sidebar > ul {
	margin: 0;
}

.settings-sidebar > ul > li > a {
	padding: 0;
	display: block;
	font-size: 15px;
	padding: 0 16px;
	min-width: 88px;
	line-height: 43px;
	text-decoration: none;
	transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
	letter-spacing: 0.01em;
	color: rgba(0, 0, 0, 0.65);
}

.settings-sidebar > ul > li.active > a {
	color: #000;
	font-weight: 600;
}

.settings-sidebar > ul > li > a:hover,
.settings-sidebar .settings-submenu > ul li a:hover {
	background-color: rgba(158, 158, 158, 0.05);
}

.settings-sidebar > ul > li > a svg {
	height: 19px;
	width: 19px;
	margin: auto 13px auto 0;
}

.settings-sidebar .settings-submenu > a span svg {
	margin: 10px 0;
	height: 17px;
	width: 17px;
}

.settings-sidebar .settings-submenu > ul {
	margin: 0px;
	margin-left: 23px;
	padding-left: 0;
}

.settings-sidebar .settings-submenu > ul li a {
	display: block;
	text-decoration: none;
	color: #666;
	transition: all 0.15s;
	padding: 4px 3px 4px 15px;
}

.settings-sidebar .settings-submenu > ul li.active a {
	color: #e00c54;
}

.task_deliverables {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.task_deliverables_item {
	position: relative;
	padding-left: 30px;
	margin: 4px 0;
	color: #000;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.task_deliverables_item:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 4px;
	top: -1px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: transparent;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSA2LjY2N2w1LjAwMy01aDkuMTYyYy40NiAwIC44MzUuMzguODM1LjgyN3YxNS4wMTNhLjgyOC44MjggMCAwMS0uODI4LjgyN0gzLjMyOWEuODM0LjgzNCAwIDAxLS44MjgtLjg0VjYuNjY3em01LjgzMy0zLjMzM1Y3LjVINC4xNjd2OS4xNjdoMTEuNjY2VjMuMzM0aC03LjV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--source-code:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjE2NyAxMGwtNS44OTIgNS44OTItMS4xNzgtMS4xNzhMMTYuODEgMTBsLTQuNzE0LTQuNzE0IDEuMTc4LTEuMTc5TDE5LjE2NyAxMHpNMy4xOTEgMTBsNC43MTQgNC43MTQtMS4xNzkgMS4xNzhMLjgzNCAxMGw1Ljg5Mi01Ljg5MyAxLjE3OSAxLjE3OUwzLjE5IDEweiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--scripts-and-source-code:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDEwbC00LjcxNCA0LjcxNC0xLjE3OC0xLjE3OEwxNy42NDIgMTBsLTMuNTM2LTMuNTM2IDEuMTc5LTEuMTc4TDIwIDEwek0yLjM1NyAxMGwzLjUzNSAzLjUzNi0xLjE3OCAxLjE3OEwwIDEwbDQuNzE0LTQuNzE0IDEuMTc4IDEuMTc4TDIuMzU3IDEwem01LjggNy41SDYuMzgzbDUuNDYtMTVoMS43NzRsLTUuNDYgMTV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--simple-database:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMTY3IDEwLjQxN2MwIC4yNi4zODQuNzE1IDEuMjc1IDEuMTYgMS4xNTMuNTc3IDIuNzg5LjkyMyA0LjU1OC45MjMgMS43NyAwIDMuNDA1LS4zNDYgNC41NTgtLjkyMi44OTEtLjQ0NiAxLjI3NS0uOSAxLjI3NS0xLjE2MXYtMS44MUMxNC40NTggOS40NTcgMTIuMzU2IDEwIDEwIDEwYy0yLjM1NiAwLTQuNDU4LS41NDMtNS44MzMtMS4zOTN2MS44MXptMTEuNjY2IDIuMzU3Yy0xLjM3NS44NS0zLjQ3NyAxLjM5My01LjgzMyAxLjM5My0yLjM1NiAwLTQuNDU4LS41NDQtNS44MzMtMS4zOTN2MS44MWMwIC4yNi4zODQuNzE0IDEuMjc1IDEuMTYgMS4xNTMuNTc3IDIuNzg5LjkyMyA0LjU1OC45MjMgMS43NyAwIDMuNDA1LS4zNDYgNC41NTgtLjkyMy44OTEtLjQ0NiAxLjI3NS0uOSAxLjI3NS0xLjE2di0xLjgxek0yLjUgMTQuNTg0VjYuMjVDMi41IDQuMTggNS44NTggMi41IDEwIDIuNWM0LjE0MiAwIDcuNSAxLjY4IDcuNSAzLjc1djguMzMzYzAgMi4wNzEtMy4zNTggMy43NS03LjUgMy43NS00LjE0MiAwLTcuNS0xLjY3OS03LjUtMy43NXptNy41LTYuMjVjMS43NyAwIDMuNDA1LS4zNDYgNC41NTgtLjkyMy44OTEtLjQ0NiAxLjI3NS0uOSAxLjI3NS0xLjE2MSAwLS4yNi0uMzg0LS43MTUtMS4yNzUtMS4xNi0xLjE1My0uNTc3LTIuNzg5LS45MjMtNC41NTgtLjkyMy0xLjc3IDAtMy40MDUuMzQ2LTQuNTU4LjkyMi0uODkxLjQ0Ni0xLjI3NS45LTEuMjc1IDEuMTYxIDAgLjI2LjM4NC43MTUgMS4yNzUgMS4xNiAxLjE1My41NzcgMi43ODkuOTIzIDQuNTU4LjkyM3oiIGZpbGw9IiMxNjJBNDgiLz48L3N2Zz4=);
}

.task_deliverables_item--operations-and-computations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMzMzIDIuNWgxMy4zMzRhLjgzMy44MzMgMCAwMS44MzMuODMzdjEzLjMzNGEuODMzLjgzMyAwIDAxLS44MzMuODMzSDMuMzMzYS44MzMuODMzIDAgMDEtLjgzMy0uODMzVjMuMzMzYS44MzMuODMzIDAgMDEuODMzLS44MzN6bS44MzQgMS42Njd2MTEuNjY2aDExLjY2NlY0LjE2N0g0LjE2N3ptNSA1VjUuODMzaDEuNjY2djMuMzM0aDMuMzM0djEuNjY2aC0zLjMzNHYzLjMzNEg5LjE2N3YtMy4zMzRINS44MzNWOS4xNjdoMy4zMzR6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--simple-calculations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTY2IDkuMTY2di01aDEuNjY3djVoNXYxLjY2N2gtNXY1SDkuMTY2di01aC01VjkuMTY2aDV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--simple-computations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMTY2IDkuMTY2aDExLjY2N3YxLjY2N0g0LjE2NlY5LjE2NnptNS44MzMtMi41YTEuMjUgMS4yNSAwIDExMC0yLjUgMS4yNSAxLjI1IDAgMDEwIDIuNXptMCA5LjE2N2ExLjI1IDEuMjUgMCAxMTAtMi41IDEuMjUgMS4yNSAwIDAxMCAyLjV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--statistical-scripts:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjU4MyAxNy41YTIuOTE3IDIuOTE3IDAgMTEwLTUuODMzIDIuOTE3IDIuOTE3IDAgMDEwIDUuODMzem0wLTEuNjY3YTEuMjUgMS4yNSAwIDEwMC0yLjUgMS4yNSAxLjI1IDAgMDAwIDIuNXptLTkuMTY2LTcuNWEyLjkxNyAyLjkxNyAwIDExMC01LjgzMyAyLjkxNyAyLjkxNyAwIDAxMCA1LjgzM3ptMC0xLjY2NmExLjI1IDEuMjUgMCAxMDAtMi41IDEuMjUgMS4yNSAwIDAwMCAyLjV6bTEwLjQ3Ni0zLjczOGwxLjE3OCAxLjE3OUw0LjEwOCAxNy4wNyAyLjkzIDE1Ljg5MiAxNS44OTIgMi45M3oiIGZpbGw9IiMxNjJBNDgiLz48L3N2Zz4=);
}

.task_deliverables_item--screenshots-of-outputs:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAyLjVoMS42Njd2MS42NjdIMi41VjIuNXptMy4zMzMgMEg3LjV2MS42NjdINS44MzNWMi41em0zLjMzNCAwaDEuNjY2djEuNjY3SDkuMTY3VjIuNXptMy4zMzMgMGgxLjY2N3YxLjY2N0gxMi41VjIuNXptMy4zMzMgMEgxNy41djEuNjY3aC0xLjY2N1YyLjV6bTAgMy4zMzNIMTcuNVY3LjVoLTEuNjY3VjUuODMzem0tMTMuMzMzIDEwaDEuNjY3VjE3LjVIMi41di0xLjY2N3ptMC0zLjMzM2gxLjY2N3YxLjY2N0gyLjVWMTIuNXptMC0zLjMzM2gxLjY2N3YxLjY2NkgyLjVWOS4xNjd6bTAtMy4zMzRoMS42NjdWNy41SDIuNVY1LjgzM3ptNi4zOSAzLjMzNGwuODYyLTEuMjk2YS44MzMuODMzIDAgMDEuNjk0LS4zNzFoMi40NDFhLjgzNC44MzQgMCAwMS42OTQuMzdsLjg2MyAxLjI5N2gyLjIyM0EuODMzLjgzMyAwIDAxMTcuNSAxMHY2LjY2N2EuODMzLjgzMyAwIDAxLS44MzMuODMzaC0xMGEuODMzLjgzMyAwIDAxLS44MzQtLjgzM1YxMGEuODMzLjgzMyAwIDAxLjgzNC0uODMzaDIuMjIyek03LjUgMTUuODMzaDguMzMzdi01aC0yLjI4bC0xLjExMS0xLjY2NmgtMS41NUw5Ljc4IDEwLjgzM0g3LjV2NXpNMTEuNjY3IDE1YTEuNjY2IDEuNjY2IDAgMTEwLTMuMzMzIDEuNjY2IDEuNjY2IDAgMDEwIDMuMzMzeiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--simple-queries-and-charts:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTY2LjQ1MmMuMjc1LS4wMjQuNTUzLS4wMzUuODMzLS4wMzUgNS4yOTMgMCA5LjU4NCA0LjI5IDkuNTg0IDkuNTgzIDAgLjI4LS4wMTIuNTU4LS4wMzYuODMzaC0xLjI1NWE4LjMzMyA4LjMzMyAwIDExLTkuMTI2LTkuMTI1Vi40NTJ6bTAgMTAuMzgxVjMuMzg1YTYuNjY4IDYuNjY4IDAgMDAuODMzIDEzLjI4MSA2LjY2NyA2LjY2NyAwIDAwNi42MTUtNS44MzNIOS4xNjZ6bTguNzA3LTEuNjY3YTcuOTIgNy45MiAwIDAwLTcuMDQtNy4wNHY3LjA0aDcuMDR6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--charts-and-calculations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjMzM0E4LjMzMyA4LjMzMyAwIDAxNy41IDIuMDQ4djEuNzdBNi42NyA2LjY3IDAgMDAxMCAxNi42NjYgNi42NjggNi42NjggMCAwMDE2LjE4IDEyLjVoMS43N2E4LjMzNiA4LjMzNiAwIDAxLTcuOTUyIDUuODMzem04LjI5MS03LjVIOS4xNjZWMS43MDhhOC4zMzMgOC4zMzMgMCAwMTkuMTI1IDkuMTI1em0tNy40NTgtNy40NDh2NS43ODFoNS43ODFhNi42NyA2LjY3IDAgMDAtNS43ODEtNS43ODF6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--simple-charts-and-diagrams:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42NjYgOC4zMzNoNVYxNWgtNVY4LjMzM3ptMTEuNjY3LTQuMTY2aDVWMTVoLTVWNC4xNjd6TTYuNDk5IDBoNXYxNWgtNVYwek0yLjMzMyAxMHYzLjMzM2gxLjY2NlYxMEgyLjMzM3ptNS44MzMtOC4zMzN2MTEuNjY2aDEuNjY3VjEuNjY3SDguMTY2em01LjgzMyA0LjE2NnY3LjVoMS42Njd2LTcuNWgtMS42Njd6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--simple-drawings-tables-map:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjg4IDguMDY1bC0uMTE4LS4xMTlhNC41NjMgNC41NjMgMCAwMC0xLjk5MS0xLjEyNGMtMi40MjMtLjY0OC00Ljc1LjcyNC01LjQxIDMuMTkyLS4wMzYuMTMzLS4wNTUuMjgzLS4wODcuNjYtLjEyOCAxLjU1OC0uNDk1IDIuNzItMS41IDMuOSAxLjg4My43NCA0LjExNSAxLjI2IDUuODEyIDEuMjZhNC41ODcgNC41ODcgMCAwMDMuMjk1LTcuNzd6TTExLjA3NyA1LjE4bDQuMTE1LTMuMjAxYS44MzMuODMzIDAgMDExLjEuMDY4bDIuNDk2IDIuNDk1YS44MzMuODMzIDAgMDEuMDY5IDEuMTAxbC0zLjIgNC4xMTVhNi4yNTQgNi4yNTQgMCAwMS02LjA3IDcuNzQ0QzYuNjY3IDE3LjUwMiAyLjkxNyAxNi4yNS44MzQgMTVjMy4zMTctMi41IDIuNTQtNC4wMDggMi45MTctNS40MTcuODgxLTMuMjkyIDQuMDM1LTUuMjE0IDcuMzI0LTQuNDAzem0yLjg0NCAxLjU2NmMuMDU0LjA1Mi4xMDguMTA2LjE2LjE2MWwuOTQ3Ljk0NSAyLjA2Mi0yLjY1MS0xLjQ1NS0xLjQ1NS0yLjY1MiAyLjA2Mi45MzguOTM4eiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--simple-tables-and-charts:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjgzMyA4LjMzM3YzLjMzNGg1VjguMzMzaC01em0tMS42NjYgMGgtNXYzLjMzNGg1VjguMzMzem0xLjY2NiA3LjVoNXYtMi41aC01djIuNXptLTEuNjY2IDB2LTIuNWgtNXYyLjVoNXptMS42NjYtMTEuNjY2djIuNWg1di0yLjVoLTV6bS0xLjY2NiAwaC01djIuNWg1di0yLjV6TTMuMzMzIDIuNWgxMy4zMzRhLjgzMy44MzMgMCAwMS44MzMuODMzdjEzLjMzNGEuODMzLjgzMyAwIDAxLS44MzMuODMzSDMuMzMzYS44MzMuODMzIDAgMDEtLjgzMy0uODMzVjMuMzMzYS44MzMuODMzIDAgMDEuODMzLS44MzN6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--short-answers-to-questions:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuODAyIDE0LjE2N2gxMS44NjR2LTEwSDMuMzMzVjE1LjMybDEuNDY5LTEuMTU0em0uNTc3IDEuNjY2TDEuNjY2IDE4Ljc1VjMuMzMzYS44MzMuODMzIDAgMDEuODMzLS44MzNoMTVhLjgzMy44MzMgMCAwMS44MzQuODMzVjE1YS44MzMuODMzIDAgMDEtLjgzNC44MzNINS4zOHptMy43ODctNC4xNjZoMS42Njd2MS42NjZIOS4xNjZ2LTEuNjY2ek03LjEzOSA3LjM0NGEyLjkxOCAyLjkxOCAwIDExMi44NiAzLjQ5aC0uODMzVjkuMTY2aC44MzNhMS4yNSAxLjI1IDAgMTAtMS4yMjUtMS40OTVsLTEuNjM1LS4zMjh6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--computations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTY2IDkuMTY3VjUuODM0aDEuNjY3djMuMzMzaDMuMzMzdjEuNjY3aC0zLjMzM3YzLjMzM0g5LjE2NnYtMy4zMzNINS44MzNWOS4xNjdoMy4zMzN6bS44MzMgOS4xNjdhOC4zMzMgOC4zMzMgMCAxMTAtMTYuNjY3IDguMzMzIDguMzMzIDAgMDEwIDE2LjY2N3ptMC0xLjY2N2E2LjY2NyA2LjY2NyAwIDEwMC0xMy4zMzMgNi42NjcgNi42NjcgMCAwMDAgMTMuMzMzeiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--calculations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMzMzIDEuNjY3aDEzLjMzNGEuODMzLjgzMyAwIDAxLjgzMy44MzN2MTVhLjgzMy44MzMgMCAwMS0uODMzLjgzNEgzLjMzM0EuODMzLjgzMyAwIDAxMi41IDE3LjV2LTE1YS44MzMuODMzIDAgMDEuODMzLS44MzN6bS44MzQgMS42Njd2MTMuMzMzaDExLjY2NlYzLjMzNEg0LjE2N3pNNS44MzMgNWg4LjMzNHYzLjMzNEg1LjgzM1Y1em0wIDVINy41djEuNjY3SDUuODMzVjEwem0wIDMuMzM0SDcuNVYxNUg1LjgzM3YtMS42NjZ6TTkuMTY3IDEwaDEuNjY2djEuNjY3SDkuMTY3VjEwem0wIDMuMzM0aDEuNjY2VjE1SDkuMTY3di0xLjY2NnpNMTIuNSAxMGgxLjY2N3Y1SDEyLjV2LTV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--tables-and-charts:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjMzMyAxMy4zMzRhMi41IDIuNSAwIDExMCA1IDIuNSAyLjUgMCAwMTAtNXpNNC45OTkgMTBhMy4zMzIgMy4zMzIgMCAxMTAgNi42NjdBMy4zMzIgMy4zMzIgMCAxMTUgMTB6bTguMzM0IDVhLjgzNC44MzQgMCAxMDAgMS42NjguODM0LjgzNCAwIDAwMC0xLjY2OHptLTguMzM0LTMuMzMzYTEuNjY2IDEuNjY2IDAgMTAwIDMuMzMyIDEuNjY2IDEuNjY2IDAgMDAwLTMuMzMyem03LjA4NC0xMGE0LjU4MyA0LjU4MyAwIDExMCA5LjE2NiA0LjU4MyA0LjU4MyAwIDAxMC05LjE2NnptMCAxLjY2N2EyLjkxNyAyLjkxNyAwIDEwMCA1LjgzMyAyLjkxNyAyLjkxNyAwIDAwMC01LjgzM3oiIGZpbGw9IiMxNjJBNDgiLz48L3N2Zz4=);
}

.task_deliverables_item--database:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTY2IDE1LjgzM1Y3LjVIMy4zMzN2OC4zMzNoNS44MzN6bTAtMTB2LTIuNWEuODMzLjgzMyAwIDAxLjgzMy0uODMzaDcuNWEuODMzLjgzMyAwIDAxLjgzNC44MzN2MTMuMzM0YS44MzMuODMzIDAgMDEtLjgzNC44MzNoLTE1YS44MzMuODMzIDAgMDEtLjgzMy0uODMzdi0xMGEuODMzLjgzMyAwIDAxLjgzMy0uODM0aDYuNjY3em0xLjY2Ny0xLjY2NnYxMS42NjZoNS44MzNWNC4xNjdoLTUuODMzem0tNi42NjcgOS4xNjZoNC4xNjdWMTVINC4xNjZ2LTEuNjY3em03LjUgMGg0LjE2N1YxNWgtNC4xNjd2LTEuNjY3em0wLTIuNWg0LjE2N1YxMi41aC00LjE2N3YtMS42Njd6bTAtMi41aDQuMTY3VjEwaC00LjE2N1Y4LjMzM3ptLTcuNSAyLjVoNC4xNjdWMTIuNUg0LjE2NnYtMS42Njd6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--structure-and-flowcharts:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuOTIgMTIuNjc1YTIuNTAxIDIuNTAxIDAgMTEtMS43NTQtLjAzM1Y3LjM1OGEyLjUgMi41IDAgMTExLjY2NyAwVjEwYTQuMTQ3IDQuMTQ3IDAgMDEyLjUtLjgzM2gzLjMzM2EyLjUwMSAyLjUwMSAwIDAwMi40MTMtMS44NDIgMi41IDIuNSAwIDExMS42OTMuMDUzIDQuMTY3IDQuMTY3IDAgMDEtNC4xMDYgMy40NTVIOC4zMzNhMi41IDIuNSAwIDAwLTIuNDEzIDEuODQyek01IDE0LjE2N2EuODMzLjgzMyAwIDEwMCAxLjY2Ni44MzMuODMzIDAgMDAwLTEuNjY2em0wLTEwYS44MzMuODMzIDAgMTAwIDEuNjY2LjgzMy44MzMgMCAwMDAtMS42NjZ6bTEwIDBhLjgzMy44MzMgMCAxMDAgMS42NjYuODMzLjgzMyAwIDAwMC0xLjY2NnoiIGZpbGw9IiMxNjJBNDgiLz48L3N2Zz4=);
}

.task_deliverables_item--simple-statistical-models:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMTY3IDIuNXYxMy4zMzNIMTcuNVYxNy41aC0xNXYtMTVoMS42Njd6TTE2LjkxIDUuMjQ0bDEuMTc4IDEuMTc5LTQuNzU2IDQuNzU1LTIuNS0yLjQ5OS0zLjU3NyAzLjU3Ny0xLjE3OS0xLjE3OCA0Ljc1Ni00Ljc1NiAyLjUgMi40OTkgMy41NzgtMy41Nzd6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--models-charts-calculations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSAxNUgzLjMzM1Y4LjMzNEg3LjVWMTV6bS0xLjY2Ny0xLjY2NlYxMEg1djMuMzM0aC44MzN6bTUgMFY2LjY2N0gxMHY2LjY2N2guODMzek0xMi41IDE1SDguMzMzVjVIMTIuNXYxMHptMy4zMzMtMS42NjZ2LTEwSDE1djEwaC44MzN6TTE3LjUgMTVoLTQuMTY3VjEuNjY3SDE3LjVWMTV6bS44MzMgMy4zMzRIMi41di0xLjY2N2gxNS44MzN2MS42Njd6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--models-drawings-charts:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjgzMyAxNy41djEuNjY3SDkuMTY2VjE3LjVIMi40OTlhLjgzMy44MzMgMCAwMS0uODMzLS44MzNWNWgxNi42Njd2MTEuNjY3YS44MzMuODMzIDAgMDEtLjgzNC44MzNoLTYuNjY2em0tNy41LTEuNjY3aDEzLjMzM1Y2LjY2N0gzLjMzM3Y5LjE2NnptNy41LTcuNWg0LjE2NlYxMGgtNC4xNjZWOC4zMzN6bTAgMy4zMzRoNC4xNjZ2MS42NjZoLTQuMTY2di0xLjY2NnpNNy40OTkgOC4zMzN2Mi41SDEwYTIuNSAyLjUgMCAxMS0yLjUtMi41ek0xLjY2NiAyLjVoMTYuNjY3djEuNjY3SDEuNjY2VjIuNXoiIGZpbGw9IiMxNjJBNDgiLz48L3N2Zz4=);
}

.task_deliverables_item--simple-3d-cad-model:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTY2IDMuNDM5VjEuNjY3aDEuNjY3djEuNzcyYTMuMzM1IDMuMzM1IDAgMDExLjUwMiA1LjYwNmw1LjA1MyA4Ljc1Mi0xLjQ0My44MzMtNS4wNTMtOC43NWEzLjMzNyAzLjMzNyAwIDAxLTEuNzg1IDBsLTUuMDUyIDguNzUtMS40NDQtLjgzMyA1LjA1My04Ljc1MkEzLjMzNSAzLjMzNSAwIDAxOS4xNjYgMy40NHpNMTAgOC4zMzRBMS42NjcgMS42NjcgMCAxMDEwIDVhMS42NjcgMS42NjcgMCAwMDAgMy4zMzR6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--charts-and-diagrams:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAyLjVoMTVhLjgzMy44MzMgMCAwMS44MzMuODMzdjEzLjMzNGEuODMzLjgzMyAwIDAxLS44MzQuODMzaC0xNWEuODMzLjgzMyAwIDAxLS44MzMtLjgzM1YzLjMzM2EuODMzLjgzMyAwIDAxLjgzMy0uODMzem0uODMzIDEuNjY3djExLjY2NmgxMy4zMzNWNC4xNjdIMy4zMzN6bTEwLjc1IDYuNjY2QTQuMTY4IDQuMTY4IDAgMDE1LjgzMyAxMGE0LjE2OCA0LjE2OCAwIDAxMy4zMzMtNC4wODN2NC45MTZoNC45MTd6bTAtMS42NjZoLTMuMjV2LTMuMjVhNC4xNzEgNC4xNzEgMCAwMTMuMjUgMy4yNXoiIGZpbGw9IiMxNjJBNDgiLz48L3N2Zz4=);
}

.task_deliverables_item--drawings-tables-map:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjg4IDguMDY1bC0uMTE4LS4xMTlhNC41NjMgNC41NjMgMCAwMC0xLjk5MS0xLjEyNGMtMi40MjMtLjY0OC00Ljc1LjcyNC01LjQxIDMuMTkyLS4wMzYuMTMzLS4wNTUuMjgzLS4wODcuNjYtLjEyOCAxLjU1OC0uNDk1IDIuNzItMS41IDMuOSAxLjg4My43NCA0LjExNSAxLjI2IDUuODEyIDEuMjZhNC41ODcgNC41ODcgMCAwMDMuMjk1LTcuNzd6TTExLjA3NyA1LjE4bDQuMTE1LTMuMjAxYS44MzMuODMzIDAgMDExLjEuMDY4bDIuNDk2IDIuNDk1YS44MzMuODMzIDAgMDEuMDY5IDEuMTAxbC0zLjIgNC4xMTVhNi4yNTQgNi4yNTQgMCAwMS02LjA3IDcuNzQ0QzYuNjY3IDE3LjUwMiAyLjkxNyAxNi4yNS44MzQgMTVjMy4zMTctMi41IDIuNTQtNC4wMDggMi45MTctNS40MTcuODgxLTMuMjkyIDQuMDM1LTUuMjE0IDcuMzI0LTQuNDAzem0yLjg0NCAxLjU2NmMuMDU0LjA1Mi4xMDguMTA2LjE2LjE2MWwuOTQ3Ljk0NSAyLjA2Mi0yLjY1MS0xLjQ1NS0xLjQ1NS0yLjY1MiAyLjA2Mi45MzguOTM4eiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--statistical-models:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMTY3IDIuNXYxMy4zMzNIMTcuNVYxNy41aC0xNXYtMTVoMS42Njd6TTE2LjkxIDUuMjQ0bDEuMTc4IDEuMTc5LTQuNzU2IDQuNzU1LTIuNS0yLjQ5OS0zLjU3NyAzLjU3Ny0xLjE3OS0xLjE3OCA0Ljc1Ni00Ljc1NiAyLjUgMi40OTkgMy41NzgtMy41Nzd6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--3d-cad-model:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjYxIDExLjI1YTUuODIzIDUuODIzIDAgMDAyLjIyNC00LjU4M2gxLjY2N2E3LjQ4OCA3LjQ4OCAwIDAxLTMuMDUyIDYuMDM4bDIuMTA3IDMuNjQ5YTEuNjY3IDEuNjY3IDAgMDEtLjYxIDIuMjc2bC0yLjk0LTUuMDlhNy40NzMgNy40NzMgMCAwMS0zLjAwNS42MjcgNy40NzMgNy40NzMgMCAwMS0zLjAwNi0uNjI3bC0yLjk0IDUuMDlhMS42NjYgMS42NjYgMCAwMS0uNjEtMi4yNzZsNC4yMi03LjMwOUEzLjMzNSAzLjMzNSAwIDAxOS4xNjggMy40NFYxLjY2N2gxLjY2NnYxLjc3MmEzLjMzNSAzLjMzNSAwIDAxMS41MDMgNS42MDZsMS4yNzIgMi4yMDV6bS0xLjQ0Mi44MzVMMTAuODk0IDkuODhhMy4zMzcgMy4zMzcgMCAwMS0xLjc4NSAwbC0xLjI3MyAyLjIwNmMuNjcuMjY4IDEuNC40MTUgMi4xNjYuNDE1Ljc2NSAwIDEuNDk2LS4xNDcgMi4xNjYtLjQxNXpNMTAgOC4zMzRBMS42NjcgMS42NjcgMCAxMDEwIDVhMS42NjcgMS42NjcgMCAwMDAgMy4zMzR6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--problem-analysis:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDE4LjMzNGE4LjMzMyA4LjMzMyAwIDExMC0xNi42NjcgOC4zMzMgOC4zMzMgMCAwMTAgMTYuNjY3em0wLTEuNjY3YTYuNjY3IDYuNjY3IDAgMTAwLTEzLjMzMyA2LjY2NyA2LjY2NyAwIDAwMCAxMy4zMzN6TTkuMTY1IDEyLjVoMS42Njd2MS42NjdIOS4xNjZWMTIuNXptMS42NjctMS4zN3YuNTM3SDkuMTY2di0xLjI1YS44MzMuODMzIDAgMDEuODMzLS44MzMgMS4yNSAxLjI1IDAgMTAtMS4yMjUtMS40OTVMNy4xMzkgNy43NmEyLjkxOCAyLjkxOCAwIDExMy42OTQgMy4zNjl6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--data-schema:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgNC4xNjdoMS42NjhhMS42NjcgMS42NjcgMCAwMTEuNjY2IDEuNjY3djYuODA4YTIuNSAyLjUgMCAxMS0xLjY2NiAwVjUuODM0SDEyLjV2Mi41TDguNzUgNWwzLjc1LTMuMzMzdjIuNXpNNC4xNjkgNy4zNTlhMi41IDIuNSAwIDExMS42NjYgMHY1LjI4M2EyLjUwMSAyLjUwMSAwIDExLTEuNjY2IDBWNy4zNTl6TTUgNS44MzRhLjgzMy44MzMgMCAxMDAtMS42NjcuODMzLjgzMyAwIDAwMCAxLjY2N3ptMCAxMGEuODMzLjgzMyAwIDEwMC0xLjY2Ny44MzMuODMzIDAgMDAwIDEuNjY3em0xMCAwYS44MzMuODMzIDAgMTAwLTEuNjY3LjgzMy44MzMgMCAwMDAgMS42Njd6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--experiment-observations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgMy4zMzRINC4xNjd2MTMuMzMzaDExLjY2NnYtMTBIMTIuNVYzLjMzNHptLTEwLS44NGEuODMuODMgMCAwMS44MzMtLjgyN2gxMEwxNy41IDUuODM0djExLjY2YS44MzIuODMyIDAgMDEtLjgyOC44NEgzLjMyN2EuODM0LjgzNCAwIDAxLS44MjctLjgyN1YyLjQ5NHptNi42NjcgNi42NzNoMS42NjZ2NUg5LjE2N3YtNXptMC0zLjMzM2gxLjY2NlY3LjVIOS4xNjdWNS44MzR6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--observations-and-forecasts:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUgMy4zMzRINC4xNjd2MTMuMzMzaDExLjY2NnYtMTBIMTIuNVYzLjMzNHptLTEwLS44NGEuODMuODMgMCAwMS44MzMtLjgyN2gxMEwxNy41IDUuODM0djExLjY2YS44MzIuODMyIDAgMDEtLjgyOC44NEgzLjMyN2EuODM0LjgzNCAwIDAxLS44MjctLjgyN1YyLjQ5NHpNOS4xNjcgMTIuNWgxLjY2NnYxLjY2N0g5LjE2N1YxMi41em0wLTYuNjY2aDEuNjY2djVIOS4xNjd2LTV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--detailed-explanations:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODMzIDVWMi41YS44MzMuODMzIDAgMDEuODM0LS44MzNoMTBhLjgzMy44MzMgMCAwMS44MzMuODMzdjExLjY2N2EuODMzLjgzMyAwIDAxLS44MzMuODMzaC0yLjV2Mi41YzAgLjQ2LS4zNzUuODM0LS44NC44MzRIMy4zNEEuODM1LjgzNSAwIDAxMi41IDE3LjVsLjAwMi0xMS42NjZjMC0uNDYuMzc2LS44MzQuODM5LS44MzRoMi40OTJ6TTQuMTY4IDYuNjY3bC0uMDAxIDEwSDEyLjV2LTEwSDQuMTY4ek03LjUgNWg2LjY2N3Y4LjMzNGgxLjY2NnYtMTBINy41VjV6TTUuODMzIDkuMTY3aDV2MS42NjdoLTVWOS4xNjd6bTAgMy4zMzNoNXYxLjY2N2gtNVYxMi41eiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--brief-report:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjUgNi42Njd2MTAuODI3YS44MzIuODMyIDAgMDEtLjgyOC44NEgzLjMyN2EuODI4LjgyOCAwIDAxLS44MjctLjgyN1YyLjQ5NGMwLS40NDguMzc0LS44MjcuODM1LS44MjdoOS4xNjNsNS4wMDIgNXptLTEuNjY3LjgzM2gtNC4xNjZWMy4zMzRoLTcuNXYxMy4zMzNoMTEuNjY2VjcuNXpNNi42NjcgNS44MzRoMi41VjcuNWgtMi41VjUuODM0em0wIDMuMzMzaDYuNjY2djEuNjY3SDYuNjY3VjkuMTY3em0wIDMuMzMzaDYuNjY2djEuNjY3SDYuNjY3VjEyLjV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--documentation:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSAxNS40MTdWNC4xNjdhMi41IDIuNSAwIDAxMi41LTIuNWgxMS42NjdhLjgzMy44MzMgMCAwMS44MzMuODMzdjE1YS44MzMuODMzIDAgMDEtLjgzMy44MzRINS40MTdBMi45MTcgMi45MTcgMCAwMTIuNSAxNS40MTd6bTEzLjMzMyAxLjI1di0yLjVINS40MTdhMS4yNSAxLjI1IDAgMDAwIDIuNWgxMC40MTZ6bS03LjUtMTMuMzMzSDVhLjgzMy44MzMgMCAwMC0uODMzLjgzM3Y4LjYxNGMuMzktLjE4NS44MTctLjI4MSAxLjI1LS4yOGgxMC40MTZWMy4zMzNoLTEuNjY2VjEwTDExLjI1IDguMzM0IDguMzMzIDEwVjMuMzM0eiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--detailed-report:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjY2NyAxOC4zMzRIMy4zMzNBLjgzMy44MzMgMCAwMTIuNSAxNy41di0xNWEuODMzLjgzMyAwIDAxLjgzMy0uODMzaDEzLjMzNGEuODMzLjgzMyAwIDAxLjgzMy44MzN2MTVhLjgzMy44MzMgMCAwMS0uODMzLjgzNHptLS44MzQtMS42NjdWMy4zMzRINC4xNjd2MTMuMzMzaDExLjY2NnpNNi42NjcgNS44MzRoNi42NjZWNy41SDYuNjY3VjUuODM0em0wIDMuMzMzaDYuNjY2djEuNjY3SDYuNjY3VjkuMTY3em0wIDMuMzMzaDYuNjY2djEuNjY3SDYuNjY3VjEyLjV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--complex-models:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1IDIuNWEyLjUgMi41IDAgMTEwIDVoLTIuNWEyLjUgMi41IDAgMDEtMi4zNTgtMS42NjdoLS45NzZjLS45MTcgMC0xLjY2Ny43NS0xLjY2NyAxLjY2N3YuMTQzYTIuNSAyLjUgMCAwMTAgNC43MTV2LjE0MmMwIC45MTcuNzUgMS42NjcgMS42NjcgMS42NjdoLjk3NWEyLjUwMiAyLjUwMiAwIDAxMi4zNTgtMS42NjdIMTVhMi41IDIuNSAwIDExMCA1aC0yLjVhMi41IDIuNSAwIDAxLTIuMzU3LTEuNjY3aC0uOTc2QTMuMzMyIDMuMzMyIDAgMDE1LjgzMyAxMi41SDQuMTY2YTIuNSAyLjUgMCAxMTAtNWgxLjY2N2EzLjMzMiAzLjMzMiAwIDAxMy4zMzMtMy4zMzNoLjk3NUEyLjUwMiAyLjUwMiAwIDAxMTIuNDk5IDIuNUgxNXptMCAxMS42NjdoLTIuNWEuODM0LjgzNCAwIDAwMCAxLjY2NkgxNWEuODM0LjgzNCAwIDAwMC0xLjY2NnptLTguMzM0LTVoLTIuNWEuODM0LjgzNCAwIDAwMCAxLjY2NmgyLjVhLjgzNC44MzQgMCAwMDAtMS42NjZ6bTguMzMzLTVoLTIuNWEuODM0LjgzNCAwIDAwMCAxLjY2NkgxNWEuODM0LjgzNCAwIDAwMC0xLjY2NnoiIGZpbGw9IiMxNjJBNDgiLz48L3N2Zz4=);
}

.task_deliverables_item--advanced-report:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjE2NyAxLjY2N2gyLjVhLjgzMy44MzMgMCAwMS44MzMuODMzdjE1YS44MzMuODMzIDAgMDEtLjgzMy44MzNIMy4zMzNBLjgzNC44MzQgMCAwMTIuNSAxNy41di0xNWEuODMzLjgzMyAwIDAxLjgzMy0uODMzaDIuNVYwSDcuNXYxLjY2N2g1VjBoMS42Njd2MS42Njd6bTAgMS42NjZWNUgxMi41VjMuMzMzaC01VjVINS44MzNWMy4zMzNINC4xNjd2MTMuMzM0aDExLjY2NlYzLjMzM2gtMS42NjZ6TTUuODMzIDYuNjY3aDguMzM0djEuNjY2SDUuODMzVjYuNjY3em0wIDMuMzMzaDguMzM0djEuNjY3SDUuODMzVjEweiIgZmlsbD0iIzE2MkE0OCIvPjwvc3ZnPg==);
}

.task_deliverables_item--presentation:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMzgzIDIuMzk4TDEyLjg1OC45MDJhLjQxNi40MTYgMCAwMS40NzYuNDEydjE3LjM3MmEuNDE2LjQxNiAwIDAxLS40NzYuNDEyTDIuMzgyIDE3LjYwM2EuODMzLjgzMyAwIDAxLS43MTYtLjgyNlYzLjIyM2EuODMzLjgzMyAwIDAxLjcxNi0uODI1em0uOTUgMS41NDh2MTIuMTA4bDguMzM0IDEuMTkxVjIuNzU1bC04LjMzMyAxLjE5em0xMC44MzQgMTEuODg3aDIuNVY0LjE2N2gtMi41VjIuNUgxNy41YS44MzMuODMzIDAgMDEuODM0LjgzM3YxMy4zMzRhLjgzMy44MzMgMCAwMS0uODM0LjgzM2gtMy4zMzN2LTEuNjY3em0tMTAtOS4xNjZoNi42Njd2NWgtNXYxLjY2Nkg0LjE2N1Y2LjY2N3ptMS42NjcgMS42NjZWMTBoMy4zMzNWOC4zMzNINS44MzR6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.task_deliverables_item--other:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNSA2LjY2N2w1LjAwMy01aDkuMTYyYy40NiAwIC44MzUuMzguODM1LjgyN3YxNS4wMTNhLjgyOC44MjggMCAwMS0uODI4LjgyN0gzLjMyOWEuODM0LjgzNCAwIDAxLS44MjgtLjg0VjYuNjY3em01LjgzMy0zLjMzM1Y3LjVINC4xNjd2OS4xNjdoMTEuNjY2VjMuMzM0aC03LjV6IiBmaWxsPSIjMTYyQTQ4Ii8+PC9zdmc+);
}

.select2-container--default .select2-selection--single{
    position: relative;
	height: 38px;
    padding: 6px 12px;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    padding: 6px 12px;
    height: 38px;
    top: 0px;
    width: 20px;
}

.select2-container, .select2-hidden-accessible {
	width: 100% !important;
}

.theme-browser .theme {
    cursor: pointer;
    position: relative;
    border: 1px solid #dcdcde;
    box-shadow: 0 1px 1px -1px rgba(0,0,0,.1);
}

.theme-browser .theme:nth-child(3n) {
    margin-right: 0
}

.theme-browser .theme.focus,.theme-browser .theme:hover {
    cursor: pointer
}

.theme-browser .theme .theme-name {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 15px;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    background: rgba(255,255,255,.65)
}

.theme-browser .theme .theme-actions {
    opacity: 0;
    transition: opacity .1s ease-in-out;
    height: auto;
    background: rgba(246,247,247,.7);
    border-left: 1px solid rgba(0,0,0,.05)
}

.theme-browser .theme.focus .theme-actions,.theme-browser .theme:hover .theme-actions {
    opacity: 1
}

.theme-browser .theme .theme-actions .button-primary {
    margin-right: 3px
}

.theme-browser .theme .theme-actions .button {
    float: none;
    margin-left: 3px
}

.theme-browser .theme .theme-screenshot {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    transition: opacity .2s ease-in-out
}

.theme-browser .theme .theme-screenshot:after {
    content: "";
    display: block;
    padding-top: 66.66666%
}

.theme-browser .theme .theme-screenshot img {
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transition: opacity .2s ease-in-out
}

.theme-browser .theme.focus .theme-screenshot,.theme-browser .theme:hover .theme-screenshot {
    background: #fff
}

.theme-browser.rendered .theme.focus .theme-screenshot img,.theme-browser.rendered .theme:hover .theme-screenshot img {
    opacity: .4
}

.theme-browser .theme .more-details {
    opacity: 0;
    position: absolute;
    top: 35%;
    right: 20%;
    left: 20%;
    width: 60%;
    background: #1d2327;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-size: 15px;
    text-shadow: 0 1px 0 rgba(0,0,0,.6);
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    padding: 15px 12px;
    text-align: center;
    border-radius: 3px;
    border: none;
    transition: opacity .1s ease-in-out
}

.theme-browser .theme .more-details:focus {
    box-shadow: 0 0 0 1px #fff,0 0 0 3px #2271b1
}

.theme-browser .theme.focus {
    border-color: #4f94d4;
    box-shadow: 0 0 2px rgba(79,148,212,.8)
}

.theme-browser .theme.focus .more-details {
    opacity: 1
}

.theme-browser .theme.active.focus .theme-actions {
    display: block
}

.theme-browser.rendered .theme.focus .more-details,.theme-browser.rendered .theme:hover .more-details {
    opacity: 1
}

.theme-browser .theme.active .theme-name {
    background: #1d2327;
    color: #fff;
    padding-right: 110px;
    font-weight: 300;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5)
}

.theme-browser .customize-control .theme.active .theme-name {
    padding-right: 15px
}

.theme-browser .theme.active .theme-name span {
    font-weight: 600
}

.theme-browser .theme.active .theme-actions {
    background: rgba(44,51,56,.7);
    border-left: none;
    opacity: 1
}

.theme-id-container {
    position: relative
}

.theme-browser .theme .theme-actions,.theme-browser .theme.active .theme-actions {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 9px 15px;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1)
}

.theme-browser .theme.active .theme-actions .button-primary {
    margin-right: 0
}

.theme-browser .theme .theme-author {
    background: #1d2327;
    color: #f0f0f1;
    display: none;
    font-size: 14px;
    margin: 0 10px;
    padding: 5px 10px;
    position: absolute;
    bottom: 56px
}

.theme-browser .theme.display-author .theme-author {
    display: block
}

.theme-browser .theme.display-author .theme-author a {
    color: inherit
}

.theme .theme-screenshot.blank,.theme-overlay .screenshot.blank {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=)
}