body {
	font-family: 'Inter', sans-serif;
	background: #eff3f6;
	padding-bottom: 2rem;
}

body.app {
	padding-top: 56px;
	padding-bottom: 0;
	background-color: #fff;
	transition: background-color 0.3s;
}

body.app.fullscreen,
body.overflow-hidden {
	max-height: 100vh;
	overflow: hidden;
}

body.app.dark {
	background-color: #132a3f;
}

body.app.fun {
	background-color: #eff3f6;
}

@media(min-width: 1340px) {
	body.app.fun {
						background-image: url("/javax.faces.resource/img/bee1.svg.xhtml?v=2.11.0");
						background-position: calc(50% - 670px) 270px;
						background-size: auto 413px;
						background-repeat: no-repeat;
						animation-name: bee;
						animation-duration: 2s;
	}
}

@keyframes bee {
	from {background-position: left -200px top 270px;}
	to {background-position: calc(50% - 670px) 270px;}
}

@media(min-width: 1340px) {
	body.app.fun.page-mailshots,
				body.app.fun.page-mailshot {
						background-image: url("/javax.faces.resource/img/bee3.svg.xhtml?v=2.11.0");
						background-position: calc(50% - 690px) 270px;
						background-size: auto 413px;
						background-repeat: no-repeat;
						animation-name: bee3;
						animation-duration: 2s;
	}
}

@keyframes bee3 {
	from {background-position: left -200px top 270px;}
	to {background-position: calc(50% - 690px) 270px;}
}

@media(min-width: 1340px) {
	body.app.fun.page-bounces,
				body.app.fun.page-bounce,
				body.app.fun.page-sender {
						background-image: url("/javax.faces.resource/img/bee4.svg.xhtml?v=2.11.0");
						background-position: calc(50% + 670px) 270px;
						background-size: auto 190px;
						background-repeat: no-repeat;
						animation-name: bee4;
						animation-duration: 2s;
	}
}

@keyframes bee4 {
	from {background-position: right -200px top 270px;}
	to {background-position: calc(50% + 670px) 270px;}
}

@media(min-width: 1340px) {
	body.app.fun.page-mailshotsoverview,
				body.app.fun.page-mailshotstatistics {
						background-image: url("/javax.faces.resource/img/bee5.svg.xhtml?v=2.11.0");
						background-position: calc(50% + 690px) 270px;
						background-size: auto 300px;
						background-repeat: no-repeat;
						animation-name: bee5;
						animation-duration: 2s;
	}
}

@keyframes bee5 {
	from {background-position: right -200px top 270px;}
	to {background-position: calc(50% + 690px) 270px;}
}

@media(min-width: 1340px) {
	body.app.fun.page-settings,
				body.app.fun.page-languages,
				body.app.fun.page-datafields {
						background-image: url("/javax.faces.resource/img/bee6.svg.xhtml?v=2.11.0");
						background-position: calc(50% + 690px) 270px;
						background-size: auto 300px;
						background-repeat: no-repeat;
						animation-name: bee5;
						animation-duration: 2s;
	}
}

@media(min-width: 1340px) {
	body.app.fun.page-personalsettings {
						background-image: url("/javax.faces.resource/img/bee7.svg.xhtml?v=2.11.0");
						background-position: calc(50% + 660px) 270px;
						background-size: auto 340px;
						background-repeat: no-repeat;
						animation-name: bee7;
						animation-duration: 2s;
	}
}

@keyframes bee7 {
	from {background-position: right -200px top 270px;}
	to {background-position: calc(50% + 660px) 270px;}
}

@media(min-width: 1340px) {
	body.app.fun.page-onlineforms,
				body.app.fun.page-onlineform,
				body.app.fun.page-unsubscribepage {
						background-image: url("/javax.faces.resource/img/bee8.svg.xhtml?v=2.11.0");
						background-position: calc(50% - 660px) 270px;
						background-size: auto 190px;
						background-repeat: no-repeat;
						animation-name: bee8;
						animation-duration: 2s;
	}
}

@keyframes bee8 {
	from {background-position: left -200px top 270px;}
	to {background-position: calc(50% - 660px) 270px;}
}

@media(min-width: 1340px) {
	body.app.fun.page-lists,
				body.app.fun.page-list,
				body.app.fun.page-newlist {
						background-image: url("/javax.faces.resource/img/bee9.svg.xhtml?v=2.11.0");
						background-position: calc(50% - 670px) 270px;
						background-size: auto 160px;
						background-repeat: no-repeat;
						animation-name: bee9;
						animation-duration: 2s;
	}
}

@keyframes bee9 {
	from {background-position: left -200px top 270px;}
	to {background-position: calc(50% - 670px) 270px;}
}

body.app.fun.fullscreen,
body.app.fun.iframe,
body.app.fun.page-newmailshot {
	background-image: none;
}

header {
	background-color: #fff;
	padding-top: 2rem;
	padding-bottom: 2rem;
	transition: background-color 0.3s;
}

body.app.dark header {
	background-color: #132a3f;
}

.container-body-begin {
	min-height: 100vh;
	justify-content: space-between;
}

body.app .container-body-begin {
	min-height: calc(100vh - 56px);
}

.svg-loading {
	display: block;
	margin: 3rem auto;
	width: 2rem;
}

.btn-explore {
	background: #f0f3f6;
	border-color: transparent;
	font-size: 0.75rem;
	color: #4a6773;
	font-weight: 300;
	margin-left: 0.75rem;
	padding-left: 0.8125rem;
	padding-right: 0.8125rem;
	position: relative;
	transition: all 0.3s;
}

.btn-explore strong {
	font-weight: 600;
	color: #204352;
	margin-right: 2px;
}

.btn-explore:hover,
.btn-explore:focus {
	color: rgba(255,255,255,0.8);
	background-color: #294250;
}

.btn-explore:hover strong,
.btn-explore:focus strong {
	color: #fff;
}

.btn-explore span {
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	white-space: nowrap;
	right: 0;
	padding-top: 2px;
	font-size: 10px;
	color: #4a6773;
}

.btn-explore:hover span,
.btn-explore:focus span {
	color: #4a6773;
}

.nav-main a.btn-web-login {
	font-weight:600;
	color:#204352;
	border-radius: 2rem;
}

.nav-main a.btn-web-login:hover,
.nav-main a.btn-web-login:focus {
	color:#000;
	background: #eff3f6;
}

.btn-web-register.btn-wider {
	font-size: 0.875rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin-left: 0.25rem;
}

.toggleMainMenu {
	display: none;
}

.toggleMainMenu svg {
	width: 24px;
	height: 24px;
}

.toggleMainMenuClose {
	display: none;
}

.nav-register-mobile {
	display: none;
}

@media (max-width: 999px) {
	.toggleMainMenu {
		display: inline-block;
		margin-right: 1rem;
		margin-top: 4px;
	}
	.nav-web-lang {
		display: none;
	}
	.nav-web-lang.opened {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		top: 116px;
		background: #fff;
		box-shadow: 0 10px 10px rgba(0,0,0,0.1);
		padding: 0 1rem 1.25rem 1rem;
		z-index: 100;
	}
	.nav-web-lang.opened a {
		font-size: 1rem;
	}
	.nav-main a.btn-web-login {
		display: inline-block;
	}
}

@media (max-width: 560px) {
	.btn-web-register.btn-wider {
		display: none;
	}
	.toggleMainMenu {
		margin-right: 0;
	}
	.nav-web-lang.opened .nav-register-mobile {
		display: block;
	}
	.nav-web-lang.opened .nav-register-mobile a {
		background: #28a745;
		color: #fff;
		display: inline-block;
		border-radius: 2rem;
		margin-top: 4px;
	}

}

.toggleMenu,
.notif-mobile {
	display: none;
}

@media (max-width: 991px) {
	.toggleMenu,
	.notif-mobile {
		display: block;
	}
	.nav-main:not(.nav-web-lang) {
	display: none;
	}
	.container-menu-top {
		justify-content: space-between;
		width: 100%;
	}
}

@media(max-width: 767px) {
.d-none-mobile {
	display: none !important;
}
.filter-row .form-control {
	margin-bottom: 0.5rem;
}
.text-btn-container {
	flex-direction: column;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}
.text-btn-container .ui-link,
.text-btn-container .ui-button {
	margin-top: 0.5rem;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.d-none-tablet-wide {
		display: none !important;
	}
}

.filter-row .form-control.ui-state-filled,
.filter-row .form-control.ui-inputwrapper-filled {
	border: 1px solid rgb(40, 167, 68);
	box-shadow: 0 0 4px rgb(40, 167, 68);
}

.filter-row .form-control.ui-state-filled:focus,
.filter-row .form-control.ui-state-filled.ui-state-focus {
	box-shadow: 0 0 8px rgb(40, 167, 68);
}

.filter-row .btn-outline-secondary {
	display: none;
}

.filter-row .btn-outline-secondary svg {
	width: 1rem;
	height: 1rem;
}

.filter-row .form-control.ui-state-filled + .btn-outline-secondary,
.filter-row .form-control.ui-inputwrapper-filled  + .btn-outline-secondary {
	display: flex;
	position: absolute;
	right: 4px;
	top: -8px;
	background: #fff;
	padding: 0;
	width: 1.5rem;
	height: 1.5rem;
	justify-content: center;
	align-items: center;
	border: 0;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.filter-reset,
.filter-reset-2 {
	position: relative;
}

.filter-row .filter-reset .form-control.ui-state-filled + .btn-outline-secondary,
.filter-row .filter-reset .form-control.ui-inputwrapper-filled  + .btn-outline-secondary {
	right: -6px;
	top: -12px;
}

.filter-row .filter-reset-2 .form-control.ui-state-filled + .btn-outline-secondary,
.filter-row .filter-reset-2 .form-control.ui-inputwrapper-filled  + .btn-outline-secondary {
	right: 4px;
	top: 20px;
}

body.dark .filter-row .form-control.ui-state-filled + .btn-outline-secondary,
body.dark  .form-control.ui-inputwrapper-filled  + .btn-outline-secondary {
	background: #07192a;
}

.filter-row .form-control.ui-state-filled + .btn-outline-secondary:hover,
.filter-row .form-control.ui-inputwrapper-filled  + .btn-outline-secondary:hover,
body.dark .filter-row .form-control.ui-state-filled + .btn-outline-secondary:hover,
body.dark .filter-row .form-control.ui-inputwrapper-filled  + .btn-outline-secondary:hover {
	background: #627b86;
}

.filter-row .form-control.ui-state-filled + .btn-outline-secondary:hover path,
.filter-row .form-control.ui-inputwrapper-filled  + .btn-outline-secondary:hover path {
	fill: #fff;
}

body.dark .filter-row .form-control.ui-state-filled + .btn-outline-secondary path,
body.dark .filter-row .form-control.ui-inputwrapper-filled  + .btn-outline-secondary path {
	fill: #fff;
}

.dropdown-languages {
	min-width: 7rem;
}

.intro2 {
		background: #fff;
		padding-top: 6rem;
		padding-bottom: 4rem;
}
.intro2 h2 {
		font-size: 1.125rem;
		color: #152f47;
}
.intro2 p {
		font-weight: 300;
		color: rgba(32, 67, 82, 0.9);
}
.intro3 {
		padding-top: 5rem;
		padding-bottom: 5rem;
		background: #eff3f6;
}
.intro3 h1 {
		color: #204352;
		margin-bottom: 1rem;
}
.intro3 p {
		font-weight: 300;
		color: rgba(32, 67, 82, 0.8);
		margin-bottom: 2rem;
}

body.app header {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	box-shadow: 0 5px 20px rgba(32, 67, 82, 0.15);
}
.link-mailshot-thumbnail
body.app.dark header {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.20);
}

body.app header + .container {
	padding-top: 3rem;
}

@media(max-width: 767px) {
	body.app header {
		position: absolute;
	}
	body.app header + .container {
		padding-top: 2rem;
	}
	.intro3 h1,
	.intro2 h1 {
		font-size: 2rem;
	}
}

a.link-success,
.btn-link {
	color:#00a82d;
}

a.link-success:hover,
a.link-success:focus,
.btn-link:hover,
.btn-link:focus {
	color:#09621d;
}

.text-success {
	color:#00a82d !important;
}

.text-warning {
	color: #f39c12 !important;
}

.pull-right {
	float: right;
}

.btn-release {
	background-color: #237888;
	border-color: transparent;
	color: #fff;
}

.btn-release:hover,
.btn-release:focus {
	background: #116372;
	border-color: #044d5a;
	color: #fff;
}

.btn-split-success {
	display: inline-flex;
	padding: 0;
}

.btn-split-success .ui-button {
	background-color:#28a745;
	color: #fff;
	border: 0;
}

.btn-split-success .ui-button.ui-state-hover {
	background-color: #09621d;
}

.btn-split-success .ui-button.ui-state-disabled {
	opacity: 0.65;
}

.btn-split-success .ui-button:first-child {
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

.btn-split-success .ui-button:last-child {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M 4.21875 10.78125 L 2.78125 12.21875 L 15.28125 24.71875 L 16 25.40625 L 16.71875 24.71875 L 29.21875 12.21875 L 27.78125 10.78125 L 16 22.5625 Z'/%3E%3C/svg%3E");
	background-size: 1rem;
	background-position: center;
	background-repeat: no-repeat;
}

.ui-splitbuttonmenu {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
	border-radius: 1rem;
	background: #fff;
	padding: 1rem 0;
}

.ui-splitbuttonmenu .ui-menuitem-link {
	color: #212529;	
}

.ui-splitbuttonmenu .ui-menuitem {
	padding-left: 1rem;
	padding-right: 1rem;
}

.ui-splitbuttonmenu .ui-menuitem.ui-state-hover {
	background: #e9ecef;
}

.ui-splitbuttonmenu .ui-menuitem.ui-state-hover .ui-menuitem-link {
	text-decoration: none;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
	position: static;
	margin: 0;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton:focus {
	outline: none;
}

body.dark .ui-state-disabled.link-success {
	color:#27a644;
}

h6 {
	font-weight: 600;
	color: #204352;
}

body.dark h6 {
	color: rgba(255, 255, 255, 1);
}


h6.card-subtitle {
	font-weight: 300;
}

.lighter strong.xc {
	color: #204352;
	font-weight: 400;
	margin-right: 3px;
}

.logo {
	color: #152f47;
	transition: all 0.3s;
	background: url("/javax.faces.resource/img/logo-xc.png.xhtml?v=2.11.0") no-repeat left 50%;
	background-size: auto 52px;
	padding-left: 62px;
	height: 52px;
	display: inline-block;
	/*font-family: 'Roboto', sans-serif;*/
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 52px;
	letter-spacing: -0.05rem;
	position: relative;
}
.logo:hover {
	text-decoration: none;
	color: #8ca4b1;
}
.logo span {
	font-size: 1rem;
	color: #8ca4b1;
	padding-left: 4px;
	font-weight: 300;
	letter-spacing: 0;
}

.logo em {
	position: absolute;
	left: 30px;
	top: -11px;
	display: inline-block;
	background: #ff6b6b;
	line-height: 1;
	font-size: 12px;
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0;
	padding: 3px 8px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
	border-radius: 8px;
}

body.app .logo em {
	left: 23px;
	top: -5px;
	font-size: 10px;
	padding: 2px 6px;
}

body.dark .logo {
	color: #fff;
}

body.dark .logo em {
	background: #e24343;
}

.section {
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.section1 {
	padding-bottom: 10rem;
}
.par1 {
	color: rgba(32, 67, 82, 0.8);
	font-weight: 300;
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-size: 1.125rem;
	max-width: 680px;
}

.par1 strong {
	font-weight: 400;
	color: #204352;
}

.par1 sup {
	color: #8ca4b1;
}


.btn-wider {
	padding-left: 2rem;
	padding-right: 2rem;
}
.btn .pi {
	margin-right: 0.5rem;
}
.strip {
	background: #152f47;
}
.strip-white {
	background: #fff;
}
.strip .section h2 {
	color: #fff;
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
	padding-top: 0.7125rem;
}
.strip .section p {
	font-size: 0.9375rem;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 300;
}
.col-security {
	background: url(../img/locked.svg) no-repeat 0 0;
	background-size: 48px 48px;
	padding-left: 4rem;
}
.col-rental {
	background: url(../img/rent.svg) no-repeat 0 0;
	background-size: 48px 48px;
	padding-left: 4rem;
}
.col-global {
	background: url(../img/global.svg) no-repeat 0 0;
	background-size: 48px 48px;
	padding-left: 4rem;
}
.section h1 {
	color: #204352;
}
.register {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	background: #152f47;
	color: #fff;
	padding: 2rem;
	transition: all 0.5s;
	transform: translateY(100%);
	z-index: 100;
}
.register.open {
	transform: translateY(0);
}
.register .logo {
	color: #fff;
}
.register h2 {
	color: #fbc247;
}
.register p {
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.9375rem;
}
.register-form {
	padding: 2rem 2.75rem;
	background: #fff;
	margin-bottom: 0.5rem;
	border-radius: .3rem;
}
.register-form label {
	color: #152f47;
}
.registerx .register-form {
	box-shadow: 0 0 20px rgb(32, 67, 82, 0.1);
}

.registerx .ui-button {
	padding: .5rem 1rem;
}

.registerx .ui-button .ui-button-text {
	padding: 0;
}

.displayNone,
.formrow {
	display: none !important;
}

.btn-group .ui-button {
	margin-right: 0;
}

.form-text.text-muted strong.xc {
	color: #204352;
	font-weight: 400;
	margin-right: 1px;
}

label.required::after {
	content: "*";
	color: #8ca4b1;
	padding-left: 3px;
}
.ui-outputlabel .ui-outputlabel-rfi {
	color: #8ca4b1;
	margin-left: .25rem;
}
.ihave,
.ihave:hover {
	color: #fff;
	font-weight: 300;
}
.form-after {
	padding: 2rem 2.75rem;
	background: #fff;
	margin-bottom: 0.5rem;
	color: #152f47;
}
.hideLink {
	color: #fff;
}
.hideLink:hover {
	color: #007bff;
}
.confirmed-form label {
	color: #152f47;
}
.form-control::placeholder,
.hasDatepicker::placeholder,
.p-datepicker .ui-inputfield::placeholder {
	color: #8ca4b1;
	opacity: 1;
}

body.dark .form-control:disabled,
body.dark .form-control[readonly],
body.dark .form-control.prime-datePicker-disabled {
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.3);
	color: rgba(255,255,255,0.5);
}

.form-control-fake {
	border: 1px solid #ced4da;
	padding: 0.375rem 0.75rem;
	border-radius: 1rem;
	display: block;
	line-height: 1.75rem;
	height: calc(1.5em + 1rem + 2px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
}

.card-current {
	background-color: #edfbf0;
}
.card-current h4 {
	color: #1e7e34;
}

.app .logo {
	background: url("/javax.faces.resource/img/logo-xc.png.xhtml?v=2.11.0") no-repeat left 50%;
	background-size: auto 40px;
	height: 40px;
	line-height: 40px;
	padding-left: 46px;
	font-size: 1.25rem;
	margin-right: 1rem;
}
.app .logo span {
	font-size: 0.8125rem;
	font-weight: 300;
}

@media(max-width:767px) {
	.nav-languages {
		display: none;
	}
	.app .logo {
		font-size: 1.125rem;
		margin-bottom: 0;
	}
}

.nav-main a {
	font-size: 0.875rem;
	font-weight: 300;
	color: rgba(32, 67, 82, 0.8);
}

.nav-main a:hover,
.nav-main a:focus {
	color: rgba(32, 67, 82, 1);
}

body.dark .nav-main a {
	color: rgba(255,255,255,0.7);
}

body.dark .nav-main a:hover,
body.dark .nav-main a:focus {
	color: rgba(255,255,255,1);
}

.nav-main a.btn-outline-success,
body.dark .nav-main a.btn-outline-success {
	color: #28a745;
}

.nav-main a.btn-outline-success:hover,
.nav-main a.btn-outline-success:focus,
body.dark .nav-main a.btn-outline-success:hover,
body.dark .nav-main a.btn-outline-success:focus {
	color: #fff;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active {
	background-color: #28a745;
}

body.dark .dropdown-item:focus,
body.dark .dropdown-item:hover {
	background-color: #132a3f;
}

body.dark .dropdown-divider {
	border-top: 1px solid rgba(255,255,255,0.3);
}

.nav-main .badge-notifications,
.notif-mobile .badge-notifications {
	border-radius: 50%;
	width: 1.25rem;
	height: 1.25rem;
	transform: translate(18px,-8px);
	font-weight: 300;
	line-height: 1.4
}

.notif-mobile .badge-notifications {
	line-height: 1.2;
}

.nav-main .nav-item > a.active-menu-item {
	position: relative;
	color: #204352;
}
.nav-pills .show > .nav-link.active-menu-item {
	color: #fff;
}
.nav-main .nav-item > a.active-menu-item::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -11px;
	height: 2px;
	background: #204352;
}
body.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link:hover,
body.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link:focus {
	background: #28a745;
	color: #fff;
}
body.fun.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link {
	background: #28a745;
	color: #fff;
}
body.fun.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link:hover,
body.fun.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link:focus {
	background-color: #218838;
	border-color: #1e7e34;
	color: #fff;
}
body.dark.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link {
	border: 1px solid #27a644;
	color: #27a644;
}
body.dark.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link:hover,
body.dark.app .nav-main:not(.nav-top-right) .nav-item:first-child .nav-link:focus {
	color: #fff;
}
body.dark .nav-main .nav-item > a.active-menu-item {
	color: #fff;
}
body.dark .nav-main .nav-item > a.active-menu-item::before {
	background: #fff;
}

body.fun .nav-main .nav-item:first-child > a.active-menu-item::before {
	display: none;
}

.nav-main .dropdown-menu a.active-menu-item {
	color: #204352;
	font-weight: 400;
}

body.dark .nav-main .dropdown-menu a.active-menu-item {
	color: #fff;
}

.nav-top-right .nav-item > a.active-menu-item::before {
	bottom: -8px;
	left: 6px;
}

.dropdown-menu.show {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
	border: 0;
}

.dropdown-menu .header {
	padding: .25rem 1.5rem 0.5rem;
	border-bottom: 1px solid rgba(0,0,0,.15);
	white-space: nowrap;
	font-weight: 300;
	color: rgba(32, 67, 82, 0.8);
}

h6.dropdown-header {
	font-weight: 400;
	color: #204352;
	border-bottom: 1px solid #e9ecef;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
}

body.dark .dropdown-menu {
	background-color: #07192a;
}

body.dark .dropdown-menu .header,
body.dark h6.dropdown-header {
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(255,255,255,0.3);
}

.nav-client-name {
	display: flex;
	align-items: center;
}

.nav-client-name-client-li .dropdown-toggle {
	cursor: pointer;
}

.nav-client-name-client-li .dropdown-toggle,
.nav-client-name-client-li .dropdown-toggle::after {
	display: flex;
}
.nav-client-name-client-li .dropdown-toggle::after {
	margin-top: 9px;
	border-top-color: rgba(32, 67, 82, 0.8);
}

.nav-client-name.dropdown-toggle::after {
	margin-top: -4px;
}

.nav-client-name-text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: -2px;
	padding-left: 10px;
	padding-right: 0.25rem;
	display: none;
}

@media(min-width: 1330px) {
	.nav-client-name-text {
		max-width: 160px;
		display: block;
	}
}

@media(min-width: 1441px) {
	.nav-client-name-text {
		max-width: 240px;
	}
}

@media(min-width: 1681px) {
	.nav-client-name-text {
		max-width: 360px;
	}
}

.nav-client-name-client {
	color:#8ca4b1;
	margin-top: 0;
}

@media(max-width: 767px) {
	/*.nav-client-name-client-li {
		display: none;
	}*/
	.nav-top-right {
		display: none;
	}
}


.messages-history {
	font-size: 0.875rem;
}

.messages-history .ui-datalist-item {
	padding: 0.5rem 0;
	font-weight: 300;
	color: rgba(32, 67, 82, 0.8);
	list-style: none;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

.messages-history .ui-datalist-item:last-child {
	border-bottom: 0;
}

.messages-history .ui-datalist-empty-message {
	font-weight: 300;
	padding: 0;
	color: rgba(32, 67, 82, 0.8);
}

.messages-history .ui-datalist-content {
	padding: 0.5rem 1.5rem;
}

.messages-history .ui-datalist-data {
	padding: 0;
}

.notif-more {
	padding: 0.75rem 1.5rem 0.25rem;
	border-top: 1px solid rgba(0,0,0,.15);
}

.dropdown-menu-messages {
	min-width: 24rem;
}

.ui-password-panel-overlay {
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
	border-radius: 0.25rem;
	padding-top: 8px;
}

.ui-password-info {
	font-size: 0.8125rem;
	color: rgba(32, 67, 82, 0.8);
}

.h1-main {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #204352;
	flex-shrink: 2;
	font-size: 2.25rem;}


h2,
h3,
h4,
h5 {
	color: #204352;
}

body.dark .h1-main,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5 {
	color: #fff;
}

h3 {
	font-size: 1.5rem;
}

@media(max-width: 430px) {
	.h1-main {
		font-size: 2rem;
	}
	h2, .h2 {
		font-size: 1.75rem;
	}
	h3, .h3 {
		font-size: 1.25rem;
	}
}

.filename-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}

@media(min-width: 1441px) {
.filename-ellipsis {
		max-width: 400px;
	}
}

.lighter,
.ui-datalist .ui-datalist-empty-message {
	color: rgba(32, 67, 82, 0.8);
	font-weight: 300;
}

.lighter strong,
.lighter b {
	color: #204352;
	font-weight: 600;
}

.lighter i,
.lighter em {
	font-style: normal;
	font-weight: 400;
	color: rgba(32, 67, 82, 1);
}

body.dark .lighter i,
body.dark .lighter em {
	color: #fff;
}

p.question,
.ui-tabs-panel p.question {
	color: #204352;
	font-weight: 500;
	font-size: 1.125rem;
}

body.dark p.question,
body.dark .ui-tabs-panel p.question {
	color: #fff;
}

p.question svg {
	width: 1.125rem;
	height: 1.125rem;
	margin-left: 2rem;
	transition: all 0.3s;
}

p.question.opened svg {
	transform: rotate(90deg);
}

p.question svg path {
	fill: #627b85;
}

body.dark p.question svg path {
	fill: #fff;
}

p.answer {
	border-left: 1px solid #e0e0e0;
	padding-left: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.setup-block {
	border-left: 1px solid #e0e0e0;
	padding-left: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}

body.dark .setup-block {
	color: rgba(255,255,255,0.6);
}

body.dark .setup-block strong {
	color:  rgba(255,255,255,0.8);
}

body.dark .lighter,
body.dark .ui-datalist .ui-datalist-empty-message {
	color: rgba(255,255,255,0.6);
}

body.dark .lighter strong,
body.dark .lighter b {
	color: #fff;
}

.step-item .lighter:last-child {
	margin-bottom: 0;
}

.alert {
	font-size: 0.9375rem;
	font-weight: 300;
}

code,
pre,
body.dark .alert pre {
	color: #2f6f9f;
	word-break: break-all;
	white-space: pre-wrap;
}

body.dark code,
body.dark pre {
	color: #77A8CD;
}

.alert strong {
	font-weight: 500;
}

body.dark .alert-warning {
	color: #fff3cd;
	background-color: #856404;
}

body.dark .alert-success {
	color: #d4edda;
	background-color: #155724;
}

body.dark .alert-danger {
	color: #f8d7da;
	background-color: #721c24;
}

body.dark .alert-secondary {
	color: #e2e3e5;
	background-color: #383d41;
	border-color: rgba(255,255,255,0.2);
}

body.dark .nav-tabs,
body.dark hr {
	border-color: rgba(255,255,255,0.2);
}

.ui-inputfield {
	padding: 0.375rem 0.75rem;
}

.alert-danger a {
	color: #4e070e;
	font-weight: 500;
	text-decoration: underline;
}

body.dark .alert-danger a,
body.dark .alert-danger strong,
body.dark .alert-success strong {
	color: #fff;
}

.alert-secondary pre {
	margin-bottom: 0;
}

/* checkbox and radio components */
.ui-chkbox .ui-chkbox-box,
.ui-radiobutton .ui-radiobutton-box {
	border: 1px solid #adb5bd;
	border-radius: 0.25rem;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	margin-right: 0.5rem;
	margin-top: 0.25rem;
}

.ui-chkbox .ui-chkbox-box.ui-state-error,
.ui-radiobutton .ui-radiobutton-box.ui-state-error {
	border-color: #b94a48;
}

body.dark .ui-chkbox .ui-chkbox-box:not(.ui-state-active),
body.dark .ui-radiobutton .ui-radiobutton-box:not(.ui-state-active) {
	background-color: rgba(255,255,255,0.1);
}

body.dark .ui-chkbox .ui-chkbox-box.ui-state-disabled:not(.ui-state-active),
body.dark .ui-radiobutton .ui-radiobutton-box.ui-state-disabled:not(.ui-state-active) {
		opacity: 0.4;
}

.ui-chkbox.me-0 .ui-chkbox-box {
	margin-right: 0;
}

.ui-radiobutton .ui-radiobutton-box {
	border-radius: 50%;
}

.ui-chkbox .ui-chkbox-box.ui-state-hover,
.ui-radiobutton .ui-radiobutton-box.ui-state-hover {
	background-color: #f0f0f0;
	border-color: #82909d;
	cursor: pointer;
}

.ui-chkbox .ui-chkbox-box.ui-state-focus,
.ui-radiobutton .ui-radiobutton-box.ui-state-focus,
.ui-selectonemenu.ui-state-focus {
	border-color: #80bdff;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.ui-chkbox .ui-chkbox-box.ui-state-active,
.ui-radiobutton .ui-radiobutton-box.ui-state-active {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
	background-color: #28a745;
	border-color: #28a745;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.ui-chkbox .ui-chkbox-box.ui-state-disabled,
.ui-radiobutton .ui-radiobutton-box.ui-state-disabled {
	background-color: #e9ecef;
}

.ui-chkbox .ui-chkbox-box.ui-state-disabled.ui-state-active,
.ui-radiobutton .ui-radiobutton-box.ui-state-disabled.ui-state-active {
	background-color: #adb5bd;
	border-color: #82909d;
}

/* radio component */
.ui-radiobutton {
	margin: 0;
	width: auto;
	line-height: none;
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
	display: none;
}

/* toggle switcher */
.ui-toggleswitch {
	width: auto;
	height: auto;
	display: inline-block;
}

.ui-toggleswitch-slider {
	border: 1px solid #adb5bd;
	border-radius: .5rem;
	background-color: #fff;
	height: 1rem;
	width: 1.75rem;
	display: inline-block;
	position: relative;
	margin-right: 0.5rem;
	margin-top: 0.25rem;
}

body.dark .ui-toggleswitch:not(.ui-toggleswitch-checked) .ui-toggleswitch-slider {
	background: rgba(255,255,255,0.1);
}

.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color: #28a745;
	border-color: #28a745;
}

.ui-toggleswitch-slider::before {
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	left: 1px;
	top: 1px;
	background: #adb5bd;
	transition: all 0.3s;
}

.ui-toggleswitch-checked .ui-toggleswitch-slider::before {
	transform: translateX(0.75rem);
	background: #fff;
}

/* checkbox as switcher */
.checkbox-switcher .ui-chkbox-box {
	width: 2.5rem;
	height: 1.125rem;
	border-radius: 1.5rem;
	margin-top: 0.25rem;
	position: relative;
	margin-right: 1rem;
}

.checkbox-switcher .ui-chkbox-box .ui-chkbox-icon {
	width: 0.875rem;
	height: 0.875rem;
	background: #adb5bd;
	border-radius: 50%;
	position: absolute;
	left: 1px;
	top: 1px;
	transition: all 0.3s;
}

.checkbox-switcher .ui-chkbox-box.ui-state-active {
	background-image: none;
}

.checkbox-switcher .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
	left: 23px;
	background: #fff;
}

/* select one menu */
.ui-selectonemenu {
	width: 100%;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 8px 10px;
	padding-right: 26px;
}

.ck.ck-reset_all select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 26px;
	padding-left: 8px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 8px 10px;
	font-family: 'Inter', sans-serif;
	color: rgba(32, 67, 82, 0.8);
}

.ck.ck-reset_all select:focus-visible {
		outline: none;
}

body.dark .ck.ck-reset_all select {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
		color: rgba(255,255,255,0.9);
}

.ck.ck-reset_all select::-ms-expand {
		display: none; /* Hide the default arrow in Internet Explorer */
}

.form-control.form-select-last {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
}

body.dark .ui-selectonemenu {
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.3);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
}

body.dark .ui-selectonemenu.ui-state-disabled {
	opacity: 0.4;
}

body.dark .ui-selectonemenu .ui-selectonemenu-label {
	background: transparent;
}

.ui-selectonemenu-label.ui-inputfield {
	padding: 0;
}

.ui-selectonemenu-panel {
	background: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	border: 1px solid #ced4da;
	border-radius: 4px;
}

body.dark .ui-selectonemenu-panel {
	background: #07192a;
	border-color: rgba(255,255,255,0.3);
}

body.dark .ui-selectonemenu-panel .ui-selectonemenu-item {
	color: rgba(255,255,255,0.8);
}

body.dark .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover {
	background: rgba(255,255,255,0.1);
}

body.dark .ui-selectonemenu-panel .ui-selectonemenu-items th {
	color: rgba(255,255,255,1);
}

.ui-selectonemenu-item.ui-state-hover {
	background: #dde4e9;
}

.ui-selectonemenu-item.ui-state-highlight {
	color: #fff;
	background-color: #007bff;
}

.ui-selectonemenu.ui-state-disabled {
	background-color: #e9ecef;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
	width: calc(100% - 32px);
	border: 1px solid #ced4da;
	border-radius: .25rem;
	padding: .375rem .75rem;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
	position: absolute;
	top: 14px;
	right: 10px;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 32 32'%3e%3cpath d='M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z'/%3e%3c/svg%3e");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

body.dark .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 32 32'%3e%3cpath d='M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z'/%3e%3c/svg%3e");
}

.ui-selectonemenu-panel .ui-selectonemenu-table th,
.ui-selectonemenu-panel .ui-selectonemenu-table td {
	border: 0;
}

.ui-inplace-display {
	padding: 2px 24px 2px 6px;
	display: inline-block;
	border-radius: 0.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 23.90625 3.96875 C 22.859375 3.96875 21.8125 4.375 21 5.1875 L 5.1875 21 L 5.125 21.3125 L 4.03125 26.8125 L 3.71875 28.28125 L 5.1875 27.96875 L 10.6875 26.875 L 11 26.8125 L 26.8125 11 C 28.4375 9.375 28.4375 6.8125 26.8125 5.1875 C 26 4.375 24.953125 3.96875 23.90625 3.96875 Z M 23.90625 5.875 C 24.410156 5.875 24.917969 6.105469 25.40625 6.59375 C 26.378906 7.566406 26.378906 8.621094 25.40625 9.59375 L 24.6875 10.28125 L 21.71875 7.3125 L 22.40625 6.59375 C 22.894531 6.105469 23.402344 5.875 23.90625 5.875 Z M 20.3125 8.71875 L 23.28125 11.6875 L 11.1875 23.78125 C 10.53125 22.5 9.5 21.46875 8.21875 20.8125 Z M 6.9375 22.4375 C 8.136719 22.921875 9.078125 23.863281 9.5625 25.0625 L 6.28125 25.71875 Z' fill='%236C757D'/%3E%3C/svg%3E");
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: right 4px center;
}

.ui-inplace-display:hover {
	background-color: #e9ecef;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M 23.90625 3.96875 C 22.859375 3.96875 21.8125 4.375 21 5.1875 L 5.1875 21 L 5.125 21.3125 L 4.03125 26.8125 L 3.71875 28.28125 L 5.1875 27.96875 L 10.6875 26.875 L 11 26.8125 L 26.8125 11 C 28.4375 9.375 28.4375 6.8125 26.8125 5.1875 C 26 4.375 24.953125 3.96875 23.90625 3.96875 Z M 23.90625 5.875 C 24.410156 5.875 24.917969 6.105469 25.40625 6.59375 C 26.378906 7.566406 26.378906 8.621094 25.40625 9.59375 L 24.6875 10.28125 L 21.71875 7.3125 L 22.40625 6.59375 C 22.894531 6.105469 23.402344 5.875 23.90625 5.875 Z M 20.3125 8.71875 L 23.28125 11.6875 L 11.1875 23.78125 C 10.53125 22.5 9.5 21.46875 8.21875 20.8125 Z M 6.9375 22.4375 C 8.136719 22.921875 9.078125 23.863281 9.5625 25.0625 L 6.28125 25.71875 Z' fill='%2328a745'/%3E%3C/svg%3E");
}

body.dark .ui-inplace-display {
	color: #fff;
}

.text-inplace-field {
	color: rgba(32, 67, 82, 0.7) !important;
	font-weight: 300;
}

body.dark .text-inplace-field {
	color: rgba(255, 255, 255, 0.3) !important;
}

body.dark .ui-inplace-display:hover {
	background-color: rgba(255,255,255,0.1);
}

/* tabs */
.ui-tabs,
.ui-tabs.ui-tabs-top > .ui-tabs-nav,
.ui-tabmenu .ui-tabmenu-nav {
	padding: 0;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav,
.ui-tabmenu .ui-tabmenu-nav,
.ui-tabs-navscroller .ui-tabs-nav {
	border-bottom: 1px solid #e0e0e0;
}

body.dark .ui-tabs.ui-tabs-top > .ui-tabs-nav,
body.dark .ui-tabmenu .ui-tabmenu-nav,
body.dark .ui-tabs-navscroller .ui-tabs-nav {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.ui-tabs .ui-tabs-navscroller {
	padding:0;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li,
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
	margin: 0;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabmenu .ui-tabmenu-nav li a {
	color: rgba(32, 67, 82, 0.8);
	font-weight: 300;
}

body.dark .ui-tabs .ui-tabs-nav li a,
body.dark .ui-tabmenu .ui-tabmenu-nav li a {
	color: rgba(255,255,255,0.5);
}

.ui-tabs .ui-tabs-nav li.ui-state-hover a,
.ui-tabmenu .ui-tabmenu-nav li.ui-state-hover a {
	background: #e9ecef;
	border-bottom: 1px solid #e9ecef;
}

body.dark .ui-tabs .ui-tabs-nav li.ui-state-hover a,
body.dark .ui-tabmenu .ui-tabmenu-nav li.ui-state-hover a {
	background: rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.4);
	color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabmenu .ui-tabmenu-nav li.ui-state-active a {
	color: #204352;
	border-bottom: 2px solid #204352;
	font-weight: 400;
}

body.dark .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
body.dark .ui-tabmenu .ui-tabmenu-nav li.ui-state-active a {
	color: #fff;
	border-bottom: 2px solid #fff;
}

.ui-tabs .ui-tabs-panel,
.tab-fake {
	padding: 2rem;
}

.tabs-cms-vars.ui-tabs .ui-tabs-panel {
	padding: 1rem;
}

@media(max-width: 767px) {
	.ui-tabs .ui-tabs-panel,
	.tab-fake,
	.tabs-cms-vars.ui-tabs .ui-tabs-panel {
		padding: 1rem 0;
	}
}

.ui-radiobutton + .ui-outputlabel,
.ui-selectbooleancheckbox + .ui-outputlabel,
.ui-toggleswitch + .ui-outputlabel,
.ui-tabs-panel p,
.ck-editor ol,
.ck-editor ul {
	color: rgba(32, 67, 82, 0.8);
}

body.dark .ui-outputlabel,
body.dark .form-text {
	color: rgba(255,255,255,0.9);
}

body.dark .ui-radiobutton + .ui-outputlabel,
body.dark .ui-chkbox + .ui-outputlabel,
body.dark .ui-selectbooleancheckbox + .ui-outputlabel,
body.dark .ui-toggleswitch + .ui-outputlabel,
body.dark .ui-tabs-panel p,
body.dark .ck-editor ol,
body.dark .ck-editor ul {
	color: rgba(255,255,255,0.6);
}


.ui-button-text-only .ui-button-text {
	padding: .5em 1em;
}

.ui-button-text-icon-left .ui-button-text {
	padding: .5em 1em .5em 2.1em;
}

.ui-fileupload-buttonbar {
	padding: 0 0 .25rem 0;
}

.ui-button.ui-fileupload-upload,
.ui-button.ui-fileupload-choose {
	color: #fff;
	background-color: #28a745;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.ui-button.ui-fileupload-upload:hover,
.ui-button.ui-fileupload-choose:hover {
	background-color: #218838;
}

.ui-button.ui-fileupload-cancel {
	color: #fff;
	background-color: #6c757d;
	border: 1px solid transparent;
	border-radius: 1.25rem;
}

.ui-button.ui-fileupload-cancel:hover {
	background-color: #5a6268;
}

.ui-button.ui-fileupload-upload .ui-icon {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M15.3,8.7c-0.5-0.6-1.1-1-1.8-1.1c0.2-0.3,0.3-0.7,0.3-1.1c0-0.6-0.2-1.1-0.6-1.5c-0.4-0.4-0.9-0.6-1.5-0.6 c-0.5,0-1,0.2-1.4,0.5C10,4,9.5,3.3,8.8,2.9C8.1,2.4,7.3,2.1,6.4,2.1c-1.2,0-2.2,0.4-3,1.3c-0.8,0.8-1.2,1.8-1.2,3 c0,0.1,0,0.2,0,0.4C1.5,7.1,1,7.5,0.6,8.1C0.2,8.7,0,9.4,0,10.1c0,1,0.4,1.9,1.1,2.6c0.7,0.7,1.6,1.1,2.6,1.1h9.1 c0.9,0,1.6-0.3,2.3-0.9c0.6-0.6,0.9-1.4,0.9-2.3C16,9.9,15.8,9.3,15.3,8.7z M10.6,8.5c-0.1,0.1-0.1,0.1-0.2,0.1H8.5v2.9 c0,0.1,0,0.1-0.1,0.2c-0.1,0.1-0.1,0.1-0.2,0.1H6.7c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.5H4.5c-0.1,0-0.1,0-0.2-0.1 c0-0.1-0.1-0.1-0.1-0.2c0-0.1,0-0.1,0.1-0.2l2.9-2.9c0-0.1,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1l2.9,2.9c0.1,0,0.1,0.1,0.1,0.2 C10.7,8.3,10.6,8.4,10.6,8.5z'/%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.ui-button.ui-fileupload-cancel .ui-icon {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M10.7,8l4.7-4.7c0.7-0.7,0.7-2,0-2.7c-0.7-0.7-2-0.7-2.7,0L8,5.3L3.3,0.6c-0.7-0.7-2-0.7-2.7,0 c-0.7,0.7-0.7,2,0,2.7L5.3,8l-4.7,4.7c-0.7,0.7-0.7,2,0,2.7C0.9,15.8,1.4,16,1.9,16c0.5,0,1-0.2,1.4-0.6L8,10.7l4.7,4.7 c0.4,0.4,0.9,0.6,1.4,0.6c0.5,0,1-0.2,1.4-0.6c0.7-0.7,0.7-2,0-2.7L10.7,8z'/%3E%3C/svg%3E%0A");
	background-size: 12px 12px;
	background-repeat: no-repeat;
	margin-top: -7px;
}

.ui-button.ui-fileupload-choose .ui-icon {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M14,8.9H8.9V14H7.1V8.9H2V7.1h5.1V2h1.7v5.1H14V8.9z'/%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.ui-button.ui-fileupload-choose.ui-state-disabled,
.ui-button.ui-fileupload-upload.ui-state-disabled,
.ui-button.ui-fileupload-cancel.ui-state-disabled {
	opacity: 0.3;
}

.ui-fileupload + small.alert-info {
	background: none;
	padding: 0;
	border: 0;
	color: rgba(32, 67, 82, 0.8);
	display: block;
	font-weight: 300;
	font-size: 0.8125rem;
}

body.dark .ui-fileupload + small.alert-info,
body.dark .ui-fileupload-filename,
body.dark .ui-fileupload-filename + div {
	color: rgba(255,255,255,0.6);
}

.ui-fileupload + small.alert-info.disabled {
	opacity: 0.3;
}

.ui-fileupload-row {
	display: flex;
	align-items: center;
}

.ui-link.ui-state-disabled,
.ui-commandlink.ui-state-disabled {
	opacity: 0.6;
}

/* datatable */
.ui-datatable {
	border-collapse: collapse;
}

.ui-datatable thead th,
.ui-datatable tfoot td,
.ui-panelgrid thead td.ui-widget-header {
	text-align: left;
}

.ui-datatable tbody td,
.ui-datatable thead th,
.ui-datatable tfoot td,
.ui-panelgrid tbody td.ui-panelgrid-cell,
.ui-panelgrid thead td.ui-widget-header {
		padding: .75rem;
		vertical-align: top;
		border-top: 1px solid #dee2e6;
}

.ui-datatable thead th,
.ui-panelgrid thead td.ui-widget-header {
		vertical-align: bottom;
		border-bottom: 2px solid #dee2e6;
		border-left: 0;
		border-right: 0;
		font-weight: 600;
		color: #204352;
}

.ui-datatable tfoot td {
		vertical-align: top;
		border-top: 2px solid #dee2e6;
		border-left: 0;
		border-right: 0;
		font-weight: 600;
		background-color: #e9ecef;
		border-bottom: 0;
}

.ui-datatable.table-sm tbody td,
.ui-datatable.table-sm thead th,
.ui-datatable.table-sm tfoot td,
.ui-panelgrid.table-sm tbody td.ui-panelgrid-cell,
.ui-panelgrid.table-sm thead td.ui-widget-header {
		padding: .25rem;
}

.table {
	color: rgba(32, 67, 82, 0.8);
	font-weight: 300;
}

.table .link-success {
	font-weight: 400;
}

body.dark .ui-datatable thead th,
body.dark .table > thead th {
	color: rgba(255,255,255,0.9);
}

body.dark .ui-datatable tbody td,
body.dark .table > tbody td {
	color: rgba(255,255,255,0.7);
}

body.dark .ui-datatable tfoot td {
	background: rgba(255,255,255,0.1);
	color: #fff;
}

.ui-datatable tbody td.table-td-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-datatable tbody td,
.ui-panelgrid tbody td.ui-panelgrid-cell {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	overflow: visible;
}

.ui-paginator.ui-paginator-bottom {
	padding-top: 1rem;
}

.ui-paginator .ui-paginator-pages {
	padding: 0;
	border: 0;
	margin: 0;
}

.ui-paginator-page {
	color:#28a745;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
	display: inline-block;
	padding: .25rem .5rem;
	border: 1px solid #dee2e6;
	margin-left: -2px;
	background-color: #fff;
	font-size: .875rem;
	line-height: 1.5;
}

body.dark .ui-paginator .ui-paginator-page,
body.dark .ui-paginator .ui-paginator-next,
body.dark .ui-paginator .ui-paginator-last,
body.dark .ui-paginator .ui-paginator-first,
body.dark .ui-paginator .ui-paginator-prev,
body.dark .ui-paginator .ui-paginator-current {
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.1);
}

.ui-paginator .ui-paginator-page:hover,
.ui-paginator .ui-paginator-next:hover,
.ui-paginator .ui-paginator-last:hover,
.ui-paginator .ui-paginator-first:hover,
.ui-paginator .ui-paginator-prev:hover,
.ui-paginator .ui-paginator-current:hover {
	color:#1e7e34;
	background-color: #e9ecef;
}

body.dark .ui-paginator .ui-paginator-page:hover,
body.dark .ui-paginator .ui-paginator-next:hover,
body.dark .ui-paginator .ui-paginator-last:hover,
body.dark .ui-paginator .ui-paginator-first:hover,
body.dark .ui-paginator .ui-paginator-prev:hover,
body.dark .ui-paginator .ui-paginator-current:hover {
	background-color: rgba(255,255,255,0.2);
}

.ui-paginator .ui-paginator-first {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.ui-paginator .ui-paginator-last {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.ui-paginator .ui-paginator-page.ui-state-active {
	z-index: 3;
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

body.dark .ui-paginator .ui-paginator-page.ui-state-active {
	background-color: rgba(255,255,255,0.4);
	border-color: rgba(255,255,255,0.6);
}

.ui-paginator .ui-icon-seek-end {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23666666' d='M15.1,7.5L7.8,0.2c-0.3-0.3-0.7-0.3-1,0c-0.3,0.3-0.3,0.7,0,1L13.5,8l-6.8,6.8 c-0.3,0.3-0.3,0.7,0,1C6.9,15.9,7.1,16,7.3,16c0.2,0,0.4-0.1,0.5-0.2l7.3-7.3c0.1-0.1,0.2-0.3,0.2-0.5S15.2,7.6,15.1,7.5z'/%3E%3Cpath fill='%23666666' d='M9.5,8c0-0.2-0.1-0.4-0.2-0.5L2,0.2c-0.3-0.3-0.7-0.3-1,0c-0.3,0.3-0.3,0.7,0,1L7.7,8	l-6.8,6.8c-0.3,0.3-0.3,0.7,0,1C1.1,15.9,1.3,16,1.5,16s0.4-0.1,0.5-0.2l7.3-7.3C9.4,8.4,9.5,8.2,9.5,8z'/%3E%3C/svg%3E%0A");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.ui-paginator .ui-icon-seek-first {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23666666' d='M0.7,8c0,0.2,0.1,0.4,0.2,0.5l7.3,7.3C8.4,15.9,8.5,16,8.7,16c0.2,0,0.4-0.1,0.5-0.2 c0.3-0.3,0.3-0.7,0-1L2.5,8l6.8-6.8c0.3-0.3,0.3-0.7,0-1c-0.3-0.3-0.7-0.3-1,0L0.9,7.5C0.8,7.6,0.7,7.8,0.7,8z'/%3E%3Cpath fill='%23666666' d='M6.8,8.5l7.3,7.3c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.7,0-1L8.3,8l6.8-6.8 c0.3-0.3,0.3-0.7,0-1c-0.3-0.3-0.7-0.3-1,0L6.8,7.5C6.6,7.6,6.5,7.8,6.5,8C6.5,8.2,6.6,8.4,6.8,8.5z'/%3E%3C/svg%3E%0A");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.ui-paginator .ui-icon-seek-prev {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23666666' d='M3.6,8c0,0.2,0.1,0.4,0.2,0.5l7.3,7.3c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2 c0.3-0.3,0.3-0.7,0-1L5.4,8l6.8-6.8c0.3-0.3,0.3-0.7,0-1c-0.3-0.3-0.7-0.3-1,0L3.8,7.5C3.7,7.6,3.6,7.8,3.6,8z'/%3E%3C/svg%3E%0A");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.ui-paginator .ui-icon-seek-next {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23666666' d='M12.2,7.5L4.9,0.2c-0.3-0.3-0.7-0.3-1,0c-0.3,0.3-0.3,0.7,0,1L10.6,8l-6.8,6.8 c-0.3,0.3-0.3,0.7,0,1C4,15.9,4.2,16,4.4,16c0.2,0,0.4-0.1,0.5-0.2l7.3-7.3c0.1-0.1,0.2-0.3,0.2-0.5S12.3,7.6,12.2,7.5z'/%3E%3C/svg%3E%0A");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.ui-paginator .ui-state-disabled {
	opacity: 0.6;
}

/* panel */
.ui-panel,
.ui-datalist {
	border: 0;
	border-radius: .25rem;
	padding: 0;
	margin-bottom: 1rem;
	box-shadow: 0px 5px 20px -6px rgba(0, 0, 0, 0.25);
}

.ui-datalist.messages-history {
	border: 0;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}

.ui-panel-titlebar,
.ui-datalist-header {
	border-bottom: 1px solid #e0e0e0;
	background: #e9ecef;
}

body.dark .ui-panel-titlebar,
body.dark .ui-datalist-header {
	border-bottom: rgba(255,255,255,0.3);
	background: rgba(255,255,255,0.1);
	color: #fff;
}

body.dark .ui-dashboard-column .ui-panel-titlebar {
	background-color: transparent;
	border: 0;
}

.ui-panel-content p:last-child {
	margin-bottom: 0;
}

.ui-datalist-content {
	padding: 1rem;
}

.ui-panel.panel-success,
.ui-datalist.panel-success {
	border-color: #228e3b;
}

.ui-panel.panel-success .ui-panel-titlebar,
.ui-datalist.panel-success .ui-datalist-header {
	border-color: #228e3b;
	background: #28a745;
	color: #fff;
}

.ui-panel.panel-success .ui-panel-content p,
.ui-datalist.panel-success .ui-panel-content p {
	color: #026f1a;
}

.ui-panel.panel-danger,
.ui-datalist.panel-danger {
	border-color: #ba2d3b;
}

.ui-panel.panel-danger .ui-panel-titlebar,
.ui-datalist.panel-danger .ui-datalist-header {
	border-color: #ba2d3b;
	background: #d53343;
	color: #fff;
}

.ui-panel.panel-danger .ui-panel-content p,
.ui-datalist.panel-danger .ui-datalist-content {
	color: #8d0310;
}

.ui-panel.panel-warning,
.ui-datalist.panel-warning {
	border-color: #d8a406;
}

.ui-panel.panel-warning .ui-panel-titlebar,
.ui-datalist.panel-warning .ui-datalist-header {
	border-color: #d8a406;
	background: #f7bb07;
	color: #fff;
}

.ui-panel.panel-warning .ui-panel-content p,
.ui-datalist.panel-warning .ui-datalist-content {
	color: #856404;
}

.ui-panel.panel-info,
.ui-datalist.panel-info {
	border-color: #13899c;
}

.ui-panel.panel-info .ui-panel-titlebar,
.ui-datalist.panel-info .ui-datalist-header {
	border-color: #13899c;
	background: #169db2;
	color: #fff;
}

.ui-panel.panel-info .ui-panel-content p,
.ui-datalist.panel-info .ui-datalist-content {
	color: #026573;
}

.ui-datalist-item {
	font-weight: 400;
}

.ui-datalist-data:last-child {
	margin-bottom: 0;
}

/* modal dialog */
.ui-dialog {
	background: #fff;
	border-radius: 4px;
}

@media(max-width: 767px) {
	.ui-dialog {
		width: calc(100vw - 8px) !important;
	}
}

@media(min-width: 767px) and (max-width:1300px) {
	.ui-dialog {
		max-width: calc(100vw - 8px) !important;
	}
}

.ui-dialog-title br {
	display: none;
}

.ui-dialog-title a:hover {
	text-decoration: none;
}

.ui-dialog-titlebar {
	background: #e9ecef;
	color: #212121;
	padding: 0.5rem 1rem;
}

.ui-dialog-content {
	color: rgba(32, 67, 82, 0.8);
	padding: 1rem;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 0.5rem 1rem;
	text-align: right;
}

.ui-widget-overlay {
	background: rgba(0,0,0,.32);
}

.ui-dialog .ui-dialog-titlebar-close {
	padding: 0;
	position: absolute;
	right: 0.75rem;
	top: 50%;
	margin-top: -8px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.modal-help-header .close {
	width: 16px;
	height: 16px;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%2395A5A6' d='M8.9,8l6.8-6.8C16,1,16,0.6,15.7,0.3S15,0,14.8,0.3L8,7.1L1.2,0.3C1,0,0.6,0,0.3,0.3S0,1,0.3,1.2L7.1,8 l-6.8,6.8C0,15,0,15.4,0.3,15.7c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2L8,8.9l6.8,6.8c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2 c0.3-0.3,0.3-0.7,0-0.9L8.9,8z'/%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon,
.modal-help-header .close:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%234f7476' d='M8.9,8l6.8-6.8C16,1,16,0.6,15.7,0.3S15,0,14.8,0.3L8,7.1L1.2,0.3C1,0,0.6,0,0.3,0.3S0,1,0.3,1.2L7.1,8 l-6.8,6.8C0,15,0,15.4,0.3,15.7c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2L8,8.9l6.8,6.8c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2 c0.3-0.3,0.3-0.7,0-0.9L8.9,8z'/%3E%3C/svg%3E%0A");
}

.ui-dialog.ui-shadow {
	box-shadow: 0 5px 30px rgba(0,0,0,0.5);
}

.ui-overlaypanel.ui-shadow {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
}

body.dark .ui-overlaypanel {
	background: #07192a !important;
}

.ui-dialog .ui-inputfield {
	z-index: 10000 !important;
}

.ui-dialog .ui-spinner-button {
	z-index: 10001 !important;
}

.breadcrumb {
	margin-bottom: 0;
	justify-content: flex-end;
	font-weight: 300;
	font-size: 0.875rem;
	background: transparent;
	padding-right: 0;
	width: 150px;
}

.breadcrumb-item .ui-link,
.breadcrumb-item .nav-link {
	color: rgba(32, 67, 82, 0.8);
}

.breadcrumb-item .ui-link:hover {
	color: rgba(32, 67, 82, 1);
}

body.dark .breadcrumb-item .ui-link,
body.dark .breadcrumb-item .nav-link {
	color: rgba(255,255,255,0.7);
}

.breadcrumb-item + .breadcrumb-item::before {
	content: "";
	color: #ccc;
}

body.dark .breadcrumb-item + .breadcrumb-item::before {
	content: "";
	color: #fff;
}

.breadcrumb .dropdown-item {
	font-weight: 300;
	font-size: 0.875rem;
}

.breadcrumb .dropdown-item .breadcrumb-menu-item {
	color: #8ca4b1;
}

body.dark .breadcrumb .dropdown-item .breadcrumb-menu-item {
	color: rgba(255,255,255,0.4);
}

.main-body {
	padding-top: 2rem;
	padding-bottom: 2rem;
	position: relative;
}

@media(max-width: 767px) {
	.breadcrumb {
		display: none;
	}
	.main-body {
		padding-top: 1rem;
	}
}

.step-item {
	border: 1px solid #e9ecef;
	border-radius: .25rem;
	padding: 1.5rem 2rem;
}

body.dark .step-item {
	border-color: rgba(255,255,255,0.3);
}

.step-item.step-success {
	background: #e9ecef;
}

.list-example .lighter a {
	font-weight: 400;}


.step-item.step-success .list-example {
	background: #fff;
}

body.dark .step-item.step-success .list-example {
	background: rgba(255,255,255,0.1);
}

body.dark .step-item.step-success {
	background: rgba(255,255,255,0.1);
}

body.fun .step-item {
	border-color: rgba(196, 206, 215,0.5);
				background: #fff;
}

body.fun .step-item.step-success {
	background: rgba(196, 206, 215,0.5);
}

.step-item h5 {
	color: #204352;
}

@media(max-width: 767px) {
	.step-item h5,
	h5.sender-h5 {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
}

/* growl messages */
.ui-growl {
	top: auto;
	bottom: 1.5rem;
	right: 1.5rem;
}

.ui-growl-item-container {
	opacity: 1;
	box-shadow: 0 0px 24px rgba(0, 0, 0, 0.5);
	background: #323232;
	color: rgba(255,255,255,0.9);
	border-radius: 0.25rem;
}

body.dark .ui-growl-item-container {
	background: #fff;
	color: #204352;
}

.ui-growl-item {
	padding: 0.5rem 1rem;
	display: flex;
	align-items: center;
}

.ui-growl-image {
	margin-right: 1rem;
}

.ui-growl-image-info {
	display: none;
}

.ui-growl-image-warn {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23F39C12' d='M0.1,15.1c0.2,0.3,0.5,0.5,0.9,0.5h14c0.4,0,0.7-0.2,0.9-0.5c0.2-0.3,0.2-0.7,0-1L8.9,1C8.7,0.7,8.4,0.5,8,0.5 h0C7.6,0.5,7.3,0.7,7.1,1l-7,13.1C0,14.4,0,14.8,0.1,15.1z'/%3E%3Crect id='XMLID_2_' x='7' y='4.2' fill='%23ffffff' width='2' height='6.8'/%3E%3Crect id='XMLID_4_' x='7' y='11.9' fill='%23ffffff' width='2' height='2'/%3E%3C/svg%3E%0A");
	background-size: 1.5rem 1.5rem;
	background-position: 0 0;
}

.ui-growl-image-error {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Ccircle id='XMLID_1_' fill='%23C0392B' cx='8' cy='8' r='8'/%3E%3Crect id='XMLID_2_' x='7' y='2.6' fill='%23FFFFFF' width='2' height='7.4'/%3E%3Crect id='XMLID_4_' x='7' y='10.9' fill='%23FFFFFF' width='2' height='2'/%3E%3C/svg%3E%0A");
	background-size: 1.5rem 1.5rem;
	background-position: 0 0;
}

.ui-growl-image-fatal {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%2328A745' d='M5.8,14.6C6.2,15.4,7,16,8,16s1.8-0.6,2.2-1.4H5.8z'/%3E%3Cpath fill='%2328A745' d='M8,1.5c0.7,0,1.3,0.1,1.9,0.3V1.8c0-1-0.8-1.8-1.8-1.8H7.9c-1,0-1.8,0.8-1.8,1.8v0.1C6.7,1.6,7.3,1.5,8,1.5z'/%3E%3Cpath fill='%2328A745' d='M13.9,13.6H2.1c-0.2,0-0.4-0.1-0.5-0.4c0-0.2,0.1-0.4,0.3-0.5c0,0,0.4-0.3,0.8-1C3.3,10.3,3.5,8.4,3.5,7 c0-2.5,2-4.5,4.5-4.5c2.5,0,4.5,2,4.5,4.5c0,0,0,0,0,0c0,1.4,0.1,3.3,0.8,4.7c0.4,0.8,0.7,1,0.8,1c0.2,0.1,0.3,0.3,0.3,0.5 C14.3,13.5,14.1,13.6,13.9,13.6z M14.1,12.7L14.1,12.7L14.1,12.7z'/%3E%3C/svg%3E%0A");
	background-size: 1.5rem 1.5rem;
	background-position: 0 0;
}

.ui-growl-message {
	float: none;
	padding: 0;
}

.ui-growl-title {
	font-weight: 400;
	padding: 0;
}

.ui-growl-title + p:empty {
	display: none;
}

.ui-growl-title + p {
	font-weight: 300;
}

/* ui messages */
.ui-message-info,
.ui-message-error,
.ui-message-warn,
.ui-message-fatal {
	border: 0;
	margin: 0;
	background: transparent;
	padding: 0;
}

.ui-message-info-icon,
.ui-message-error-icon,
.ui-message-warn-icon,
.ui-message-fatal-icon {
	display: none;
}

.ui-message-info-detail,
.ui-message-error-detail,
.ui-message-warn-detail,
.ui-message-fatal-detail {
	margin: 0;
	font-size: 0.875rem;
}

.ui-selectonemenu.ui-state-error,
.ui-inputfield.ui-state-error {
	border-color: #b94a48;
}

/* calendar */
.ui-calendar .ui-inputfield {
	padding: 0;
	margin: 0;
	border: 0;
	width: calc(100% - 38px);
}

.ui-datepicker,
#ui-timepicker-div {
	background: #fff;
	border-radius: 0.25rem;
	box-shadow: 0 5px 30px rgba(0,0,0,0.5);
	padding: 1rem;
}

body.dark .ui-datepicker,
body.dark #ui-timepicker-div {
		background: #07192a;
		color: rgba(255,255,255,0.7);
}

.ui-datepicker .ui-datepicker-calendar td a


.ui-datepicker td span,
.ui-datepicker td a,
#ui-timepicker-div td span,
#ui-timepicker-div td a,
#ui-timepicker-div td {
	text-align: center;
}

.ui-timepicker-table {
	border: 0;
}

.ui-datepicker-prev {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23666666' d='M3.6,8c0,0.2,0.1,0.4,0.2,0.5l7.3,7.3c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2 c0.3-0.3,0.3-0.7,0-1L5.4,8l6.8-6.8c0.3-0.3,0.3-0.7,0-1c-0.3-0.3-0.7-0.3-1,0L3.8,7.5C3.7,7.6,3.6,7.8,3.6,8z'/%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0.25rem;
}

.ui-datepicker-next {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath fill='%23666666' d='M12.2,7.5L4.9,0.2c-0.3-0.3-0.7-0.3-1,0c-0.3,0.3-0.3,0.7,0,1L10.6,8l-6.8,6.8 c-0.3,0.3-0.3,0.7,0,1C4,15.9,4.2,16,4.4,16c0.2,0,0.4-0.1,0.5-0.2l7.3-7.3c0.1-0.1,0.2-0.3,0.2-0.5S12.3,7.6,12.2,7.5z'/%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0.25rem;
}

.ui-datepicker-prev.ui-datepicker-prev-hover {
	left: 2px;
	top: 2px;
	background-color: #eaeaea;
}

.ui-datepicker-next.ui-datepicker-next-hover {
	right: 2px;
	top: 2px;
	background-color: #eaeaea;
}

.ui-datepicker .ui-datepicker-calendar td a,
#ui-timepicker-div td a {
	border-radius: 0.25rem;
	color: #666;
}

body.dark .ui-datepicker .ui-datepicker-calendar td a,
body.dark  #ui-timepicker-div td a {
	color: rgba(255,255,255,0.9);
}

.ui-datepicker .ui-datepicker-calendar td a:hover,
#ui-timepicker-div td a:hover {
	background-color: #eaeaea;
	color: #444;
}

body.dark .ui-datepicker .ui-datepicker-calendar td a:hover,
body.dark #ui-timepicker-div td a:hover {
	background-color: rgba(255,255,255,0.2);
}

body.dark .ui-timepicker-table {
		background: #132a3f;
}

.ui-timepicker-table td a {
	width: auto;
	font-size: 0.875rem;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	background-color: #d0d0d0;
	color: #333;
}

body.dark .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	background-color: rgba(255,255,255,0.4);
}

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
#ui-timepicker-div td a.ui-state-active {
	background-color: #28a745;
	color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled,
#ui-timepicker-div td .ui-state-disabled {
	opacity: 0.5;
}

.ui-datepicker .ui-slider {
	background-color: #ced4da;
	border-radius: 3px;
	height: 4px;
}

.ui-datepicker .ui-timepicker-div dl {
	margin: 1rem 0;
}

.ui-datepicker .ui-timepicker-div dl dd {
	padding: .429em 0;
	margin: 0 .714em .714em 40%;
}

.ui-datepicker .ui-slider .ui-slider-handle {
	width: 1.5rem;
	height: 1.5rem;
	background: #fff;
	border: 2px solid #666;
	border-radius: 50%;
	top: -10px;
}

.ui-datepicker .ui-slider .ui-slider-handle.ui-state-hover {
	border-color: #0069d9;
}

.ui-datepicker dl dd.ui_tpicker_time {
	padding-top: 0;
}

.ui-datepicker dt.ui_tpicker_time_label {
	padding-top: 2px;
}

.ui-datepicker .ui_tpicker_time .ui_tpicker_time_input {
	width: 100%;
}

.ui-calendar .ui-inputfield.ui-state-disabled {
	background-color: #e9ecef;
}

.ui-calendar.form-control {
	position: relative;
}

.ui-calendar .ui-inputfield.ui-state-disabled {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 0.375rem 0.75rem;
}

.ui-calendar.form-control.ui-trigger-calendar {
	display: flex;
}

body .pe-timepicker.ui-spinner {
	display: flex;
}

.ui-datepicker-trigger.ui-button,
.pe-timepicker-trigger.ui-button {
	margin: 0;
	border: 0;
	background-color: #e9ecef;
	border-radius: 0.25rem;
}

body.dark .ui-datepicker-trigger.ui-button,
body.dark .pe-timepicker-trigger.ui-button {
	background-color: #07192a;
}

.pe-timepicker-trigger.ui-button {
	width: 28px;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	text-align: center;
}

.ui-datepicker-trigger.ui-button.ui-state-hover,
.pe-timepicker-trigger.ui-button:hover {
	background-color: #ced4da;
}

body.dark .ui-datepicker-trigger.ui-button.ui-state-hover,
body.dark .pe-timepicker-trigger.ui-button:hover {
	background-color: rgba(255,255,255,0.1);
}

.ui-datepicker-trigger.ui-button.ui-state-disabled {
	display: none;
}

.ui-datepicker-trigger.ui-button .ui-icon-calendar {
	width: 1rem;
	height: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512px' height='512px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%236c757d' d='M128,96h1.3c13.3,0,24-10.7,24-24v-8V24c0-13.3-10.7-24-24-24H128c-13.3,0-24,10.7-24,24v40v8 C104,85.3,114.7,96,128,96z'/%3E%3Cpath fill='%236c757d' d='M376,96h1.3c13.3,0,24-10.7,24-24v-8V24c0-13.3-10.7-24-24-24H376c-13.3,0-24,10.7-24,24v40v8 C352,85.3,362.7,96,376,96z'/%3E%3Cpath fill='%236c757d' d='M448,64h-22.7v8c0,26.5-21.5,48-48,48H376c-26.5,0-48-21.5-48-48v-8H177.3v8c0,26.5-21.5,48-48,48H128 c-26.5,0-48-21.5-48-48v-8H64C28.7,64,0,92.7,0,128v320c0,35.3,28.7,64,64,64h384c35.3,0,64-28.7,64-64V128 C512,92.7,483.3,64,448,64z M480,448c0,17.7-14.3,32-32,32H64c-17.6,0-32-14.3-32-32V192h448V448z'/%3E%3Cpath fill='%236c757d' d='M128,244.7c15.1,0,27.3,12.3,27.3,27.3s-12.3,27.3-27.3,27.3s-27.3-12.3-27.3-27.3S112.9,244.7,128,244.7 M128,232.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3s39.3-17.6,39.3-39.3C167.3,250.3,149.7,232.7,128,232.7 L128,232.7z'/%3E%3Cpath fill='%236c757d' d='M256,244.7c15.1,0,27.3,12.3,27.3,27.3s-12.3,27.3-27.3,27.3c-15.1,0-27.3-12.3-27.3-27.3 S240.9,244.7,256,244.7 M256,232.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3c21.7,0,39.3-17.6,39.3-39.3 C295.3,250.3,277.7,232.7,256,232.7L256,232.7z'/%3E%3Cpath fill='%236c757d' d='M384,244.7c15.1,0,27.3,12.3,27.3,27.3s-12.3,27.3-27.3,27.3c-15.1,0-27.3-12.3-27.3-27.3 S368.9,244.7,384,244.7 M384,232.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3c21.7,0,39.3-17.6,39.3-39.3 C423.3,250.3,405.7,232.7,384,232.7L384,232.7z'/%3E%3Cpath fill='%236c757d' d='M128,372.7c15.1,0,27.3,12.3,27.3,27.3c0,15.1-12.3,27.3-27.3,27.3s-27.3-12.3-27.3-27.3 C100.7,384.9,112.9,372.7,128,372.7 M128,360.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3s39.3-17.6,39.3-39.3 C167.3,378.3,149.7,360.7,128,360.7L128,360.7z'/%3E%3Cpath fill='%236c757d' d='M256,372.7c15.1,0,27.3,12.3,27.3,27.3c0,15.1-12.3,27.3-27.3,27.3c-15.1,0-27.3-12.3-27.3-27.3 C228.7,384.9,240.9,372.7,256,372.7 M256,360.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3 c21.7,0,39.3-17.6,39.3-39.3C295.3,378.3,277.7,360.7,256,360.7L256,360.7z'/%3E%3Ccircle fill='%236c757d' cx='384' cy='400' r='39.3'/%3E%3C/svg%3E%0A");
	background-size: 1rem 1rem;
}

body.dark .ui-datepicker-trigger.ui-button .ui-icon-calendar {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512px' height='512px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M128,96h1.3c13.3,0,24-10.7,24-24v-8V24c0-13.3-10.7-24-24-24H128c-13.3,0-24,10.7-24,24v40v8 C104,85.3,114.7,96,128,96z'/%3E%3Cpath fill='%23ffffff' d='M376,96h1.3c13.3,0,24-10.7,24-24v-8V24c0-13.3-10.7-24-24-24H376c-13.3,0-24,10.7-24,24v40v8 C352,85.3,362.7,96,376,96z'/%3E%3Cpath fill='%23ffffff' d='M448,64h-22.7v8c0,26.5-21.5,48-48,48H376c-26.5,0-48-21.5-48-48v-8H177.3v8c0,26.5-21.5,48-48,48H128 c-26.5,0-48-21.5-48-48v-8H64C28.7,64,0,92.7,0,128v320c0,35.3,28.7,64,64,64h384c35.3,0,64-28.7,64-64V128 C512,92.7,483.3,64,448,64z M480,448c0,17.7-14.3,32-32,32H64c-17.6,0-32-14.3-32-32V192h448V448z'/%3E%3Cpath fill='%23ffffff' d='M128,244.7c15.1,0,27.3,12.3,27.3,27.3s-12.3,27.3-27.3,27.3s-27.3-12.3-27.3-27.3S112.9,244.7,128,244.7 M128,232.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3s39.3-17.6,39.3-39.3C167.3,250.3,149.7,232.7,128,232.7 L128,232.7z'/%3E%3Cpath fill='%23ffffff' d='M256,244.7c15.1,0,27.3,12.3,27.3,27.3s-12.3,27.3-27.3,27.3c-15.1,0-27.3-12.3-27.3-27.3 S240.9,244.7,256,244.7 M256,232.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3c21.7,0,39.3-17.6,39.3-39.3 C295.3,250.3,277.7,232.7,256,232.7L256,232.7z'/%3E%3Cpath fill='%23ffffff' d='M384,244.7c15.1,0,27.3,12.3,27.3,27.3s-12.3,27.3-27.3,27.3c-15.1,0-27.3-12.3-27.3-27.3 S368.9,244.7,384,244.7 M384,232.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3c21.7,0,39.3-17.6,39.3-39.3 C423.3,250.3,405.7,232.7,384,232.7L384,232.7z'/%3E%3Cpath fill='%23ffffff' d='M128,372.7c15.1,0,27.3,12.3,27.3,27.3c0,15.1-12.3,27.3-27.3,27.3s-27.3-12.3-27.3-27.3 C100.7,384.9,112.9,372.7,128,372.7 M128,360.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3s39.3-17.6,39.3-39.3 C167.3,378.3,149.7,360.7,128,360.7L128,360.7z'/%3E%3Cpath ffill='%23ffffff' d='M256,372.7c15.1,0,27.3,12.3,27.3,27.3c0,15.1-12.3,27.3-27.3,27.3c-15.1,0-27.3-12.3-27.3-27.3 C228.7,384.9,240.9,372.7,256,372.7 M256,360.7c-21.7,0-39.3,17.6-39.3,39.3c0,21.7,17.6,39.3,39.3,39.3 c21.7,0,39.3-17.6,39.3-39.3C295.3,378.3,277.7,360.7,256,360.7L256,360.7z'/%3E%3Ccircle fill='%23ffffff' cx='384' cy='400' r='39.3'/%3E%3C/svg%3E%0A");
}

.pe-timepicker-trigger.ui-button .ui-icon-clock {
	width: 1rem;
	height: 1rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%236c757d' d='M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 22.617188 28 28 22.617188 28 16 C 28 9.382813 22.617188 4 16 4 Z M 16 6 C 21.535156 6 26 10.464844 26 16 C 26 21.535156 21.535156 26 16 26 C 10.464844 26 6 21.535156 6 16 C 6 10.464844 10.464844 6 16 6 Z M 15 8 L 15 17 L 22 17 L 22 15 L 17 15 L 17 8 Z'/%3e%3c/svg%3e");
	background-size: 1rem 1rem;
}

body.dark .pe-timepicker-trigger.ui-button .ui-icon-clock {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23ffffff' d='M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 22.617188 28 28 22.617188 28 16 C 28 9.382813 22.617188 4 16 4 Z M 16 6 C 21.535156 6 26 10.464844 26 16 C 26 21.535156 21.535156 26 16 26 C 10.464844 26 6 21.535156 6 16 C 6 10.464844 10.464844 6 16 6 Z M 15 8 L 15 17 L 22 17 L 22 15 L 17 15 L 17 8 Z'/%3e%3c/svg%3e");
}

.p-datepicker-panel .ui-datepicker-calendar-container td.ui-datepicker-other-month-hidden {
	visibility: visible;
	opacity: 0.6;
}

.p-datepicker {
	width: 100%;
	min-width: auto;
}

body.dark .p-datepicker {
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.3);
}

body.dark .p-datepicker .ui-inputfield {
	background-color: transparent;
	color: #fff;
}

.ui-datepicker .ui-timepicker .ui-picker-up,
.ui-datepicker .ui-timepicker .ui-picker-down {
	cursor: pointer;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background-position: center center;
	background-size: 1rem 1rem;
	background-repeat: no-repeat;
}

.ui-datepicker .ui-timepicker .ui-picker-up:hover,
.ui-datepicker .ui-timepicker .ui-picker-down:hover {
	background-color: #eaeaea;
}

.ui-datepicker .ui-timepicker .ui-picker-up {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath d='M7.5,3.8l-7.3,7.4c-0.3,0.3-0.3,0.7,0,1s0.7,0.3,1,0L8,5.4l6.8,6.7c0.3,0.3,0.7,0.3,1,0c0.1-0.1,0.2-0.3,0.2-0.5 s-0.1-0.4-0.2-0.5L8.5,3.8C8.4,3.7,8.2,3.6,8,3.6S7.6,3.7,7.5,3.8z'/%3E%3C/svg%3E%0A");
}

.ui-datepicker .ui-timepicker .ui-picker-down {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'%3E%3Cpath d='M8,12.4c0.2,0,0.4-0.1,0.5-0.2l7.3-7.3C15.9,4.8,16,4.6,16,4.4S15.9,4,15.8,3.9c-0.3-0.3-0.7-0.3-1,0L8,10.6L1.2,3.8 c-0.3-0.3-0.7-0.3-1,0s-0.3,0.7,0,1l7.3,7.4C7.6,12.3,7.8,12.4,8,12.4z'/%3E%3C/svg%3E%0A");
}

.ui-spinner.form-control {
	display: block;
	padding: .375rem 2rem .375rem .75rem;
}

.ui-spinner.form-control .ui-spinner-input {
	border: 0;
	padding: 0;
}

.ui-spinner.form-control.ui-state-disabled {
	background: #e9ecef;
}

body.dark .ui-spinner.form-control.ui-state-disabled {
	background: rgba(255,255,255,0.1);
	opacity: 0.4;
}

.ui-spinner.form-control.ui-state-disabled .ui-spinner-input {
	background: transparent;
}

body.dark .ui-spinner.form-control .ui-spinner-input {
	background: transparent;
}

.ui-spinner-button {
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 24px;
}

.ui-spinner-button:hover {
	background-color: #f0f0f0;
	cursor: pointer;
}

body.dark .ui-spinner-button {
	background-color: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.3);
}

body.dark .ui-spinner-button:hover {
	background-color: rgba(255,255,255,0.5);
}

.ui-spinner-button.ui-spinner-up {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3ctitle%3eionicons-v5-b%3c/title%3e%3cpolygon points='448 368 256 144 64 368 448 368'/%3e%3c/svg%3e");
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
}

body.dark .ui-spinner-button.ui-spinner-up {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3ctitle%3eionicons-v5-b%3c/title%3e%3cpolygon fill='%23ffffff' points='448 368 256 144 64 368 448 368'/%3e%3c/svg%3e");
}


.ui-spinner-button.ui-spinner-down {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3ctitle%3eionicons-v5-b%3c/title%3e%3cpolygon points='64 144 256 368 448 144 64 144'/%3e%3c/svg%3e");
	border-left: 1px solid #ced4da;
}

body.dark .ui-spinner-button.ui-spinner-down {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3ctitle%3eionicons-v5-b%3c/title%3e%3cpolygon fill='%23ffffff' points='64 144 256 368 448 144 64 144'/%3e%3c/svg%3e");
}

.ui-slider-horizontal {
	background: #e9ecef;
	margin: 1rem 0.75rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.25rem;
}

body.dark .ui-slider-horizontal {
	background: rgba(255,255,255,0.25);
}

.ui-slider-horizontal .ui-slider-handle {
	background: #28a745;
	top: -0.3125rem;
	margin-left: -0.75rem;
	border-radius: 1rem;
	width: 1.5rem;
	height: 1.5rem;
}

.ui-datatable-tablewrapper {
	overflow: visible;
}

.table-overflow-auto .ui-datatable-tablewrapper {
	overflow: auto;
	padding-bottom: 1rem;
}

.table-layout-auto table {
	table-layout: auto;
}

.hide-dropdown circle {
	fill: #132a3f;
}

body.dark .hide-dropdown circle,
body.dark .hide-dropdown path {
	fill: #fff;
}

.hide-dropdown > a,
.ui-datatable tbody tr .hide-dropdown > a,
.ui-datalist-content .hide-dropdown > a {
	background: transparent;
	width: 1.5rem;
	display: inline-block;
	text-align: center;
	height: 1.5rem;
	border-radius: 50%;
}

.hide-dropdown > a:hover,
.hide-dropdown > a:focus,
.ui-datatable tbody tr .hide-dropdown > a:hover,
.ui-datatable tbody tr .hide-dropdown > a:focus,
.ui-datalist-content .hide-dropdown > a:hover,
.ui-datalist-content .hide-dropdown > a:focus{
	background: #b5bfca;
}

body.dark .hide-dropdown > a:hover,
body.dark .hide-dropdown > a:focus,
body.dark .ui-datatable tbody tr .hide-dropdown > a:hover,
body.dark .ui-datatable tbody tr .hide-dropdown > a:focus,
body.dark .ui-datalist-content .hide-dropdown > a:hover,
body.dark .ui-datalist-content .hide-dropdown > a:focus{
	background: rgba(255,255,255,0.2);
}

.hide-dropdown > a img,
.hide-dropdown > a svg,
.ui-datatable tbody tr .hide-dropdown > a img,
.ui-datatable tbody tr .hide-dropdown > a svg,
.ui-datalist-content .hide-dropdown > a img,
.ui-datalist-content .hide-dropdown > a svg {
	width: 1rem;
	height: 1rem;
	margin-top: -3px;
}

.hide-dropdown .dropdown-item .pi {
	color: #218838;
	margin-right: 0.5rem;
}

.hide-dropdown .dropdown-item svg {
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 12px;
}

.ui-overlaypanel.hide-dropdown {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
	border: 0;
	background: #fff;
	padding: .5rem 0;
	border-radius: 0.25rem;
}

body.dark .ui-overlaypanel.hide-dropdown {
	background: #07192a;
}

.ui-overlaypanel.hide-dropdown .ui-overlaypanel-content {
	padding: 0;
	text-align: left;
}

body.dark .dropdown-item {
	color: rgba(255,255,255,0.7);
}

.hide-dropdown .dropdown-menu {
	min-width: max-content;
}

.hide-dropdown .dropdown-item svg path,
.link-preview-cms svg path,
.link-success svg path {
	fill: #218838;
}

.hide-dropdown .dropdown-item svg line,
.hide-dropdown .dropdown-item svg polygon{
	stroke: #218838;
}

.link-success svg {
	width: 26px;
	height: 26px;
}

.dropdown-menu-personal .dropdown-item svg {
	width: 1rem;
	height: 1rem;
	margin-right: 0.5rem;
}

.ui-datatable.table-hide-header th {
	padding: 0;
	border: 0;
}

.ui-datatable.table-hide-row-border td {
	border: 0;
}

table .mailshot-list-stat-table td {
	padding: 0;
}
table .mailshot-list-stat-table td:nth-child(2) {
	width: 160px;
}

.ui-progressbar {
	background: #e9ecef url("/javax.faces.resource/img/progress-bar-4.svg.xhtml?v=2.11.0") no-repeat 0 0;
	border-radius: .25rem;
	height: 1rem;
	overflow: hidden;
}

.ui-progressbar.progressbar-5 {
	background-image: url("/javax.faces.resource/img/progress-bar-5.svg.xhtml?v=2.11.0");
}

.ui-progressbar.widget-progressbar {
		background-image: none;
		background-color: #e9ecef;
		height: 1.5rem;
}

body.dark .ui-progressbar,
body.dark .ui-progressbar.widget-progressbar {
	background: #07192a;
}

.ui-progressbar .ui-progressbar-value {
	background: #28a745;
	border-radius: .25rem;
}

.ui-progressbar .ui-progressbar-label {
	display: none !important;
}

.ui-progressbar.widget-progressbar .ui-progressbar-label {
		display: flex !important;
		color: #fff;
		font-size: 12px;
		height: 1.5rem;
		align-items: center;
		padding-left: 8px;
}

body.light .ui-progressbar.widget-progressbar.widget-progressbar-zero .ui-progressbar-label,
body.fun .ui-progressbar.widget-progressbar.widget-progressbar-zero .ui-progressbar-label {
		color: rgba(32, 67, 82, 0.8);
}

.form-control-plaintext {
	color: rgba(32, 67, 82, 0.8);
}

.nav-main a.link-notif {
	color: #1e7e34;
	font-size: 0.875rem;
}

.nav-main a.link-notif:hover {
	color: #09621d;
}

.ui-lifecycle-popup {
	position: relative;
}

.ui-lifecycle-popup div pre {
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	padding: 8px 12px;
	display: none;
	box-shadow: 5px 5px 12px rgba(0,0,0,0.5);
	font-size: 11px;
	overflow: auto;
	max-height: 80vh;
	max-width: calc(90vw - 400px);
	margin-top: 0;
}

.ui-lifecycle-popup:hover div pre {
	display: block;
}

.btn-back-container {
	padding: 0.5rem;
	border-right: 1px solid #e0e0e0;
	box-shadow: 8px 0 5px -6px rgba(0,0,0,0.15);
	margin-right: 1rem;
}

.btn-back {
	display: flex;
	width: 100%;
	height: 100%;
	padding:0.5rem;
}

.btn-back:hover {
	text-decoration: none;
	background: #f0f0f0;
}

.tab-grow {
	flex-grow: 1;
}

.card-mailshot {
	transition: all 0.3s;
}

.card-mailshot:hover {
	box-shadow: 0 0 25px rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,.25);
}

.mailshot-badge {
	display: inline-block;
	background: #e9ecef;
	font-size: 0.75rem;
	color: #222;
	border-radius: 1rem;
	padding: 0.25rem 1rem;
	margin-right: 1rem;
}

.devices-desktop,
.devices-tablet,
.devices-pda,
.devices-phone,
.devices-z-other {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
	opacity: 0.3;
}


.devices-desktop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 30 30'%3E%3Cpath fill='%2327a644' d='M29.3,2.8c-0.5-0.5-1.1-0.7-1.8-0.7h-25c-0.7,0-1.3,0.2-1.8,0.7S0,3.9,0,4.6v17c0,0.7,0.2,1.3,0.7,1.8 s1.1,0.7,1.8,0.7H11c0,0.4-0.1,0.8-0.3,1.2s-0.3,0.8-0.5,1.1C10.1,26.7,10,27,10,27.1c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3h8 c0.3,0,0.5-0.1,0.7-0.3s0.3-0.4,0.3-0.7c0-0.1-0.1-0.4-0.3-0.7c-0.2-0.3-0.3-0.7-0.5-1.1c-0.1-0.4-0.2-0.8-0.2-1.2h8.5 c0.7,0,1.3-0.2,1.8-0.7s0.7-1.1,0.7-1.8v-17C30,3.9,29.8,3.3,29.3,2.8z M28,17.6c0,0.1,0,0.3-0.1,0.4c-0.1,0.1-0.3,0.1-0.4,0.1h-25 c-0.1,0-0.3,0-0.4-0.1C2,17.9,2,17.7,2,17.6v-13c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.3-0.1,0.4-0.1h25c0.1,0,0.3,0,0.4,0.1 S28,4.4,28,4.6V17.6L28,17.6z'/%3E%3C/svg%3E%0A");
}

.devices-tablet, .devices-pda {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 30 30'%3E%3Cpath fill='%2327a644' d='M4.7,6.8C4.2,7.3,4,7.9,4,8.6v13c0,0.7,0.2,1.3,0.7,1.8s1.1,0.7,1.8,0.7h17c0.7,0,1.3-0.2,1.8-0.7 s0.7-1.1,0.7-1.8v-13c0-0.7-0.2-1.3-0.7-1.8s-1.1-0.7-1.8-0.7h-17C5.8,6.1,5.2,6.3,4.7,6.8z M24.7,14.4c0.2,0.2,0.3,0.4,0.3,0.7 s-0.1,0.5-0.3,0.7s-0.4,0.3-0.7,0.3s-0.5-0.1-0.7-0.3S23,15.4,23,15.1s0.1-0.5,0.3-0.7s0.4-0.3,0.7-0.3S24.5,14.2,24.7,14.4z M21.5,8.1c0.1,0,0.3,0,0.4,0.1C22,8.3,22,8.4,22,8.6v13c0,0.1,0,0.3-0.1,0.4c-0.1,0.1-0.3,0.1-0.4,0.1h-15c-0.1,0-0.3,0-0.4-0.1 C6,21.9,6,21.7,6,21.6v-13c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.2-0.1,0.4-0.1C6.5,8.1,21.5,8.1,21.5,8.1z'/%3E%3C/svg%3E%0A");
	margin-left: 0.5rem;
}

.devices-phone {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 30 30'%3E%3Cpath fill='%2327a644' d='M20.4,5.7C20,5.3,19.5,5.1,19,5.1h-8c-0.5,0-1,0.2-1.4,0.6S9,6.6,9,7.1v16c0,0.5,0.2,1,0.6,1.4 s0.9,0.6,1.4,0.6h8c0.5,0,1-0.2,1.4-0.6c0.4-0.4,0.6-0.9,0.6-1.4v-16C21,6.6,20.8,6.1,20.4,5.7z M13.8,7.1h2.5 c0.2,0,0.2,0.1,0.2,0.3c0,0.2-0.1,0.3-0.2,0.3h-2.5c-0.2,0-0.2-0.1-0.2-0.3C13.5,7.2,13.6,7.1,13.8,7.1z M15.9,24 c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4c-0.2-0.2-0.4-0.5-0.4-0.9c0-0.3,0.1-0.6,0.4-0.9c0.2-0.2,0.5-0.4,0.9-0.4 c0.3,0,0.6,0.1,0.9,0.4c0.2,0.2,0.4,0.5,0.4,0.9S16.1,23.7,15.9,24z M19.5,20.6c0,0.1,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.1-0.4,0.1h-8 c-0.1,0-0.3,0-0.4-0.1s-0.1-0.2-0.1-0.4v-11c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.2-0.1,0.4-0.1h8c0.1,0,0.3,0,0.4,0.1s0.1,0.2,0.1,0.4 V20.6L19.5,20.6L19.5,20.6z'/%3E%3C/svg%3E%0A");
	margin-left: 0.25rem;
}

.devices-z-other {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' viewBox='0 0 2048 2048'%3e%3cpath fill='%2327a644' d='M2048 512v896H256v-256H0V512h2048zm-128 640H384v128h1536v-128zm0-128V640H128v384h1792zm-320-256q26 0 45 19t19 45-19 45-45 19-45-19-19-45 19-45 45-19z'/%3e%3c/svg%3e");
}

.devices-desktop:hover,
.devices-tablet:hover,
.devices-pda:hover,
.devices-phone:hover,
.devices-z-other:hover,
.devices-desktop.active,
.devices-tablet.active,
.devices-pda.active,
.devices-phone.active,
.devices-z-other.active{
	opacity: 1;
}


.ui-datatable tbody .row-with-header td {
	border-top: 0;
	padding-top: 2rem;
}

.ui-datatable tbody .row-with-header:first-child td {
	padding-top: 0.3rem;
}

.ui-datatable tbody .row-with-header .hide-dropdown {
	margin-top: 2rem;
	display: block;
}

.ui-datatable tbody .report-link-list {
		display: block;
}

.ui-datatable tbody .row-with-header .report-link-list {
	margin-top: 2rem;
}

.link-edit-mailshot {
	position: absolute;
	top: -10px;
	font-size: 14px;
}

.carousel-layouts .carousel-item {
	padding: 1.75rem 2rem 4rem 2rem;
}

.carousel-item-layout img,
.add-variant img {
	box-shadow: 0;
	transition: all 0.3s;
}

.add-variant img {
		border: 1px solid #e9ecef;
}

.add-variant .ui-outputlabel {
	font-size: 13px;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}

body.dark .add-variant img {
		border: 1px solid rgba(255,255,255,0.3);
}

.carousel-item a:hover {
	text-decoration: none;
	color: #28a745;
}

.carousel-item-layout:hover img,
.add-variant:hover img {
	/*transform: scale(1.05);*/
	box-shadow: 0 0 35px rgba(0,0,0,0.2);
	cursor: pointer;
}

.add-variant img.active {
	outline: 4px solid #28a745;
	transform: scale(1.05);
	box-shadow: 0 0 35px rgba(0,0,0,0.2);
	padding: 2px;
}

body.dark .add-variant .ui-outputlabel {
	color: rgba(255,255,255,0.7);
}

body.dark .add-variant img.active {
	box-shadow: 0 0 20px rgba(255,255,255,0.5);
}

.carousel-layouts .carousel-control-next,
.carousel-layouts .carousel-control-prev {
	width: 2rem;
	color: #95a5a6;
	opacity: 1;
	margin-bottom: 2rem;
}

.carousel-layouts .carousel-indicators li {
	background-color:  #95a5a6;
}

.carousel-item-layout-name {
	display: block;
	text-align: center;
	padding-top: 1rem;
	color: #627b86;
}

body.dark .carousel-item-layout-name {
	color: rgba(255,255,255,0.7);
}

a:hover .carousel-item-layout-name,
body.dark a:hover .carousel-item-layout-name,
body.dark .hover .carousel-item-layout-name {
	color: #1ca345;
}

a.carousel-item-layout:hover,
a.carousel-item-layout:focus,
.hover .carousel-item-layout-name {
	text-decoration: none;
	color: #28a745;
}

.row-widgets {
	width: 1054px;
}

.widget-carousel.unavailable img {
	opacity: 0.8;
	filter: grayscale(100%);
}

.widget-carousel img {
	transition: all 0.3s;
	border-radius: 0.5rem;
}

.widget-carousel:hover img {
	transform: scale(1.05);
	box-shadow: 0 0 35px rgba(0,0,0,0.2);
	cursor: pointer;
}

.ui-colorpicker .ui-button {
	border: 1px solid transparent;
	background: #f8f9fa;
	border-radius: 0.25rem;
}

.ui-colorpicker .ui-button:hover {
	background-color: #e2e6ea;
	border-color: #dae0e5;
}

.clr-field {
	border: 1px solid transparent;
	background-color: #f8f9fa;
	border-radius: 0.25rem;
	height: 34px;
}

.ui-colorpicker-edit .ui-button {
	margin-right: 0;
}

.ui-colorpicker-edit .ui-button-text,
.clr-field {
	padding-left: 2rem;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23333333' d='M 24.65625 3.03125 C 23.546875 3.03125 22.433594 3.441406 21.59375 4.28125 L 18.8125 7.09375 L 17.8125 6.09375 L 16.40625 7.5 L 17.40625 8.5 L 7.90625 18 C 6.867188 19.039063 6.273438 19.792969 5.90625 20.46875 C 5.539063 21.144531 5.410156 21.753906 5.34375 22.15625 C 5.277344 22.558594 5.242188 22.777344 5 23.21875 C 4.757813 23.660156 4.265625 24.296875 3.28125 25.28125 L 2.59375 26 L 3.28125 26.71875 L 5.28125 28.71875 L 6 29.40625 L 6.71875 28.71875 C 7.679688 27.757813 8.292969 27.292969 8.71875 27.0625 C 9.144531 26.832031 9.371094 26.789063 9.78125 26.71875 C 10.191406 26.648438 10.78125 26.535156 11.46875 26.15625 C 12.15625 25.777344 12.9375 25.15625 14 24.09375 L 23.5 14.59375 L 24.5 15.59375 L 25.90625 14.1875 L 24.90625 13.1875 L 27.71875 10.40625 C 29.398438 8.726563 29.398438 5.960938 27.71875 4.28125 C 26.878906 3.441406 25.765625 3.03125 24.65625 3.03125 Z M 24.65625 5.03125 C 25.246094 5.03125 25.820313 5.257813 26.28125 5.71875 C 27.199219 6.636719 27.199219 8.082031 26.28125 9 L 23.5 11.78125 L 20.21875 8.5 L 23 5.71875 C 23.460938 5.257813 24.066406 5.03125 24.65625 5.03125 Z M 18.8125 9.90625 L 22.09375 13.1875 L 12.59375 22.6875 C 11.609375 23.671875 10.941406 24.164063 10.5 24.40625 C 10.058594 24.648438 9.839844 24.683594 9.4375 24.75 C 9.035156 24.816406 8.457031 24.914063 7.78125 25.28125 C 7.320313 25.53125 6.695313 26.128906 6.09375 26.65625 L 5.34375 25.90625 C 5.890625 25.289063 6.492188 24.65625 6.75 24.1875 C 7.128906 23.5 7.242188 22.878906 7.3125 22.46875 C 7.382813 22.058594 7.425781 21.863281 7.65625 21.4375 C 7.886719 21.011719 8.351563 20.367188 9.3125 19.40625 Z'/%3e%3c/svg%3e");
	background-size: 1rem 1rem;
	background-repeat: no-repeat;
	background-position: 8px 50%;
}

.clr-field input {
	border: none;
  width: 32px;
	cursor: pointer;
}

.clr-field button {
	height: 32px;
	border-radius: 4px;
}

body.dark .ui-colorpicker .ui-button {
	background: rgba(255,255,255,0.1);
}

body.dark .ui-colorpicker-edit .ui-button-text {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23ffffff' d='M 24.65625 3.03125 C 23.546875 3.03125 22.433594 3.441406 21.59375 4.28125 L 18.8125 7.09375 L 17.8125 6.09375 L 16.40625 7.5 L 17.40625 8.5 L 7.90625 18 C 6.867188 19.039063 6.273438 19.792969 5.90625 20.46875 C 5.539063 21.144531 5.410156 21.753906 5.34375 22.15625 C 5.277344 22.558594 5.242188 22.777344 5 23.21875 C 4.757813 23.660156 4.265625 24.296875 3.28125 25.28125 L 2.59375 26 L 3.28125 26.71875 L 5.28125 28.71875 L 6 29.40625 L 6.71875 28.71875 C 7.679688 27.757813 8.292969 27.292969 8.71875 27.0625 C 9.144531 26.832031 9.371094 26.789063 9.78125 26.71875 C 10.191406 26.648438 10.78125 26.535156 11.46875 26.15625 C 12.15625 25.777344 12.9375 25.15625 14 24.09375 L 23.5 14.59375 L 24.5 15.59375 L 25.90625 14.1875 L 24.90625 13.1875 L 27.71875 10.40625 C 29.398438 8.726563 29.398438 5.960938 27.71875 4.28125 C 26.878906 3.441406 25.765625 3.03125 24.65625 3.03125 Z M 24.65625 5.03125 C 25.246094 5.03125 25.820313 5.257813 26.28125 5.71875 C 27.199219 6.636719 27.199219 8.082031 26.28125 9 L 23.5 11.78125 L 20.21875 8.5 L 23 5.71875 C 23.460938 5.257813 24.066406 5.03125 24.65625 5.03125 Z M 18.8125 9.90625 L 22.09375 13.1875 L 12.59375 22.6875 C 11.609375 23.671875 10.941406 24.164063 10.5 24.40625 C 10.058594 24.648438 9.839844 24.683594 9.4375 24.75 C 9.035156 24.816406 8.457031 24.914063 7.78125 25.28125 C 7.320313 25.53125 6.695313 26.128906 6.09375 26.65625 L 5.34375 25.90625 C 5.890625 25.289063 6.492188 24.65625 6.75 24.1875 C 7.128906 23.5 7.242188 22.878906 7.3125 22.46875 C 7.382813 22.058594 7.425781 21.863281 7.65625 21.4375 C 7.886719 21.011719 8.351563 20.367188 9.3125 19.40625 Z'/%3e%3c/svg%3e");
}

body.dark .ui-colorpicker .ui-button:hover {
	background: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.5);
}

.h1-frontend small {
		display: block;
		font-size: 1.25rem;
		font-weight: 600;
		margin-top: 0.25rem;
}

.h1-frontend sup {
		color: #8ca4b1;
		padding-left: 4px;
		font-weight: 300;
}

@media (max-width: 767px) {
	.h1-frontend {
		font-size: 2rem;
	}
	.section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.register-form {
		padding: 1rem 1.5rem;
	}
}

.galleryListThumbs {
	border: 0;
	box-shadow: none;
}

.galleryListThumbs .ui-datalist-content {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.galleryListThumbsItem {
	width: 20%;
	background: #f0f0f0;
	padding: 1rem;
	border: 1px solid #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.galleryListThumbsItem.lockedItem::after,
.gallery-image-detail.lockedItem::after {
	content: "";
	display: block;
	width:24px;
	height:24px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpolygon points='0,0 24,0 0,24 ' fill='%2328A745'/%3E%3Cpath fill='%23FFFFFF' d='M3.7,3.7c-1,1-1,2.6,0,3.6l0.8,0.8L3.7,8.9L7.9,13L13,7.9L8.9,3.7L8.1,4.5L7.3,3.7C6.4,2.8,4.7,2.8,3.7,3.7z M4.3,4.3c0.7-0.7,1.9-0.7,2.6,0L7.6,5L5,7.6L4.3,6.8C3.5,6.1,3.5,5,4.3,4.3z M4.8,8.9l4.1-4.1L12,7.9L7.9,12L4.8,8.9z'/%3E%3C/svg%3E%0A");;
	position: absolute;
	left: 0;
	top: 0;
}

@media(max-width: 767px) {
	.galleryListThumbsItem {
		width: 50%;
	}
}

.galleryListThumbsMenu {
	position: absolute;
	right: .5rem;
	bottom: 1rem;
}

body.dark .galleryListThumbsItem {
	background: rgba(255,255,255,0.1);
	border: 1px solid #132a3f;
}

body.dark .galleryListThumbsItem.row {
	border: 0;
}

.gallery-image-detail.lockedItem::after {
	top: 1px;
}

.galleryListThumbsItem.row {
	width: 100%;
	border: 0;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0;
}

.galleryListThumbsItem.row:nth-child(even) {
	background: #fff;
}

body.dark .galleryListThumbsItem.row:nth-child(even) {
	background: rgba(255,255,255,0.15);
}


.galleryListThumbsItemImg {
	max-width: 100%;
	height: auto;
	max-height: 175px;
	margin: auto;
}

.galleryListThumbsItem.row .galleryListThumbsItemImg {
	max-width: 80px;
	height: auto;
	max-height: 80px;
	border: 1px solid #ced4da;
	background: #fff;
	margin: 0;
}

a .galleryListThumbsItemImg {
	transition: 0.3s;
}

a:hover .galleryListThumbsItemImg {
	transform: translateY(-6px);
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.galleryListThumbsItemContainerImg {
	width: 100px;
	margin-right: 1rem;
}

.galleryListThumbsItem.row .galleryListThumbsItemContainerImg {
	text-align: center;
}

.galleryListThumbsItemFileName {
	color:rgba(32, 67, 82, 1);
	font-size: 0.875rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	margin-top: 8px;
	padding-right: 1rem;
}

a.galleryListThumbsItemFileName:hover,
a.galleryListThumbsItemFileName:focus {
	color: #026f1a;
	text-decoration: underline;
}

body.dark .galleryListThumbsItemFileName {
	color: #fff;
}

.galleryListThumbsItemFileDesc {
	font-weight: 300;
	font-size: 0.875rem;
	color:rgba(32, 67, 82, 0.8);
}

body.dark .galleryListThumbsItemFileDesc {
	color: rgba(255,255,255,0.5);
}

.galleryListThumbsItem .pi-file {
	margin: auto;
	font-size: 4rem;
	color: #627b86;
}

.galleryListThumbsItem.row .galleryListThumbsItemFileName {
	font-size: 1rem;
	display: block;
	text-align: left;
	margin-top: 0;
}

.galleryListThumbsItem.row .pi-file {
	margin: auto;
	font-size: 2rem;
}

.gallery-image-container {
	height:calc(100vh - 56px);
}
.gallery-image-left {
	flex-grow: 1;
	background:#333;
	padding: 1rem;
	text-align: center;
	width: 75vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallery-image-detail {
	padding: 2rem;
	position: relative;
	width: 25vw;
	max-height: 100%;
	overflow: auto;
	min-width: 410px;
}
@media(max-width: 767px) {
	.gallery-image-container {
		flex-direction: column;
	}
	.gallery-image-left {
		padding: 0;
		background: transparent;
	}
	.gallery-image-left,
	.gallery-image-detail {
		width: 100vw;
	}
	.gallery-image-container,
	.gallery-image-detail,
	body.app.fullscreen {
		height: auto;
		max-height: none;
	}
	body.app.fullscreen {
		overflow: auto;
	}
}

.pe-imgageareaselect-outer {
	box-sizing: content-box;
}

footer {
	background-color: rgba(0,0,0,.03);
	border-top: 1px solid rgba(0,0,0,.125);
	padding: .75rem 1.25rem;
	font-weight: 300;
	color: #6c757d;
	font-size: 0.8125rem;
}

footer .link-success {
	color: #6c757d;
}

body.dark footer {
	border-color: rgba(255,255,255,0.2);
	color: rgba(255,255,255,0.6);
}

body.dark footer .link-success {
	color: rgba(255,255,255,0.6);
}

footer.web-footer {
	background: #152f47;
	color: rgba(255, 255, 255, 0.6);
	padding-top: 4rem;
	padding-bottom: 8rem;
	border: 0;
}

footer.web-footer h3 {
		font-size: 1.5rem;
		color: #fff;
		margin-bottom: 1.5rem;
}

footer.web-footer a {
		color: rgba(255, 255, 255, 0.6);
}

footer.web-footer a:hover,
footer.web-footer a:focus {
		color: rgba(255, 255, 255, 1);
}

.ui-outputpanel-loading {
	padding: 3rem;
}

.tip-bulk {
	width: 20px;
	height: 20px;
	fill: #1e7e34;
	float: left;
	margin-top: 1px;
	margin-right: 4px;
}

.input-group-text .ui-selectbooleancheckbox {
	display: flex;
	justify-content: center;
}

.input-group-text .ui-selectbooleancheckbox .ui-chkbox-box {
	margin-top: 0;
	margin-right: 0;
}

body.dark .input-group-text {
	background: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.3);
	color: rgba(255,255,255,0.9);
}

body.dark .input-group-text .pi.text-secondary {
	color: rgba(255,255,255,0.9) !important;
}

.nav-link svg {
	width:1.5rem;
	height:1.5rem;
}

.nav-link svg path,
.svg-theme path,
.svg-theme polygon,
.dropdown-menu-personal .dropdown-item svg path {
	fill: #627b86;
}

.lang-icon line,
.lang-icon polyline,
.lang-icon path {
	stroke: #627b86;
	fill:none;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:32px;
}

body.dark .lang-icon line,
body.dark .lang-icon polyline,
body.dark .lang-icon path {
	stroke: #bbc4c8;
}

.widgets .card-title {
	color: #204352;
}

body.dark .nav-link svg path,
body.dark .svg-theme path,
body.dark .svg-theme polygon,
body.dark .dropdown-menu-personal .dropdown-item svg path {
	fill: #bbc4c8;
}

body.dark .widgets .card,
body.dark .moverview.card {
	background-color: #132a3f;
	border: 1px solid rgba(255,255,255,0.1)
}

body.dark .moverview.card {
	color: rgba(255,255,255,0.7);
}

body.dark .moverview.card .text-muted {
	color: rgba(255,255,255,0.5) !important;
}

body.dark .widgets .card-title {
	color: rgba(255,255,255,0.9);
}

body.dark .widgets .card-subtitle {
	color: rgba(255,255,255,0.5) !important;
}

.card-footer {
	border-top: 0;
}

.card-footer,
.card-footer .btn {
	font-size: 0.875rem;
}

body.dark .card-footer {
	border-color: rgba(255,255,255,0.15);
}

body.dark .card table td {
	color: rgba(255,255,255,0.7);
}

.widget-big {
	color: #212529;
}

.widget-devices {
	display: block;
	font-weight: 300;
	font-size: 0.8125rem;
}

.widget-big {
	display: block;
	font-weight: 300;
	font-size: 1.375rem;
}

body.dark .widget-big {
	color: #fff;
}

h3.mailshot-h3 {
	text-transform:uppercase;
	color: rgba(32, 67, 82, 1);
	font-size: 14px;
	margin-bottom: 1rem;
}

body.dark h3.mailshot-h3 {
	color: rgba(255,255,255,0.7);
}

body.dark .ui-datatable tbody td,
body.dark .ui-datatable thead th,
body.dark .ui-datatable tfoot td,
body.dark .ui-panelgrid tbody td.ui-panelgrid-cell,
body.dark .ui-panelgrid thead td.ui-widget-header {
	border-color: rgba(255,255,255,0.3);
}

body.dark .ui-panelgrid thead td.ui-widget-header {
	color: rgba(255,255,255,0.9);
}

.light7 {
	color:rgba(32, 67, 82, 0.7);
	font-size: 0.875rem;
}

.light1 {
	color:rgba(32, 67, 82, 1);
	font-size: 0.875rem;
}

body.dark .light7 {
	color:rgba(255, 255, 255, 0.5);
}

body.dark .light1 {
	color:rgba(255, 255, 255, 0.7);
}

.mailshots-infos > span {
	width: 50%;
}

.mailshots-infos.forms > span {
	width: 25%;
}

@media(max-width: 767px) {
	.mailshots-infos {
		flex-direction: column;
	}
	.mailshots-infos > span,
	.mailshots-infos.forms > span
{		width: 100%;
	}
}

body.dark .ui-inputfield,
body.dark span.form-control {
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.3);
	color: #fff;
}

body.dark .ui-datatable-empty-message td {
	color: rgba(255,255,255,0.7);
}

body.dark .form-group small {
	color: rgba(255,255,255,0.7);
}

.ui-today-button,
.ui-clear-button {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.ui-today-button:hover,
.ui-clear-button:hover,
.ui-today-button:focus,
.ui-clear-button:focus {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5;
}

.ui-today-button .ui-button-text,
.ui-clear-button .ui-button-text {
	padding: 0;
}

body.dark .btn-light,
body.dark .ui-today-button,
body.dark .ui-clear-button {
	color: #fff;
	background-color: rgba(255,255,255,0.3);
	border-color: rgba(255,255,255,0.4);
}

body.dark .btn-light:hover,
body.dark .btn-light:focus {
	color: #fff;
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.3);
}

body.dark .ui-dialog,
body.dark .ui-dialog-content,
body.dark .ui-dialog-buttonpane,
body.dark .ui-confirm-dialog {
	background: #132a3f;
}

body.dark .ui-dialog-content hr {
	border-color: rgba(255,255,255,0.2);
}

body.dark .ui-dialog-titlebar {
	color: #fff;
	background: #223c53;
}

body.dark .ui-confirm-dialog-message {
	color: rgba(255,255,255,0.7);
}

.notif-bell-o path {
	fill: #28a745;
}

body.dark .notif-bell-o path {
	fill: #27a644;
}

.notif-check path {
	fill: rgba(32, 67, 82, 0.3);
}

body.dark .notif-check  path {
	fill: rgba(255,255,255,0.3);
}

.ui-dashboard {
	margin-right: -15px;
	margin-left: -15px;
}

.ui-dashboard-column {
	width: 100%;
	max-width: 33.333333%;
	padding-right: 15px;
	padding-left: 15px;
}

@media(max-width: 800px) {
	.ui-dashboard-column {
		max-width: 100%;
		padding-bottom: 0;
	}
}

.ui-dashboard-column .ui-panel .ui-panel-content {
	padding: 0;
}

.ui-dashboard-column .ui-panel-titlebar {
	background: transparent;
	padding: 1rem 1rem 0 1rem;
	border: 0;
}

.ui-dashboard-column .ui-panel-titlebar .ui-panel-title {
	margin: 0;
}

.ui-dashboard-column .ui-sortable-placeholder {
	background: #f0f0f0;
}

body.fun .ui-dashboard-column:nth-child(1) .card:nth-child(2)::after {
	content: "";
	display: block;
	width: 39px;
	height: 64px;
	position: absolute;
	left: 100%;
	bottom: 100%;
	background-image: url("/javax.faces.resource/img/butterfly2.svg.xhtml?v=2.11.0");
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: -14px;
}

@media(max-width: 767px) {
	body.fun .ui-dashboard-column:nth-child(1) .card:nth-child(2)::after {
		left: 95%;
	}
}

body.fun .ui-dashboard-column:nth-child(2) .card:first-child::after {
	content: "";
	display: block;
	width: 39px;
	height: 64px;
	position: absolute;
	right: 100%;
	bottom: 100%;
	background-image: url("/javax.faces.resource/img/butterfly1.svg.xhtml?v=2.11.0");
	background-repeat: no-repeat;
	background-size: contain;
}

body.fun .ui-dashboard-column:nth-child(3) .card:nth-child(2)::after {
	content: "";
	display: block;
	width: 39px;
	height: 64px;
	position: absolute;
	right: 100%;
	bottom: -12px;
	background-image: url("/javax.faces.resource/img/butterfly3.svg.xhtml?v=2.11.0");
	background-repeat: no-repeat;
	background-size: contain;
}

@media(min-width: 1200px) {
	body.fun .btn-fun,
	body.fun .btn-fun2 {
		position: relative;
	}

	body.fun .btn-fun::after {
		content: "";
		display: block;
		width: 62px;
		height: 37px;
		position: absolute;
		left: 100%;
		top: -12px;
		background-image: url("/javax.faces.resource/img/butterfly4.svg.xhtml?v=2.11.0");
		background-repeat: no-repeat;
		background-size: contain;
	}

	body.fun .btn-fun2::after {
		content: "";
		display: block;
		width: 39px;
		height: 64px;
		position: absolute;
		right: 100%;
		top: -57px;
		background-image: url("/javax.faces.resource/img/butterfly1.svg.xhtml?v=2.11.0");
		background-repeat: no-repeat;
		background-size: contain;
	}
}

.btn-plus-minus svg {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	margin-top: -3px;
}

.btn-plus-minus svg path {
	fill: #28a745;
}

.btn-plus-minus:hover svg path {
	fill: #fff;
}

.btn-minus {
	display: none;
}

.btn-no-p .ui-button-text {
	padding: 0;
}

.btn-no-p + .btn-no-p {
	margin-left: 1.25rem;
}

.fullscreen-header {
	color: rgba(32, 67, 82, 0.8);
	border-bottom: 1px solid rgba(32, 67, 82, 0.13);
	background: #fafafa;
	font-size: 13px;
	padding: 0.5rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

body.dark .fullscreen-header {
	color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background: #132a3f;
}

.preview-inbox {
	border-right: 1px solid #c6c6c8;
}

body.dark .preview-inbox {
	border-color: rgba(255,255,255,0.2);
}

.preview-inbox-in {
	border-top: 1px solid #d4d3d7;
	border-bottom: 1px solid #d4d3d7;
}

.preview-inbox-det {
	border-bottom: 1px solid #c6c6c8;
}

body.dark .preview-inbox-in,
body.dark .preview-inbox-det {
	border-color: rgba(255,255,255,0.3);
}

.inbox-heading {
	padding: 1rem 2rem 1rem 0;
	font-weight: 600;
	font-size: 30px;
	color: #204352;
}

.sender-name-left,
.sender-name {
	color: #204352;
}

body.dark .inbox-heading,
body.dark .sender-name-left,
body.dark .sender-name {
	color: #fff;
}

.preview-subject {
	color: #204352;
}

body.dark .preview-subject {
	color: rgba(255,255,255,0.9);
}

.preview-light-text {
	color: rgba(32, 67, 82, 0.6);
}

body.dark .preview-light-text {
	color: rgba(255, 255, 255, 0.5);
}

.preview-avatar {
	width: 3rem;
	height: 3rem;
	background: #ddd;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 3rem;
	margin-right: 1rem;
	background-image: linear-gradient(#a5a9b5, #868a93);
	color: #fff;
}

body.dark .preview-avatar {
	background-image: linear-gradient(#38526A, #223C53);
}

.cms-edit-image-container {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	padding: .375rem .75rem;
}

body.dark .cms-edit-image-container {
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
}

body.dark .cms-edit-image-container svg path,
body.dark .input-group-text svg path,
body.dark .ui-editor-toolbar svg path {
	fill: #fff;
}

.cms-edit-color-container {
	padding: 8px 16px;
	display:inline-block;
	background: #f8f9fa;
	border-radius: 0.25rem;
}

body.dark .cms-edit-color-container {
	background: rgba(255,255,255,0.1);
}

.remaining-emails {
	display: inline-block;
	background: #044d5a;
	color: #fff;
	padding: 0.25rem 0.5rem;
	border-radius: 0.5rem;
	position: absolute;
	top: 0;
	right: 38px;
	font-size: 2rem;
	font-weight: 500;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

.remaining-emails.warning {
	background: #856404;
}

.remaining-emails.error {
	background: #721c24;
}

.no-remaining-emails {
	background: #DC3545;
}

.widget-valid {
	display: block;
	text-align: center;
	font-weight: 300;
	font-size: 0.875rem;
	color: rgba(32, 67, 82, 0.8);
	margin-top: 0.25rem;
}

.widget-valid-no {
	font-weight: 500;
	font-size: 2rem;
	color: #044d5a;
	line-height: 1;
}

.widget-valid-packages {
	text-align: center;
}

.widget-valid-packages .widget-valid-no {
	font-size: 0.875rem;
}

body.dark .widget-valid-no {
	color: #fff;
}

.widget-valid-days {
	font-weight: 300;
	font-size: 0.875rem;
	color: rgba(32, 67, 82, 0.8);
	margin-left: 3px;
}

body.dark .widget-valid,
body.dark .widget-valid-days {
	color: rgba(255,255,255,0.6);
}

.app-tips h2 {
	font-size: 1rem;
	color: #204352;
}

.app-tips .sectionbody {
	font-size: 0.9375rem;
	font-weight: 300;
	color: rgba(32, 67, 82, 0.8);
}

body.dark .app-tips h2 {
	color: #fff;
}

body.dark .app-tips .sectionbody {
	color: rgba(255,255,255,0.6);
}

.app-tips .sectionbody p {
	margin-bottom: 0.5rem;
}

.app-tips ul li ul {
	display: none;
}

.app-tips ul {
	list-style: none;
	padding-left: 8px;
}

.app-tips ul li {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%23044d5a' d='M1024 640q79 0 149 30t122.5 82.5T1378 875t30 149q0 80-30 149.5t-82.5 122T1173 1378t-149 30q-80 0-149.5-30t-122-82.5-82.5-122-30-149.5q0-79 30-149t82.5-122.5 122-82.5 149.5-30z'/%3e%3c/svg%3e");
	background-size: 1.25rem;
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 30px;
}

.app-tips ul li:nth-child(2) {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%23116372' d='M1024 640q79 0 149 30t122.5 82.5T1378 875t30 149q0 80-30 149.5t-82.5 122T1173 1378t-149 30q-80 0-149.5-30t-122-82.5-82.5-122-30-149.5q0-79 30-149t82.5-122.5 122-82.5 149.5-30z'/%3e%3c/svg%3e");
}

.app-tips ul li:nth-child(3) {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%23237888' d='M1024 640q79 0 149 30t122.5 82.5T1378 875t30 149q0 80-30 149.5t-82.5 122T1173 1378t-149 30q-80 0-149.5-30t-122-82.5-82.5-122-30-149.5q0-79 30-149t82.5-122.5 122-82.5 149.5-30z'/%3e%3c/svg%3e");
}

.app-tips ul li:nth-child(4) {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%233b8896' d='M1024 640q79 0 149 30t122.5 82.5T1378 875t30 149q0 80-30 149.5t-82.5 122T1173 1378t-149 30q-80 0-149.5-30t-122-82.5-82.5-122-30-149.5q0-79 30-149t82.5-122.5 122-82.5 149.5-30z'/%3e%3c/svg%3e");
}

.app-tips ul li:nth-child(5) {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%2363a7b4' d='M1024 640q79 0 149 30t122.5 82.5T1378 875t30 149q0 80-30 149.5t-82.5 122T1173 1378t-149 30q-80 0-149.5-30t-122-82.5-82.5-122-30-149.5q0-79 30-149t82.5-122.5 122-82.5 149.5-30z'/%3e%3c/svg%3e");
}

.app-tips svg {
	width: 100%;
	height: auto;
	padding: 0 2rem 1.5rem;
	max-width: 160px;
	margin: auto;
	display: block;
}

.app-tips svg.icon-tip {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: -3px 0 0 0;
	padding: 0;
}

.app-tips svg.svg-200 {
	max-width: 200px;
}

.app-tips em,
.app-tips strong,
.widget-strong {
	font-style: normal;
	font-weight: 500;
	color: #204352;
}

body.dark .app-tips em,
body.dark .app-tips strong,
body.dark .widget-strong {
	color: #fff;
}

.app-tips a {
	color:#1e7e34;
}

body.dark .app-tips a {
	color:#27a644;
}

.app-tips a:hover,
.app-tips a:focus {
	color:#09621d;
}

.dialog-widgets {
	max-width: 90vw;
}

@media (min-width: 1280px) {
	.dialog-widgets {
		max-width: 1120px;
	}
}

.no-variables {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 533.876 533.876' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m408.749 533.876h-283.622c-68.995 0-125.127-56.132-125.127-125.127v-283.622c0-68.995 56.132-125.127 125.127-125.127h283.622c68.995 0 125.127 56.132 125.127 125.127v283.622c0 68.995-56.132 125.127-125.127 125.127zm-283.622-492.167c-45.997 0-83.418 37.421-83.418 83.418v283.622c0 45.997 37.421 83.418 83.418 83.418h283.622c45.997 0 83.418-37.421 83.418-83.418v-283.622c0-45.997-37.421-83.418-83.418-83.418zm-5.064 400.555 321.16-321.16c8.144-8.145 8.144-21.349 0-29.492-8.145-8.145-21.35-8.145-29.493 0l-321.16 321.16c-8.144 8.145-8.144 21.349 0 29.492 4.072 4.072 9.41 6.108 14.746 6.108s10.674-2.036 14.747-6.108z' fill='%23627b86'/%3E%3C/svg%3E");
	background-size: 2rem 2rem;
	background-position: 50% 0;
	background-repeat: no-repeat;
	margin-top: 3rem;
	margin-bottom: 1rem;
	text-align: center;
	padding-top: 3rem;
	color: rgba(32, 67, 82, 0.8);
}

.col-subs,
.col-senders {
	border:1px solid #ddd;
	padding: 2rem;
	position: relative;
}

body.dark .col-subs,
body.dark .col-senders {
	border-color: rgba(255,255,255,0.2);
}

body.fun .col-subs,
body.fun .col-senders {
	background: #fff;
}

.col-subs:not(:first-child),
.col-senders:not(:first-child){
	border-left: 0;
}

.col-subs:nth-child(2),
.col-senders.active {
	box-shadow: 0 0 25px rgba(0,0,0,0.2);
	z-index: 1;
}

body.dark .col-senders.active {
	box-shadow: 0 0 25px rgba(255,255,255,0.2);
}

.col-senders.buy,
body.fun .col-senders.buy {
	background: #4c6874;
}

.col-senders.buy strong {
	color: #fff;
}

body.dark .col-senders.buy {
	background: #355360;
}

@media (max-width: 767px) {
	.col-subs:not(:first-child),
	.col-senders:not(:first-child){
		border-left: 1px solid #ddd;
		border-top: 0;
	}
}

span.top {
	position: absolute;
	right: 0rem;
	top: 0rem;
	width: 3rem;
	height: 3rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23026F1A' points='0,0 64,0 64,64 '/%3E%3Cpath fill='%23FFFFFF' d='M30.7,4.1c0.7,0.5,1.9,1.5,3,2.6C35,8,35.7,9,36,10.1c0.3,1,0.1,2.1-0.7,3c-0.8,0.8-2.1,1.1-3.6,0.5l0,0 c0.8,1.4,0.8,3-0.5,4.2c-0.9,0.9-1.9,1.1-3,1c-1.2-0.1-2.7-1-4.6-2.9c-1.1-1.1-1.8-1.9-2.2-2.5L30.7,4.1z M25,14.2 c0.2,0.2,0.4,0.5,0.8,0.9c1,1,2.2,1.5,3.2,0.5c1-1,0.5-2.2-0.6-3.3l-0.7-0.7L25,14.2z M29.2,9.9l0.7,0.7c1.1,1.1,2.2,1.3,2.9,0.6 c0.7-0.7,0.6-1.7-0.4-2.6c-0.5-0.5-0.8-0.7-1-0.9L29.2,9.9z'/%3E%3Cpath fill='%23FFFFFF' d='M39.6,23.7l-3.5-3.5l-2.3,2.3l3.9,3.9l-1.8,1.8l-6.1-6.1l9.5-9.5l5.9,5.9l-1.8,1.8l-3.7-3.7l-2,2l3.5,3.5 L39.6,23.7z'/%3E%3Cpath fill='%23FFFFFF' d='M39.7,27.5c0.3,0.9,0.9,2.1,1.8,3c1,1,1.9,1.1,2.5,0.5c0.6-0.6,0.5-1.4-0.3-2.9c-1-2.1-1.2-4,0.2-5.4 c1.6-1.6,4.2-1.5,6.5,0.7c1.1,1.1,1.6,2.1,2,2.9l-2.2,1.3C50,26.9,49.6,26,48.7,25s-1.8-1-2.3-0.5c-0.6,0.6-0.3,1.4,0.4,3.1 c1.1,2.3,1,4-0.4,5.3c-1.6,1.6-4.2,1.7-6.8-0.9c-1.1-1.1-1.9-2.4-2.1-3.3L39.7,27.5z'/%3E%3Cpath fill='%23FFFFFF' d='M54.6,31.4L52,28.8l1.8-1.8l7.3,7.3l-1.8,1.8l-2.6-2.6L49,41.3l-2.2-2.2L54.6,31.4z'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.imgBgCross {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='16' fill='%23555555' width='16' height='16'/%3E%3Crect y='16' fill='%23555555' width='16' height='16'/%3E%3C/svg%3E%0A");
	background-size: 1rem 1rem;
	background-repeat: repeat;
	background-position: 0 0;
}

.ui-paginator .ui-paginator-rpp-options {
	padding: 5px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: rgba(32, 67, 82, 1);
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.timeline-item {
	display: flex;
}
.timeline-date {
	color: rgba(32, 67, 82, 0.8);
	font-size: 0.8125rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	position: relative;
	padding-right: 1rem;
	width: 200px;
	text-align: right;
}
.timeline-date::after {
	content: "";
	display: block;
	width: 0.75rem;
	height: .75rem;
	border-radius: 50%;
	background: rgba(32, 67, 82, 1);
	position: absolute;
	right: -0.4375rem;
	top: 1px;
}

body.dark .timeline-date {
	color: rgba(255,255,255,0.7);
}

body.dark .timeline-date::after {
	background: #fff;
}

.timeline-line {
	border-left: 2px solid #e0e0e0;
}
.timeline-desc {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 0.5rem 1rem;
	margin-left: 1.25rem;
	border: 1px solid #e0e0e0;
	flex-grow: 1;
	flex-shrink: 200;
	border-radius: 0.25rem;
	position: relative;
}
body.fun .timeline-desc {
		background: #fff;
}
body.dark .timeline-desc {
	border: 1px solid rgba(255,255,255,0.5);
}
.timeline-desc::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-right-color: #e0e0e0;
	position: absolute;
	top: 0;
	right: 100%;
}
.timeline-header {
	font-size: 500;
	color: #204352;
	display: block;
}

body.dark .timeline-header {
	color: #fff;
}

.timeline-source {
	color: rgba(32, 67, 82, 0.8);
	font-size: 0.8125rem;
}
body.dark .timeline-source {
	color: rgba(255,255,255,0.7);
}
.timeline-desc.active {
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	border-color: rgba(32, 67, 82, 0.5);
}
body.dark .timeline-desc.active {
	border: 1px solid rgba(255,255,255,1);
}

body.dark .timeline-desc::after {
	border-right-color: #fff;
}

.timeline-desc.active .timeline-header {
	font-weight: 600;
}
.timeline-desc.active::after {
	border-right-color: rgba(32, 67, 82, 0.5);
}

td.nowrap {
	white-space: nowrap;
}

.modal .modal-header {
	background: #e9ecef;
}

body.dark .modal .modal-header {
	background: #223c53;
	border-color: rgba(255,255,255,0.3);
}

body.dark .modal-footer {
	border-color: rgba(255,255,255,0.3);
}

body.dark .modal .modal-content {
	background: #07192a;
}

.modal-xxl {
	max-width: calc(100% - 3.5rem);
}

.thumbnail iframe {
	width: 900px;
	height: 900px;
}

.thumbnail {
	position: absolute;
	-ms-zoom: 0.12;
	-moz-transform: scale(0.12);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.12);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.12);
	-webkit-transform-origin: 0 0;
	transform: scale(0.12);
}

.ui-dialog-content .thumbnail{
	-ms-zoom: 0.275;
	-moz-transform: scale(0.275);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.275);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.275);
	-webkit-transform-origin: 0 0;
	transform: scale(0.275);
}

.ui-dialog-content .thumbnail-detail .thumbnail {
	-ms-zoom: 0.4;
	-moz-transform: scale(0.4);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.4);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.4);
	-webkit-transform-origin: 0 0;
	transform: scale(0.4);
}

/*.thumbnail::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}*/

.thumbnail-container {
	width: calc(900px * 0.12);
	height: calc(900px * 0.12);
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.ui-dialog-content .thumbnail-container {
	width: calc(900px * 0.275);
	height: calc(900px * 0.275);
}

.ui-dialog-content .thumbnail-container.thumbnail-detail {
	width: calc(900px * 0.4);
	height: calc(900px * 0.4);
}

.thumbnail iframe {
	opacity: 0;
	transition: all 300ms ease-in-out;
}

@keyframes rotate {
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}

.thumb-spinner {
	animation-name: rotate;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	width:100%;
	height: auto;
	padding:6rem;
	position: absolute;
	left: 0;
	top: 0;
}

.thumb-spinner path {
	fill: #627b86;
}

body.dark .thumb-spinner path {
	fill: #ffffff;
}

.btn-icon-svg {
	width:16px;
	height:16px;
	margin-right: 0.5rem;
	margin-top: -2px;
}

.btn-icon-svg path {
	fill: #fff;
}

.subscription-package-option {
	display:block;
	color:#204352;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	font-weight: 500;
	font-size: 1.125rem;
}

body.dark .subscription-package-option {
	color: #fff;
}

.subscription-available-emails,
.subscription-package-price {
	color:#204352;
	font-weight: 500;
}

body.dark .subscription-available-emails,
body.dark .subscription-package-price {
	color:#fff;
}

.subscription-plan-available-emails {
	display:block;
	font-size: 2rem;
	color:#204352;
}

body.dark .subscription-plan-available-emails {
	color:#fff;
}

.subscription-period {
	color:#5d666f;
	font-size: 16px;
}

body.dark .subscription-period {
	color:rgba(255,255,255,0.5);
}

.subscription-name {
	color:#27a644;
	font-weight:500;
	display:block;
}

.subscription-form {
	max-width: 830px;
	padding: 2rem;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	margin: auto;
}

body.dark .subscription-form {
	box-shadow: none;
	border: 1px solid rgba(255,255,255,0.2);
	background-color: rgba(255,255,255,0.05);
}

body.fun .subscription-form {
	background-color: #fff;
}

body.fun label.bee2 {
		display: block;
		position: relative;
}

body.fun label.bee2::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -30px;
	width: 150px;
	height: 150px;
	background-image: url("/javax.faces.resource/img/bee2.svg.xhtml?v=2.11.0");
	background-position: 100% 100%;
	background-size: auto 150px;
	background-repeat: no-repeat;
	z-index: 1;
}

.bt-0,
.table td.bt-0 {
	border-top: 0;
}

.icon1svg {
	width: 0.875rem;
	height: 0.875rem;
	margin-right: 0.25rem;
	margin-top: -2px;
}

.icon2svg {
	width: 1rem;
	height: 1rem;
	margin-right: 0.5rem;
}

.icon1svg path,
.icon2svg path {
	fill: #6c757d;
}

body.dark .icon1svg path,
body.dark .icon2svg path {
	fill: #bbc4c8;
}

.icon-eye {
	width:1rem;
	height:1rem;
	margin-top: -2px;
}

.icon-eye path {
	fill: #333;
}

body.dark .icon-eye path {
	fill: #fff;
}

.icon-spinner {
	animation-name: rotate;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

.icon-danger path {
	fill: #dc3545;
}

.carousel-tutorial .carousel-control-next,
.carousel-tutorial .carousel-control-prev {
	opacity: 1;
	align-items: flex-end;
	bottom: 1rem;
}

.carousel-tutorial .carousel-control-next {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z'/%3e%3c/svg%3e");
	background-size: 2rem 2rem;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.carousel-tutorial .carousel-control-prev {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 19.03125 4.28125 L 8.03125 15.28125 L 7.34375 16 L 8.03125 16.71875 L 19.03125 27.71875 L 20.46875 26.28125 L 10.1875 16 L 20.46875 5.71875 Z'/%3e%3c/svg%3e");
	background-size: 2rem 2rem;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.carousel-tutorial .carousel-indicators li {
	background-color:  #95a5a6;
}

.carousel-tutorial .image {
	display: none;
}

.link-widget:hover,
.link-widget:focus {
	text-decoration: none;
}

.link-widget:hover .widget-valid {
	color: #28a744;
}

.link-widget:hover .widget-valid-no {
	color: #128c2d;
}

.tip-link {
	display: block;
	font-size: 0.8125rem;
	margin-bottom: 0.5rem;
	padding-left: 1.6125rem;
	background-position: left 2px;
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
}

@media (max-width: 767px) {
	.tip-link {
		background-size: 0.5rem 0.5rem;
		padding-left: 0.8125rem;
		background-position: left 5px;
	}
	.app-tips .sectionbody {
		font-size: 0.75rem;
	}
}

.tip-link.active-tip {
	font-weight: 600;
}

.tip-cat-REPORTS {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 16 3 C 8.832031 3 3 8.832031 3 16 C 3 23.167969 8.832031 29 16 29 C 23.167969 29 29 23.167969 29 16 C 29 8.832031 23.167969 3 16 3 Z M 14.875 5.0625 C 14.917969 5.058594 14.957031 5.066406 15 5.0625 L 15 16.40625 L 15.28125 16.71875 L 23.0625 24.46875 C 21.15625 26.0625 18.6875 27 16 27 C 9.914063 27 5 22.085938 5 16 C 5 10.292969 9.320313 5.625 14.875 5.0625 Z M 17 5.0625 C 22.285156 5.539063 26.460938 9.714844 26.9375 15 L 17 15 Z M 18.4375 17 L 26.9375 17 C 26.730469 19.292969 25.863281 21.394531 24.46875 23.0625 Z'/%3e%3c/svg%3e");
}

.tip-cat-MAILSHOT_RESPONSE {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3ctitle%3eionicons-v5-q%3c/title%3e%3ccircle cx='256' cy='256' r='208' style='fill:none%3bstroke:%23627b86%3bstroke-linecap:round%3bstroke-linejoin:round%3bstroke-width:32px'/%3e%3cpath d='M461.43%2c271.44c-5.09.37-8.24.56-13.43.56-114.88%2c0-208-93.12-208-208%2c0-5.37.2-8.69.6-14' style='fill:none%3bstroke:%23627b86%3bstroke-linecap:round%3bstroke-linejoin:round%3bstroke-width:32px'/%3e%3cpath d='M49.65%2c240.56S58.84%2c240%2c64%2c240c114.88%2c0%2c208%2c93.12%2c208%2c208%2c0%2c5.38-.61%2c14-.61%2c14' style='fill:none%3bstroke:%23627b86%3bstroke-linecap:round%3bstroke-linejoin:round%3bstroke-width:32px'/%3e%3c/svg%3e");
}

.tip-cat-RECIPIENTS,
.tip-cat-LISTS {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%23627b86' d='M1764 1589q65 32 117.5 80.5T1971 1778t57 129 20 141h-128q0-79-30-149t-82.5-122.5T1685 1694t-149-30q-80 0-149.5 30t-122 82.5T1182 1899t-30 149h-128q0-67 17.5-132t50.5-124H768v128q0 40-21.5 71t-57.5 47q-21 10-49 10-53 0-91-38l-293-293V0h1280q26 0 49.5 10t41 27.5 27.5 41 10 49.5v790q57 20 104.5 56.5t81 84 52 104T1920 1280q0 92-41 173t-115 136zm28-309q0-53-20-99.5t-55-81.5-81.5-55-99.5-20-99.5 20-81.5 55-55 81.5-20 99.5 20 99.5 55 81.5 81.5 55 99.5 20 99.5-20 81.5-55 55-81.5 20-99.5zM640 1568q0-45 9.5-77.5t23.5-58 31-45.5 31-40.5 23.5-44 9.5-54.5V603L384 219v1445l256 256v-352zm557 96q51-45 111-75-74-55-115-136t-41-173q0-79 30-149t82.5-122.5 122-82.5 149.5-30V128H475l384 384q18 18 27.5 41.5T896 603v645q0 45-9.5 77.5t-23.5 58-31 45.5-31 40.5-23.5 44-9.5 54.5v96h429z'/%3e%3c/svg%3e");
}

.tip-cat-MAILSHOTS,
.tip-cat-MAILSHOSTS {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%23627b86' d='M2048 384v1280H0V384h2048zM143 512l881 441 881-441H143zm1777 1024V648l-896 447-896-447v888h1792z'/%3e%3c/svg%3e");
}

.tip-cat-DASHBOARD {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3e%3cpath fill='%23627b86' d='M2048 0v2048H0V0h2048zm-128 128h-640v512h640V128zm-640 1152h640V768h-640v512zM128 128v1152h1024V128H128zm0 1792h640v-512H128v512zm1792 0v-512H896v512h1024z'/%3e%3c/svg%3e");

}

.tip-cat-ACCOUNT,
.tip-cat-SETTINGS {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill='%23627b86' d='M6 1.5v.875c-.186.062-.38.136-.563.22l-.625-.626c-.614-.616-1.502-.567-2.093 0L2 2.655c-.59.563-.544 1.612-.03 2.125l.624.657c-.084.188-.156.37-.22.563H1.5C.678 6 0 6.677 0 7.5v1C0 9.322.678 10 1.5 10h.906c.06.17.112.335.188.5l-.625.656c-.445.466-.608 1.486.03 2.124l.72.72c.578.578 1.513.578 2.092 0 .2-.2.43-.42.625-.626.18.086.373.15.563.22v.905c0 .822.678 1.5 1.5 1.5h1c.822 0 1.5-.678 1.5-1.5v-.907c.19-.07.383-.132.563-.22.15.183.422.424.624.626.58.578 1.515.578 2.094 0l.72-.72c.572-.57.58-1.574.033-2.122-.295-.295-.627-.658-.627-.658.076-.164.128-.33.188-.5h.906c.822 0 1.5-.678 1.5-1.5v-1c0-.822-.678-1.5-1.5-1.5h-.875c-.063-.192-.135-.375-.22-.562l.626-.657c.52-.543.536-1.558-.03-2.124l-.72-.687c-.68-.653-1.585-.508-2.092 0l-.626.624c-.183-.082-.376-.157-.562-.22V1.5C10 .678 9.322 0 8.5 0h-1C6.675 0 6 .677 6 1.5zM8.5 1c.286 0 .5.214.5.5v1.22c.007.213.167.414.375.467.39.112.747.26 1.063.438.19.1.444.06.593-.094l.845-.843c.225-.225.528-.19.72 0l.717.688c.257.245.14.51-.03.687l-.845.875c-.144.157-.17.41-.062.594.184.33.326.696.438 1.095.053.207.254.368.468.375h1.22c.286 0 .5.214.5.5v1c0 .285-.214.5-.5.5h-1.22c-.206 0-.403.147-.467.343-.11.384-.256.737-.438 1.063-.11.183-.082.437.063.594l.874.875c.205.204.205.483 0 .687l-.718.72c-.196.194-.485.177-.688 0l-.844-.876c-.16-.16-.435-.186-.624-.062-.336.188-.693.332-1.063.437-.218.057-.382.276-.375.5v1.22c0 .286-.214.5-.5.5h-1c-.286 0-.5-.214-.5-.5v-1.22c.007-.224-.157-.443-.375-.5-.37-.104-.727-.248-1.063-.436-.19-.124-.463-.097-.625.062l-.843.875c-.203.18-.492.196-.688 0l-.72-.718c-.203-.204-.203-.483.002-.687L3.562 11c.145-.157.172-.41.063-.594-.182-.326-.328-.68-.438-1.063-.064-.196-.26-.34-.468-.343H1.5c-.286 0-.5-.215-.5-.5v-1c0-.286.214-.5.5-.5h1.22c.213-.01.414-.167.467-.375.112-.4.254-.766.438-1.094.11-.182.082-.436-.063-.593l-.843-.875c-.25-.25-.168-.552-.033-.687l.72-.688c.23-.22.545-.173.718 0l.844.844c.148.155.403.196.593.095.315-.177.67-.326 1.062-.438.208-.054.368-.254.375-.468V1.5c0-.286.22-.5.5-.5zM8 5C6.35 5 5 6.35 5 8s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zm0 1c1.11 0 2 .89 2 2 0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2z'/%3e%3c/svg%3e");

}

.tip-cat-MISC {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 16 4 C 11.042969 4 7 8.042969 7 13 C 7 14.917969 7.84375 16.90625 9 18.6875 C 9.859375 20.011719 10.886719 21.230469 12 22.15625 L 12 25 C 12 26.09375 12.90625 27 14 27 L 15 28 L 17 28 L 18 27 C 19.09375 27 20 26.09375 20 25 L 20 22.15625 C 21.113281 21.230469 22.140625 20.011719 23 18.6875 C 24.15625 16.90625 25 14.917969 25 13 C 25 8.042969 20.957031 4 16 4 Z M 16 6 C 19.878906 6 23 9.121094 23 13 C 23 14.308594 22.355469 16.035156 21.34375 17.59375 C 20.441406 18.984375 19.253906 20.222656 18.15625 21 L 13.84375 21 C 12.746094 20.222656 11.558594 18.984375 10.65625 17.59375 C 9.644531 16.035156 9 14.308594 9 13 C 9 9.121094 12.121094 6 16 6 Z M 14.25 23 L 17.75 23 C 17.828125 23.054688 17.910156 23.09375 18 23.125 L 18 25 L 14 25 L 14 23.125 C 14.089844 23.09375 14.171875 23.054688 14.25 23 Z'/%3e%3c/svg%3e");
	background-size: 1.125rem;
	background-position-x: -1px;
}

.tip-cat-SUBSCRIPTION {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 5 6 C 3.355469 6 2 7.355469 2 9 L 2 23 C 2 24.644531 3.355469 26 5 26 L 27 26 C 28.644531 26 30 24.644531 30 23 L 30 9 C 30 7.355469 28.644531 6 27 6 Z M 5 8 L 27 8 C 27.566406 8 28 8.433594 28 9 L 28 11 L 5 11 L 5 13 L 28 13 L 28 23 C 28 23.566406 27.566406 24 27 24 L 5 24 C 4.433594 24 4 23.566406 4 23 L 4 9 C 4 8.433594 4.433594 8 5 8 Z'/%3e%3c/svg%3e");
}

.selectbox-text .ui-chkbox-label {
	color: #204352;
}

body.dark .selectbox-text .ui-chkbox-label {
	color: rgba(255,255,255,0.7);
}

body.dark .ui-chkbox .ui-chkbox-label {
	color: rgba(255,255,255,0.9);
}

.carousel .column-image {
	margin-bottom: 60px;
	height:360px;
}

.carousel .column-image > div {
	position: relative;
}

@keyframes bounce {
	0% {transform: scale(1);}
	50% {transform: scale(1.3);}
	100% {transform: scale(1);}
}

.carousel .column-image > div > span {
	display: inline-block;
	height: 60px;
	width: 60px;
	border: 6px solid rgba(0,0,0,0.3);
	border-radius: 50%;
	position: absolute;
	animation-name: bounce;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

body.dark .carousel .column-image > div > span {
	border-color: rgba(255,255,255,0.3);
}

/* intro */
.carousel-tutorial .carousel-item:nth-child(1) .column-image > div > span {
	display:none;
}

/* dashboard 2 */
.carousel-tutorial .carousel-item:nth-child(2) .column-image > div > span {
	left:161px;
	top:0;
}

/* context menu 3 */
.carousel-tutorial .carousel-item:nth-child(3) .column-image > div > span {
	left:236px;
	top:60px;
}

/* step back 4 */
.carousel-tutorial .carousel-item:nth-child(4) .column-image > div > span {
	left:24px;
	top:12px;
}

/* history 5 */
.carousel-tutorial .carousel-item:nth-child(5) .column-image > div > span {
	left:178px;
	top:20px;
}

/* notification 6 */
.carousel-tutorial .carousel-item:nth-child(6) .column-image > div > span {
	left:333px;
	top:0px;
}

/* themes 7 */
.carousel-tutorial .carousel-item:nth-child(7) .column-image > div > span {
	left:60px;
	top:0px;
}

/* subscription 8 */
.carousel-tutorial .carousel-item:nth-child(8) .column-image > div > span {
	left:80px;
	top:110px;
}

/* data structure 9-11 */
.carousel-tutorial .carousel-item:nth-child(9) .column-image > div > span,
.carousel-tutorial .carousel-item:nth-child(10) .column-image > div > span,
.carousel-tutorial .carousel-item:nth-child(11) .column-image > div > span {
	display:none;
}

@media (max-width: 767px) {
	.carousel .column-image > div > span {
		width: 30px;
		height: 30px;
		border-width: 3px;
	}
	.carousel-tutorial .carousel-item:nth-child(2) .column-image > div > span {
		left:94px;
		top:4px;
	}
	.carousel-tutorial .carousel-item:nth-child(3) .column-image > div > span {
		left:162px;
		top:43px;
	}
	.carousel-tutorial .carousel-item:nth-child(4) .column-image > div > span {
		left: 85px;
		top: 58px;
		width: 50px;
		height: 50px;
	}
	.carousel-tutorial .carousel-item:nth-child(5) .column-image > div > span {
		left: 181px;
		top: 31px;
	}
	.carousel-tutorial .carousel-item:nth-child(6) .column-image > div > span {
		left: 255px;
		top: 5px;
	}
	.carousel-tutorial .carousel-item:nth-child(7) .column-image > div > span {
		left: 54px;
		top: 5px;
	}
	.carousel-tutorial .carousel-item:nth-child(8) .column-image > div > span {
		left: 73px;
		top: 47px;
	}
}

.carousel-tutorial em {
	font-style: normal;
	font-weight: 500;
	color: #204352;
}

body.dark .carousel-tutorial em {
	color: #fff;
}

@media(max-width: 767px) {
	.carousel .column-image {
		margin-bottom: 0;
		height:200px;
	}
	.carousel .column-image img {
		max-height:200px;
		width: auto !important;
	}
	.carousel .column-text,
	.carousel .column-last {
		margin-bottom: 60px;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

h6.card-subtitle {
	font-size: 0.8125rem;
}

.widget-valid-days,
.widget-devices {
	font-size: 0.75rem;
}

.widget-big {
	font-size: 1rem;
}

#worldOverviewBars td {
	font-size: 0.8125rem;
}

.step-item h5 {
	font-weight: 400;
}

.widget-valid-packages .widget-valid-no {
	font-size: 0.75rem;
}

tr td span.name-column {
	color: #008824;
	font-weight: 500;
}

tr.package-used {
	opacity: 0.5;
}

tr.package-used td span.name-column {
	color: #37b654;
}

.d-filter > div {
	margin-right: 0.5rem;
}

.d-filter > div:last-child {
	margin-right: 0;
}

@media(max-width: 767px) {
	.d-filter {
		flex-direction: column;
	}
	.d-filter > div {
		margin-right: 0;
		width: 100%;
	}
}

.sender-type {
	font-weight: 500;
	color:#204352;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

body.dark .sender-type {
	color: #fff;
}

.col-senders strong {
	color: #204352;
}

body.dark .col-senders strong {
	color: #fff;
}

.w400 {
	font-weight: 400;
}

.showOnlyFive .ui-selectonemenu-item:nth-child(1),
.showOnlyFive .ui-selectonemenu-item:nth-child(2),
.showOnlyFive .ui-selectonemenu-item:nth-child(3),
.showOnlyFive .ui-selectonemenu-item:nth-child(4),
.showOnlyFive .ui-selectonemenu-item:nth-child(5) {
	display: table-row;
}

.showOnlyFive .ui-selectonemenu-item {
	display: none;
}

.clickUrl {
	display: block;
	font-size: 0.8125rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: rgba(32, 67, 82, 0.6);
}

body.dark .clickUrl {
	color: rgba(255, 255, 255, 0.4);
}

.bar-container {
	border-left: 1px solid #dee2e6;
}
body.dark .bar-container {
	border-color: rgba(255,255,255,0.5);
}
.bar-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bar-line {
	height: 8px;
}
.bar-number {
	font-size: 0.75rem;
	color: rgba(32, 67, 82, 0.8);
	font-weight: 300;
	padding-left: 0.5rem;
	line-height: 1.1;
}
body.dark .bar-number {
	color: rgba(255, 255, 255, 0.7);
}
.ui-datatable tbody .row-with-header .bar-container,
.ui-datatable tbody .row-with-header .stats-container {
	margin-top: 2rem;
}
.report-left,
.report-right {
	width: 50%;
}

.list-history {
	box-shadow: none;
}
.list-history ul {
	list-style: none;
	padding-left: 0;
}
.list-history ul li {
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.list-history ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border:0;
}

.ui-tooltip {
	font-size: 0.8125rem;
}

.border-left-divider {
	border-left: 1px solid #e0e0e0;
}

body.dark .border-left-divider {
	border-left: 1px solid rgba(255,255,255,0.3);
}

@media(max-width: 767px) {
	.bar-container {
		display: none;
	}
	.report-left,
	.report-right {
		width: 100%;
		display: block;
	}
	.report-container-items {
		flex-direction: column;
	}
	.hide-mobile-footer tfoot {
		display: none;
	}
	.input-sender-edit {
		width: 100%;
	}
	.input-sender-edit .input-group-text {
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}
}

.btn {
	border-radius: 1.25rem;
}

.btn-lg {
	border-radius: 1.5rem;
}

.btn-sm {
	border-radius: 1rem;
}

.btn-orange {
	background: #fbc247;
	border-color: transparent;
	color: #fff;
}

.btn-orange:hover,
.btn-orange:focus {
	background: #ecaa1a;
	border-color: transparent;
	color: #fff;
}

.btn-magenta {
	background: #b62b6f;
	border-color: transparent;
	color: #fff;
}

.btn-magenta:hover,
.btn-magenta:focus {
	background: #981354;
	border-color: transparent;
	color: #fff;
}

.form-control {
	border-radius: 1rem;
	height: calc(1.5em + 1rem + 2px);
	line-height: 1.75rem;
}

.input-group-append.input-sender-edit .form-control {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-append.input-sender-edit .input-group-text:last-child {
	border-top-right-radius: 1rem !important;
	border-bottom-right-radius: 1rem !important;
}

.input-group-text {
	border-radius: 1rem;
}

.ui-datepicker-trigger.ui-button,
.pe-timepicker-trigger.ui-button {
	border-radius: 0.75rem;
}

.pe-timepicker-trigger.ui-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.ui-calendar .ui-inputfield.ui-state-disabled {
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

.ui-spinner-up {
	border-top-right-radius: 1rem;
}

.ui-spinner-down {
	border-bottom-right-radius: 1rem;
}

.ui-paginator .ui-paginator-first {
	border-top-left-radius: 1.25rem;
	border-bottom-left-radius: 1.25rem;
}

.ui-paginator .ui-paginator-last {
	border-top-right-radius: 1.25rem;
	border-bottom-right-radius: 1.25rem;
}

.ui-button.ui-fileupload-upload,
.ui-button.ui-fileupload-choose {
	border-radius: 1.25rem;
}

.nav-pills .nav-link {
	border-radius: 1.25rem;
}

.dropdown-menu,
.ui-overlaypanel.hide-dropdown {
	border-radius: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.ui-button-icon-left {
	left: .75rem;
}

.termofuse h1 {
	display: none;
}
.termofuse h2 {
	font-size: 1.5rem;
	margin-top: 2rem;
}
.termofuse .sect1:first-child h2 {
	margin-top: 0.5rem;
}
.termofuse .sect2 h3 {
	margin-top: 3rem;
	font-size: 1.125rem;
}
.termofuse h4 {
	font-size: 1rem;
	margin-top: 2rem;
}
.termofuse a {
	color: #1e7e34;
	font-weight: 500;
	text-decoration: underline;

}
.termofuse a:hover,
.termofuse a:focus {
	color: #09621d;
}
.termofuse.lighter strong,
.termofuse.lighter b {
	color: #204352;
}

.ql-container {
	font-size: 1rem;
	font-family: 'Inter', sans-serif;
}

.ql-toolbar.ql-snow {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-color: #ced4da;
}

.ql-container.ql-snow {
	border-color: #ced4da;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.ql-snow .ql-tooltip {
	left: 50% !important;
	margin-left: -165px;
}

body.dark .ql-snow .ql-tooltip {
	background: #132a3f;
	color: #fff;
	box-shadow: none;
	border-color: rgba(255,255,255,0.3);
}

body.dark .ql-toolbar.ql-snow,
body.dark .ql-container.ql-snow {
	border-color: rgba(255,255,255,0.3);
}

body.dark .ql-editor {
	color: #fff;
	background-color: rgba(255,255,255,0.1);
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

body.dark .ql-editor p {
	color: #fff;
}

body.dark .ql-snow a {
	color: #007bff;
}

body.dark .ql-snow a.ql-action,
body.dark .ql-snow a.ql-remove {
	color: #fff;
}

.ql-snow a.ql-action:hover,
.ql-snow a.ql-remove:hover {
	color: #27a644;
}

body.dark .ql-snow .ql-stroke {
	stroke: rgba(255,255,255,0.8);
}

.form-control.som-gallery {
	min-width: 0 !important;
}

@media(max-width: 767px) {
	.mobile-ellipsis {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.ui-fileupload-buttonbar .ui-button {
		padding: .9rem 1rem .9rem 1.5rem;
	}
}

.ck.ck-balloon-panel_with-arrow {
	z-index: 10000 !important;
}

.ck-rounded-corners .ck .ck.ck-toolbar {
	border-color: #ced4da;
	border-top-left-radius: 1rem !important;
	border-top-right-radius: 1rem !important;
}

.ck .ck.ck-editor__main > .ck-editor__editable {
	border-bottom-left-radius: 1rem !important;
	border-bottom-right-radius: 1rem !important;
}

.ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
	border-color: #ced4da;
}

body.dark .ck-rounded-corners .ck .ck.ck-toolbar,
body.dark .ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){
	border-color: rgba(255,255,255,0.3);
}

body.dark .ck.ck-editor__main > .ck-editor__editable {
	background: rgba(255,255,255,0.1);
}

body.dark .ck.ck-toolbar {
	background: rgba(255,255,255,0.2);
}

body.dark .ck.ck-toolbar .ck.ck-icon path {
	fill: #ffffff;
}

body.dark .ck.ck-button:not(.ck-disabled):hover,
body.dark a.ck.ck-button:not(.ck-disabled):hover {
	background: rgba(255,255,255,0.3);
}

body.dark .ck.ck-button .ck-button__label,
body.dark .ck.ck-form__header .ck-form__header__label,
body.dark .ck.ck-color-grid__label {
	color: #fff;
}

body.dark .ck.ck-list {
	background: #132a3f;	
}

body.dark .ck.ck-dropdown__panel {
	background: #132a3f;	
}

.soc-link svg {
		width: 2rem;
		height: 2rem;
}

.soc-link svg path {
		fill: #fff;
}

.soc-link:hover svg path {
		fill: rgba(255,255,255,.6);
}

.ui-outputpanel-loading {
				display: inline-block;
				width: 16px;
				height: 16px;
				background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 16 3 C 14.34375 3 13 4.34375 13 6 C 13 7.65625 14.34375 9 16 9 C 17.65625 9 19 7.65625 19 6 C 19 4.34375 17.65625 3 16 3 Z M 8.9375 6.4375 C 7.558594 6.4375 6.4375 7.558594 6.4375 8.9375 C 6.4375 10.316406 7.558594 11.4375 8.9375 11.4375 C 10.316406 11.4375 11.4375 10.316406 11.4375 8.9375 C 11.4375 7.558594 10.316406 6.4375 8.9375 6.4375 Z M 23.0625 7.9375 C 22.511719 7.9375 22.0625 8.386719 22.0625 8.9375 C 22.0625 9.488281 22.511719 9.9375 23.0625 9.9375 C 23.613281 9.9375 24.0625 9.488281 24.0625 8.9375 C 24.0625 8.386719 23.613281 7.9375 23.0625 7.9375 Z M 6 13.75 C 4.757813 13.75 3.75 14.757813 3.75 16 C 3.75 17.242188 4.757813 18.25 6 18.25 C 7.242188 18.25 8.25 17.242188 8.25 16 C 8.25 14.757813 7.242188 13.75 6 13.75 Z M 26 14.75 C 25.308594 14.75 24.75 15.308594 24.75 16 C 24.75 16.691406 25.308594 17.25 26 17.25 C 26.691406 17.25 27.25 16.691406 27.25 16 C 27.25 15.308594 26.691406 14.75 26 14.75 Z M 8.9375 21.0625 C 7.832031 21.0625 6.9375 21.957031 6.9375 23.0625 C 6.9375 24.167969 7.832031 25.0625 8.9375 25.0625 C 10.042969 25.0625 10.9375 24.167969 10.9375 23.0625 C 10.9375 21.957031 10.042969 21.0625 8.9375 21.0625 Z M 23.0625 21.5625 C 22.234375 21.5625 21.5625 22.234375 21.5625 23.0625 C 21.5625 23.890625 22.234375 24.5625 23.0625 24.5625 C 23.890625 24.5625 24.5625 23.890625 24.5625 23.0625 C 24.5625 22.234375 23.890625 21.5625 23.0625 21.5625 Z M 16 24.25 C 15.035156 24.25 14.25 25.035156 14.25 26 C 14.25 26.964844 15.035156 27.75 16 27.75 C 16.964844 27.75 17.75 26.964844 17.75 26 C 17.75 25.035156 16.964844 24.25 16 24.25 Z'/%3e%3c/svg%3e");
				background-size: 16px 16px;
				background-position: 0 0;
				background-repeat: no-repeat;
				padding: 0;
				float: right;
}

body.dark .ui-outputpanel-loading {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23ffffff 'd='M 16 3 C 14.34375 3 13 4.34375 13 6 C 13 7.65625 14.34375 9 16 9 C 17.65625 9 19 7.65625 19 6 C 19 4.34375 17.65625 3 16 3 Z M 8.9375 6.4375 C 7.558594 6.4375 6.4375 7.558594 6.4375 8.9375 C 6.4375 10.316406 7.558594 11.4375 8.9375 11.4375 C 10.316406 11.4375 11.4375 10.316406 11.4375 8.9375 C 11.4375 7.558594 10.316406 6.4375 8.9375 6.4375 Z M 23.0625 7.9375 C 22.511719 7.9375 22.0625 8.386719 22.0625 8.9375 C 22.0625 9.488281 22.511719 9.9375 23.0625 9.9375 C 23.613281 9.9375 24.0625 9.488281 24.0625 8.9375 C 24.0625 8.386719 23.613281 7.9375 23.0625 7.9375 Z M 6 13.75 C 4.757813 13.75 3.75 14.757813 3.75 16 C 3.75 17.242188 4.757813 18.25 6 18.25 C 7.242188 18.25 8.25 17.242188 8.25 16 C 8.25 14.757813 7.242188 13.75 6 13.75 Z M 26 14.75 C 25.308594 14.75 24.75 15.308594 24.75 16 C 24.75 16.691406 25.308594 17.25 26 17.25 C 26.691406 17.25 27.25 16.691406 27.25 16 C 27.25 15.308594 26.691406 14.75 26 14.75 Z M 8.9375 21.0625 C 7.832031 21.0625 6.9375 21.957031 6.9375 23.0625 C 6.9375 24.167969 7.832031 25.0625 8.9375 25.0625 C 10.042969 25.0625 10.9375 24.167969 10.9375 23.0625 C 10.9375 21.957031 10.042969 21.0625 8.9375 21.0625 Z M 23.0625 21.5625 C 22.234375 21.5625 21.5625 22.234375 21.5625 23.0625 C 21.5625 23.890625 22.234375 24.5625 23.0625 24.5625 C 23.890625 24.5625 24.5625 23.890625 24.5625 23.0625 C 24.5625 22.234375 23.890625 21.5625 23.0625 21.5625 Z M 16 24.25 C 15.035156 24.25 14.25 25.035156 14.25 26 C 14.25 26.964844 15.035156 27.75 16 27.75 C 16.964844 27.75 17.75 26.964844 17.75 26 C 17.75 25.035156 16.964844 24.25 16 24.25 Z'/%3e%3c/svg%3e");
}

.lang-check {
		background: #fff;
		padding: 0.5rem 1rem;
		border-radius: 0.25rem;
		margin-bottom: 0.5rem;
		justify-content: space-between;
}

body.fun .step-item .lang-check,
body.light .lang-check {
		background: #eff3f6;
}

body.light .step-item.step-success .lang-check {
		background: #fff;
}

body.dark .lang-check {
		background: rgba(255,255,255,0.15);
}

body.dark .lang-check .sort-handler path,
body.dark .lighter .sort-handler path {
		fill: #fff;
}

.multiLang {
		padding-right: 0.5rem;
		margin-right: 0.5rem;
		border-right: 1px solid #d6dde3;
}

body.dark .multiLang {
		border-color: rgba(255,255,255,0.2);
}

.inplaceCustomColor {
	display: block;
	padding-left: 0.5rem;
}

.inplaceCustomColor .ui-inplace-content,
.inplaceCustomColor .ui-inplace-editor{
		display: flex;
}

.btn-star {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23ffffff' d='M 30.335938 12.546875 L 20.164063 11.472656 L 16 2.132813 L 11.835938 11.472656 L 1.664063 12.546875 L 9.261719 19.394531 L 7.140625 29.398438 L 16 24.289063 L 24.859375 29.398438 L 22.738281 19.394531 Z'/%3e%3c/svg%3e");
	background-position: center center;
	background-size: 1rem 1rem;
	background-repeat: no-repeat;
}

.btn-star .ui-button-text {
	visibility: hidden;
}

.ui-selectonemenu-item.ui-state-highlight-custom {
	background: #e9ecef;
}

body.dark .ui-selectonemenu-item.ui-state-highlight-custom {
	background: rgba(255,255,255,0.1);
}

.text-reset:hover {
	text-decoration: none;
	background: #e9ecef;
}

body.dark .text-reset:hover {
	background: rgba(255,255,255,0.1);
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z'/%3e%3c/svg%3e");
	width: 3rem;
	height: 3rem;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%23627b86' d='M 19.03125 4.28125 L 8.03125 15.28125 L 7.34375 16 L 8.03125 16.71875 L 19.03125 27.71875 L 20.46875 26.28125 L 10.1875 16 L 20.46875 5.71875 Z'/%3e%3c/svg%3e");
	width: 3rem;
	height: 3rem;
}

@media (min-width: 1200px) {
	.page-index .carousel-control-next {
		right: -110px;
	}
	.page-index .carousel-control-prev {
		left: -110px;
	}
}

@media (min-width: 1390px) {
	.page-index .carousel-control-next {
		right: -140px;
	}
	.page-index .carousel-control-prev {
		left: -140px;
	}
}

.carousel-indicators li {
	background-color: #718791;
}

.carousel.slide {
	padding-bottom: 4rem;
}

.ui-tabs .ui-tabs-navscroller-btn {
	width: 24px;
	height: 38px;
	background-position: center center;
	background-size: 1rem 1rem;
	background-repeat: no-repeat;
	transition: all 0.3s;
	background-color: rgb(239, 243, 246);
}

.ui-tabs .ui-tabs-navscroller-btn.ui-state-hover {
	background-color: #CDD9E2;
}

body.fun .ui-tabs .ui-tabs-navscroller-btn {
	background-color: #fff;
}

body.fun .ui-tabs .ui-tabs-navscroller-btn.ui-state-hover {
	background-color: #9CB2C3;
}

body.dark .ui-tabs .ui-tabs-navscroller-btn {
	background-color: #425565;
}

body.dark .ui-tabs .ui-tabs-navscroller-btn.ui-state-hover {
	background-color: #fff;
}

.ui-tabs .ui-tabs-navscroller-btn-left.ui-state-disabled {
	left: -20px;
	opacity:0;
}

.ui-tabs .ui-tabs-navscroller-btn-right.ui-state-disabled {
	right: -20px;
	opacity:0;
}

.ui-tabs .ui-tabs-navscroller-btn-left {
	left: 0;
	opacity:1;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M 19.03125 4.28125 L 8.03125 15.28125 L 7.34375 16 L 8.03125 16.71875 L 19.03125 27.71875 L 20.46875 26.28125 L 10.1875 16 L 20.46875 5.71875 Z'/%3e%3c/svg%3e");
}

.ui-tabs .ui-tabs-navscroller-btn-right {
	right: 0;
	opacity:1;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z'/%3e%3c/svg%3e");
}

@media (min-width: 1400px) {
	.page-index header .container,
	.page-login header .container,
	.page-registration header .container,
	.page-contactform header .container,
	.page-termsofuse header .container,
	.page-prices header .container,
	.page-tutorials header .container,
	.page-tutorial header .container,
	.page-rentaddressesoverview header .container,
	.page-settings header .container {
		max-width: 1320px;
		padding-left: 12px;
		padding-right: 12px;
	}
}

.btn-group-sp {
	position: absolute;
	left: 310px;
	top: 50%;
	transform: translate(-50%,-50%);
}

.btn-group-sp .btn {
		font-size: 0.875rem;
}

@media (max-width:991px) {
	.btn-group-sp {
		display: none;
	}
}

.cc_container {
	box-sizing:border-box !important;
	font-size: 14px !important;
	padding: 20px 20px 20px 30px !important;
	background: rgba(255,255,255,1) !important;
	color: rgba(32, 67, 82, 0.8) !important;
	max-width: 520px;
	right: auto !important;
	border-top-right-radius: 8px;
	box-shadow: 0 -4px 22px rgba(0,0,0,0.15);
}

@media (max-width: 550px) {
	.cc_container {
		max-width: 80%;
		border-top-right-radius: 0;
	}
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
	background-color: #fff !important;
	border-radius: 1rem !important;
	color: #28a745 !important;
	border: 1px solid #28a745 !important;
	width: auto !important;
	font-size: 16px !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
	margin-top: 7px !important;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:focus {
	background-color: #28a745 !important;
	border: 1px solid #28a745 !important;
	color: #fff !important;
}

.cc_container .cc_message {
	line-height: 1.2 !important;
	margin-bottom: 0.5rem !important;
}

.form-urls {
	background: #fff;
	padding: 1.5rem 2rem;
	margin-bottom: 1rem;
	border-radius: .25rem;
	border: 1px solid #e9ecef;
}

.form-urls label {
	color: rgba(32, 67, 82, 0.8);
}

body.fun .form-urls {
	border: 1px solid rgba(196, 206, 215,0.5);
}

body.dark  .form-urls {
	border: 1px solid rgba(196, 206, 215,0.5);
	background: rgba(255,255,255,0.15);
	border-color: rgba(255,255,255,0.4);
}

.breadcrumb-page {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0;
	margin-bottom: 2rem;
	list-style: none;
	font-weight: 300;
}
.breadcrumb-item-page + .breadcrumb-item-page {
		padding-left: 1.5rem;
		position: relative;
}
.breadcrumb-item-page + .breadcrumb-item-page::before {
		position: absolute;
		display: inline-block;
		left: 6px;
		top: 6px;
		width: 0.75rem;
		color: #6c757d;
		content: "";
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='%234d6975' d='M 12.96875 4.28125 L 11.53125 5.71875 L 21.8125 16 L 11.53125 26.28125 L 12.96875 27.71875 L 23.96875 16.71875 L 24.65625 16 L 23.96875 15.28125 Z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-size: .75rem .75rem;
		background-position: left 50%;
		height: .75rem;
}
.breadcrumb-item-page.active {
		color: rgba(32, 67, 82, 0.8);
}

.play-tutorial {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	color: rgba(32, 67, 82, 0.7);
	margin-left: 8px;
	border-radius: 1rem;
}

.play-tutorial:hover {
	text-decoration: none;
	background-color: #ced4da;
	color: rgba(32, 67, 82, 1);
}

.play-tutorial svg {
	width: 24px;
	height: 24px;
	margin-right: 4px;
}

.play-tutorial svg path {
	fill: #28a745;
}

.play-tutorial span {
	margin-right: 8px;
	font-weight: 600;
}

body.dark .play-tutorial {
	color:rgba(255, 255, 255, 0.5);
}

body.dark .play-tutorial:hover {
	background-color:rgba(255, 255, 255, 0.2);
	color:rgba(255, 255, 255, 1);
}

.row-select-list .col-md-4,
.row-select-list .col-md-6 {
	padding: 2rem;
	border-right: 1px solid rgba(196, 206, 215,0.7);
}

.row-select-list .col-md-4:last-child,
.row-select-list .col-md-6:last-child {
	border-right: 0;
}

.row-select-list h6 {
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}

.row-select-list h6 + p {
	font-size: 0.875rem;
	margin-bottom: 2rem;
}

.icon-paragraph {
	width:1.25rem;
	height:1.25rem;
	margin-right:7px;
	margin-top:-3px;
}

.icon-paragraph path {
	fill: #627b86;
}

body.dark .icon-paragraph path {
	fill: #fff;
}

.btn-success-white {
	background: #fff;
	color: #204352;
	border-color: transparent;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	transition: all 0.3s;
}
.btn-success-white:hover,
.btn-success-white:focus {
	background: #27a644;
	color: #fff;
	border-color: transparent;
	box-shadow: 0 4px 14px rgba(0,0,0,0.3);
}
.anniversary p {
	color: #fff;
	font-size: 1rem;
}
.anniversary p strong {
	color: #fff;
	font-weight: 700;
}
.anniversary {
	height: 100vh;
	max-height: 800px;
	padding-top: 8rem;
	padding-bottom: 8rem;
	background: linear-gradient(to bottom,rgba(21,47,71,.1) 5%,rgba(21,47,71,.5) 50%,rgba(21,47,71,0.1) 100%), url("/javax.faces.resource/img/bg-anniversary.jpg.xhtml?v=2.11.0");
	background-size: cover;
	background-position: 50% 30%;
	background-attachment: fixed;
	display:flex;
	width:100%;
	align-items: center;
	box-shadow: inset 0 6px 22px rgba(0,0,0,0.4);
}

@media (max-width: 575px) {
	.anniversary {
		background-attachment: inherit;
	}
}

.select-recipient-email {
		margin-left: 0.5rem;
		margin-right: 1rem;
		display: inline-block;
}
.select-recipient-email .form-control {
		font-size: 0.8125rem;
		line-height: 1.25rem;
		height: 2rem;
}
.imageblock.Picture img {
	display: block;
	max-width: 756px;
	height: auto;
	margin-bottom: 1rem;
	width: 100%;
}
details {
	margin-bottom: 1rem;
}

.badge-rent-draft {
	position: absolute;
	font-size: 9px;
	background: #fba710;
	color: #fff;
	padding: 0px 4px;
	border-radius: 3px;
	text-transform: lowercase;
	font-weight: 600;
	top: 23px;
	left: -10px;
}

.badge-rent-buyed {
	position: absolute;
	font-size: 9px;
	background: #237888;
	color: #fff;
	padding: 0px 4px;
	border-radius: 3px;
	text-transform: lowercase;
	font-weight: 600;
	top: 23px;
	left: -10px;
}

.link-success .badge-rent-buyed,
.link-success .badge-rent-draft {
	top:-2px;
	left: auto;
	right: -30px;
}

.video-tutorial {
	position: relative;
	display: block;
	height: 210px;
	overflow: hidden;
	border-radius: 4px;
}
.video-tutorial-l {
	height: 270px;
}
.video-tutorial img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 0;
	transition: all 180ms ease-in-out;
	object-fit: cover;
}
.video-tutorial-gradient {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.05) 43%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.8));
	transition: background-color 180ms ease-in-out;
}
.video-tutorial-title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 100%;
	padding: 20px 20px 15px 21px;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.185;
	color: #ffffff;
	text-align: left;
}
.video-tutorial-l .video-tutorial-title {
	font-size: 1.25rem;
}
.video-tutorial:hover img {
	transform-origin: 50% 50%;
	transform: scale(1.02);
}
.video-tutorial:hover .video-tutorial-gradient {
	background-color: rgba(0, 0, 0, 0.3);
}

.mb-6 {
	margin-bottom: 4.5rem !important;
}

.ui-slideouttab-panel,
.ui-slideouttab-handle {
	z-index: 1;
}

.pi.pi-lg {
	font-size: 1.25em;
}

.pi.pi-3x {
	font-size: 3em;
}

.pi.pi-5x {
	font-size: 5em;
}

div.viewInfo {
	display: none !important;
}

.progress-password-weak .ui-progressbar-value {
	background-color: red;
}

.progress-password-good .ui-progressbar-value {
	background-color: rgb(250, 190, 44);
}

.color-palette {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 4px;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset;
}

body.app.dark .color-palette {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15) inset;
}

.color-palette-link {
	display: inline-block;
}

.color-palette-link:hover {
	text-decoration: none;
}

.color-palette-link:hover .color-palette {
	outline: 2px dotted rgb(121, 202, 182);
	outline-offset: 1px;
}

.color-palette-link.active .color-palette {
	outline: 2px solid rgb(121, 202, 182);
  outline-offset: 1px;
}

.contact-panel {
	border-color: #28a745;
	border-width: 5px;
	box-shadow: 0 5px 20px rgba(32, 67, 82, 0.25);
	border-bottom-left-radius: 4px;
	padding: 1rem;
	width: 420px;
}
body.dark .contact-panel {
	background: #07192a;
}
.ui-slideout-handle.contact-handle {
		padding: 8px 16px 8px 40px;
		font-size: 14px;
		color: white !important;
		background-color: #28a745;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M20.6,10.8v2.1h-2.1v-2.1H20.6z M20.6,19.1v2.1h-2.1v-2.1H20.6z M10.3,26.7c0,0.4-0.1,0.7-0.2,1.1c-0.1,0.3-0.3,0.6-0.6,0.9 S9,29.1,8.6,29.2c-0.3,0.1-0.7,0.2-1.1,0.2H0v-2.1h7.6c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5V5.3c0-0.2-0.1-0.4-0.2-0.5 C7.9,4.7,7.8,4.6,7.6,4.6H0V2.6h7.6c0.4,0,0.7,0.1,1.1,0.2C9,2.9,9.3,3.1,9.5,3.4s0.5,0.5,0.6,0.9c0.1,0.3,0.2,0.7,0.2,1.1v5.5h2.1 V9.5c0-0.4,0.1-0.7,0.2-1.1c0.1-0.3,0.3-0.6,0.6-0.9s0.5-0.4,0.9-0.6c0.3-0.1,0.7-0.2,1.1-0.2h1.4V4.6h4.1v2.1H22 c0.4,0,0.7,0.1,1.1,0.2c0.3,0.1,0.6,0.3,0.9,0.6c0.3,0.2,0.5,0.5,0.6,0.9c0.1,0.3,0.2,0.7,0.2,1.1V15h3.4c0.2-0.3,0.4-0.6,0.8-0.8 c0.3-0.2,0.7-0.3,1-0.3c0.3,0,0.6,0.1,0.8,0.2c0.2,0.1,0.5,0.3,0.7,0.4c0.2,0.2,0.3,0.4,0.4,0.7S32,15.7,32,16 c0,0.3-0.1,0.6-0.2,0.8s-0.3,0.5-0.4,0.7c-0.2,0.2-0.4,0.3-0.7,0.4c-0.2,0.1-0.5,0.2-0.8,0.2c-0.4,0-0.7-0.1-1-0.3 c-0.3-0.2-0.6-0.4-0.8-0.8h-3.4v5.5c0,0.4-0.1,0.7-0.2,1.1c-0.1,0.3-0.3,0.6-0.6,0.9c-0.3,0.3-0.5,0.5-0.9,0.6s-0.7,0.2-1.1,0.2 h-1.4v2.1h-4.1v-2.1h-1.4c-0.4,0-0.7-0.1-1.1-0.2s-0.6-0.3-0.9-0.6s-0.4-0.5-0.6-0.9c-0.1-0.3-0.2-0.7-0.2-1.1v-1.4h-2.1V26.7z M15.1,8.8c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0.1-0.2,0.3-0.2,0.5v13.1c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.5,0.2H22 c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5V9.5c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2H15.1z M10.3,12.9v6.2h2.1v-6.2 H10.3z'/%3E%3C/svg%3E%0A");
		background-position: 10px 50%;
		background-size: 1.25rem 1.25rem;
		background-repeat: no-repeat;
}
@media(max-width:767px) {
	.ui-slideout-handle.contact-handle {
		overflow: hidden;
		width: 0;
		white-space: nowrap;
		padding-left: 35px;
		color: #28a745 !important;
	}
	.contact-panel {
		width: calc(100% - 46px);
	}
}
@media(min-width:768px) {
	.contact-panel {
		min-height: 176px;
	}
}
.chat-label {
	font-size: 14px;
}
.contact-handle:hover,
.contact-handle:focus {
	background-color: #218838;
}

.chat-list-client {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.chat-item-client {
	background: #237888;
	color: #fff;
	padding: 0.5rem 0.8125rem;
	margin-bottom: 2px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
.chat-item-client:first-child {
	border-top-right-radius: 16px;
}
.chat-list-support {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.chat-item-support {
	background: #eff3f6;
	color: #222;
	padding: 0.8125rem;
	margin-bottom: 2px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}
.chat-item-support:first-child {
	border-top-left-radius: 16px;
}
.chate-time {
	font-size: 12px;
}
.chats-container {
	max-height: calc(100vh - 300px);
	overflow: auto;
}
.chats-container a {
	color:#00a82d;
}
.chats-container a:hover,
.chats-container a:focus {
	color:#09621d;
}

.ui-draggable-dragging {
	background: #fff;
	box-shadow: 0 0 16px rgba(0,0,0,0.2);
	padding: 1rem;
}

.ui-draggable-dragging .new-block-content {
	font-size: 13px;
	text-align: center;
	width: 80px;
}

/*# sourceMappingURL=styles.css.map */