/* A FIX */
.wer-pop a, .wer-form a {
	text-decoration: none;
	/*color: inherit;*/
}
.ke-powered-by {
	display: none !important;
}
.kothing-editor {
	margin-bottom: 2em;
	border: 2px solid #d2d2d2 !important;
}
.kothing-editor .kothing-editor-editable {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.ke-wrapper-inner {
	/*min-height: 12em !important;*/
}
.ke-btn-tray {
	text-align: center;
}

/* ICONS */
.click {
	cursor: pointer;
}
.tt-ico.click:hover::before {
	transform: translateX(-50%) translateY(-50%) scale(1.1);
}

/* HEADER */
#mz-header .topbar .user-pro a im {
	width: 64px;
}
#mz-header .topbar .top-navbar .navbar-header {
	text-align: center;
	padding: 0;
}
.wer-notifications.tt-head-group > .tt-submenu {
	min-width: 20em;
}
.wer-notif-menu {
	max-width: 20em !important;
	transform: translateX(-50%);
	right: unset !important;
	left: 50% !important;
}
.wer-notif-menu > li {
	border-bottom: 1px solid #eaeaea;
}
.wer-notif-menu > li:last-child {
	border-bottom: none;
}
.wer-notif-menu > li:hover {
	background-color: white;
}
.wer-notif-menu > li:hover .wer-notif-title.ttc-main {
	color: #0070ff !important;
}
.wer-notif-menu li:hover .wer-notif-button.ttc-primary {
	color: #ff6c00 !important;
}
.wer-notif,
.tt-head-group li > .wer-notif {
	text-decoration: none;
	flex-direction: row;
	align-items: center;
	padding: 0.5em;
	display: flex;
}
.wer-notif,
.wer-notif:visited {
	color: black;
}
/* PRIORITY */
.wer-notif.wer-notif-1 { background-color: rgba(151, 255, 0, 0.13); }
.wer-notif.wer-notif-2 { background-color: rgba(249, 255, 48, 0.29); }
.wer-notif.wer-notif-3 {
	background-color: rgba(249, 255, 48, 0.29);
	border: 4px solid #ffe300;
}
/* TYPE ICON */
.wer-notif .tt-but {
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 0.5em 0 0;
	border-radius: 100%;
	/* line-height: 2.5em; */
	/* text-align: center; */
	height: 2.5em;
	width: 2.5em;
	padding: 0;
}
.wer-notif-content {
	padding-left: 0.8em;
	max-width: 100%;
	flex: 1;
}
.wer-notif-title {
	margin: 0 0 0.5em 0;
	font-weight: normal;
	font-size: 0.8em;
	width: 100%;
}
.wer-notif-desc {
	text-overflow: ellipsis;
	font-weight: lighter;
	margin: 0 0 0.5em 0;
	font-size: 0.8em;
	line-height: 1em;
	overflow: hidden;
	max-height: 3em;
	width: 100%;
}
.wer-notif-time {
	font-size: 0.8em;
}
.wer-notif-nr {
	background: #ff852e;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 0.7em;
	padding: 0.2em;
	color: #ffffff;
	bottom: 55%;
	height: 2em;
	width: 2em;
	left: 50%;
}
.wer-notif-icon, .wer-notif-bleep {
	transform: translate(-50%, -50%);
	position: absolute;
	height: 1em;
	left: 50%;
	top: 50%;
}
.wer-notif-bleep, .wer-notif-bleep.fa {
	display: none;
}
.wer-notif-active .wer-notif-bleep,
.wer-notif-active .wer-notif-bleep.fa {
	animation: wer-notif-bleep 5s linear infinite;
	display: block;
}
.wer-notif-active.wer-notif-important .wer-notif-bleep,
.wer-notif-active.wer-notif-important .wer-notif-bleep.fa {
	animation: wer-notif-bleep-important 1s ease-in-out infinite;
}
@keyframes wer-notif-bleep {
	  0% { opacity: 1; }
	 90% { opacity: 1; }
	 95% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes wer-notif-bleep-important {
	  0% { opacity: 1; }
	 50% { opacity: 0; }
	100% { opacity: 1; }
}

/* FOOTER */
#mz-footer .footer {
	text-align: center;
}
.tt-body {
	background-color: #edeffd;
}
.tt-menu > * {
	font-size: 0.9em;
}
.tt-menu-top .tt-menu,
.tt-menu-bottom .tt-menu {
	justify-content: center;
}
.tt-head .tt-head-logo {
	width: 16em;
}
.tt-menu-title {
	font-weight: 500;
}
.tt-submenu .tt-menu-title {
	font-weight: normal;
}

#h5p {
	width:100%;
	height: calc(100vh - 180px);
	border: none;
	background-color: transparent;
	border-bottom: 1px solid #0a78d1;
	opacity: 0;
}

/* SELECT2 FIXES */
body .select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1.5em;
}

.select2-results > .select2-results__options {
	max-height: 50vh !important;
	overflow-y: auto;
}
.wer-input-group .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0.5em;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
	padding: 0 0.6em !important;
}
.wer-input-group .select2-container .select2-selection--multiple {
	min-height: 2.4em;
}
.select2-container--default .select2-selection--multiple {
	border: 0.07em solid #cbd8df !important;
	min-height: 2.4em;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 0.07em solid #49c0f7 !important;
	min-height: 2.4em;
	outline: 0;
}

.select2-container .selection,
.tt-c .select2-container .selection {
	text-align: left;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #f9f9f9 !important;
}
.wer-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.wer-table-content .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #219fff !important;
	border: 1px solid #49c0f7;
	padding: 0 0.6em 0 1.5em;
	text-overflow: ellipsis;
	background: #219fff;
	overflow: hidden;
	color: white;
}
.wer-table-content .select2-container--default .select2-selection--multiple .select2-selection__choice {
	max-width: 110px;
}
.wer-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.wer-table-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	transform: translateY(-50%);
	color: white;
	left: 3px;
	top: 47%;
}
.wer-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.wer-table-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: red;
}

.select2-results__group {
	background-color: #8ab7ff;
	color: white;
}
/* // SELECT2 FIXES */

.sidebar-nav ul li a .fa {
	text-align: center;
	min-width: 1.4em;
}
body .modal-backdrop.show { display: none !important; }

/* DASHES */
.wer-quatro-row {
	margin-right: 1em;
	margin-left: 1em;
	min-width: unset;
	width: calc(100% - 2em);
}
.wer-quatro-box {
	-webkit-box-shadow: 2px 2px 18px -3px rgba(0,0,0,0.19);
	-moz-box-shadow: 2px 2px 18px -3px rgba(0,0,0,0.19);
	box-shadow: 2px 2px 18px -3px rgba(0,0,0,0.19);
	background-color: white;
	flex-direction: column;
	border-radius: 15px;
	padding: 2em 0.5em;
	min-width: 13em;
	cursor: pointer;
	display: flex;
	width: 100%;
}
.wer-quatro-img {
	text-align: center;
	margin-bottom: 2em;
	display: block;
	width: 100%;
}
.wer-quatro-img img {
	width: 50%;
}
.wer-quatro-title {
	justify-content: center;
	align-content: center;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	color: #485bc7;
	width: 100%;
}
.wer-quatro-title div {
	font-weight: bold;
	font-size: 1.2em;
}
.tt-row.roundy .tt-box {
	border-radius: 15px;
}


.wer-stat-box {
	flex-direction: column;
	align-items: center;
	padding: 1em 0.5em;
	min-width: 13em;
	cursor: pointer;
	display: flex;
	width: 100%;
}
.wer-stat-box-info {
	margin-bottom: 0;
	font-size: 2em;
	color: #aaaaaa;
}
.wer-stat-box-title {
	font-weight: bold;
	font-size: 1.2em;
}

/* TABLE */
.tt-table-controls > * {
	border-radius: 5px;
}

/* ABO TABLE */
table.abo-info {
	border-collapse: collapse;
}
table.abo-info td:first-child {
	font-weight: 600;
	min-width: 10em;
}
table.abo-info td:last-child {
	min-width: 15em;
	color: #485bc7;
}
table.abo-info td {
	vertical-align: middle;
	padding: 0.5em 1em;
	text-align: left;
}

/* TEXT */
.wer-input-group textarea, .wer-input-group textarea.wer-input {
	font-family: inherit;

}

 textarea.wer-input {
    border: 1px solid rgb(200, 208, 247) !important;
	padding: 0.5em 0.86em;
  } 

  textarea.wer-input ~ label {
	padding: 0 0.86em;
  } 

/* textarea.wer-input {
    min-height: 6em;
    width: 100%;
    resize: vertical;
    cursor: auto;
    line-height: 1.5em;
    font-size: 1em;
    border-bottom: 2px solid rgb(200, 208, 247);
    background-color: transparent;
    background-image: linear-gradient(transparent calc(1.5em - 1px), rgb(179, 190, 244), transparent calc(1.5em + 0.5px));
    background-size: 100% 1.5em;
    background-position-y: -1px;
    background-attachment: local;
    padding: 0;
  } */

  /* textarea.wer-input ~ label {
	top: 0 !important;
  } */
/* 
  textarea.wer-input.modified ~ label,
  textarea.wer-input:focus ~ label {
	top: -1.6em !important;
  } */

.wer-form .wer-toggle-next, .on-tog > .wer-toggle-next {
	border-radius: 1em 1em 0 0;
	background-color: #56c2ce;
	padding: 0.5em 0.5em;
	font-weight: normal;
	margin-bottom: 0;
	font-size: 1.2em;
	margin-top: 3em;
	color: #ffffff;
	width: 100%;
}
.wer-form .wer-toggle-next:first-child {
	margin-top: 0.5em;
}
.wer-form .wer-toggle-body, .on-tog > .wer-toggle-body {
	border-bottom: 1px solid #56c2ce;
	border-right: 1px solid #56c2ce;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-left: 1px solid #56c2ce;
	padding: 1em;
}
.wer-form .wer-toggle-body .wer-toggle-next {
	background-color: #67ceb1;
	padding: 0.2em;
}
.wer-form .wer-toggle-body .wer-toggle-body {
	border-bottom: 1px solid #67ceb1;
	border-right: 1px solid #67ceb1;
	border-left: 1px solid #67ceb1;
}
.wer-form .wer-toggle-next::after, .on-tog > .wer-toggle-next::after {
	color: #ffffff;
	right: 1em;
}
.wer-form .wer-toggle-next.wer-toggle-off, .on-tog > .wer-toggle-next.wer-toggle-off {
	/*padding: 0.2em 0.5em;*/
	border-radius: 0.5em;
}
.wer-acces-cop + .wer-toggle-next,
.wer-form .wer-toggle-off + .wer-toggle-next,
.wer-form .wer-toggle-off + .wer-toggle-next,
.on-tog  > .wer-toggle-next:first-child,
.on-tog  > .wer-toggle-next.wer-toggle-on:first-child,
.on-tog  > .wer-toggle-next.wer-toggle-off:first-child {
	margin-top: 1em;
}

.wer-acces-cop {
	margin-top: 3em;
}
.wer-form .wer-toggle-off + .wer-acces-cop {
	margin-top : 1em;
}
.wer-acces-cop > .wer-toggle-next:first-child {
	margin-top: 0 !important;
}
.wer-acces-cop > .wer-toggle-body.wer-toggle-on:last-child {
	margin-bottom: 3.6em;
}

.wer-small-form.wer-pop-body {
	min-height: 3em;
}

/* COMPORTAMENTE */
.wer-form .wer-comportament,
.wer-form .wer-intaritor {
	background-color: #d8ecee;
	border-radius: 1em;
	margin: 1em 0;
	padding: 1em;
	width: 100%;
}

/* THEME */
.wer-but {
	background-color:  #7e8de1;/*#2a68b9;*/
	border-radius: 0.15em !important;
}
.wer-but:hover {
	background-color: #5e73e8;/*#4582d3;*/
}
.wer-pop {
	/*box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2);*/
	border-radius: 0.15em;
	overflow: hidden;
}
.wer-pop .wer-pop-head {
	background-color: #dee3ff;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	color: #485bc7;
}
.wer-pop .wer-pop-close {
	background-color: #7e8de1;
	color: #ffffff;
	right: 1em;
	top: 0.7em;
	/*right: 1.5em;
	top: 1.4em;*/
}
/*
.wer-edit-pop .wer-pop .wer-pop-head {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.wer-edit-pop .wer-pop .wer-pop-close {
	right: 1em;
	top: 0.7em;
}
*/


/* TABS - POP */
.wer-pop-head .tt-tab-head {
	justify-content: center;
	align-items: flex-end;
	flex-direction: row;
	margin: 0.5em 0 0 0;
	line-height: 1.2em;
	font-size: 0.8em;
	display: flex;
}
.wer-pop-head .tt-tab {
	transition: padding 0.1s ease-in-out, background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	background-color: #5fb6bf;
	border-radius: 0.7em;
	padding: 0.7em 0.5em;
	color: #e2eff0;
	margin: 0.4em;
	border: none;
}
.wer-pop-head .tt-tab:hover {
	background-color: #84c5cc;
	transform: scale(1.05);
	color: #fff;
}
.wer-pop-head .tt-tab.tt-tab-active:hover {
	transition: none !important;
	background-color: #ffffff;
	color: black;
}
.wer-pop-head .tt-tab.tt-tab-active {
	transition: none !important;
	background-color: #ffffff;
	color: black;
}
/*
.wer-pop-head .tt-tab-head {
	justify-content: center;
	align-items: flex-end;
	flex-direction: row;
	margin: 1em 0 0 0;
	display: flex;
}
.wer-pop-head .tt-tab {
	transition: padding 0.1s ease-in-out, background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	border-radius: 1em 1em 0 0;
	background-color: #143c71;
	padding: 0.1em 1em 0 1em;
	margin: 0 0.2em;
	color: #ccdaec;
	border: none;
}
.wer-pop-head .tt-tab:hover {
	background-color: #103260;
	padding-bottom: 0.1em;
	color: #fff;
}
.wer-pop-head .tt-tab.tt-tab-active:hover {
	transition: none !important;
	background-color: #ffffff;
	color: black;
}
.wer-pop-head .tt-tab.tt-tab-active {
	transition: none !important;
	background-color: #ffffff;
	margin-bottom: -2px;
	padding: 0.2em 1em;
	color: black;
}
*/



/* TABS - PAGE */
.tt-box-body.wer-tab-container { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.wer-page-head.tt-tab-head {
	justify-content: flex-start;
	/* border-radius: 1em 1em 0 0; */
	background-color: #ffffff;
	align-items: stretch;
	flex-direction: row;
	overflow: hidden; 
	/* margin: 0 -0.5em; */ /*mod*/
    margin: 0 -0.37em; /*mod*/
	flex-wrap: wrap;
	display: flex;
	z-index: 10;
	padding: 0;
	/* width: calc(100% + 0.5em); */ /*mod*/
    width: calc(100% + 0.75em); /*mod*/
}
/* INACTIVE - TAB */
.wer-page-head .tt-tab {
	transition: transform 0.1s ease-in-out, background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	background-color: transparent;/*#80a2ce;#2a68b9;*/
	border-radius: 0.15em;
	padding: 0.5em 1em;
	font-weight: 500;
	/* margin: 0.5em; */
	/* margin: 0.5em 0 0.5em 0.5em;  */ /*mod*/
    margin: 0.74em 0.37em; /*mod*/
}
/* ACTIVE */
.wer-page-head .tt-tab.tt-tab-active {
	background-color: #dfe2f1; /* mi */
	color: #4152b3;
}
/* HOVER */
.wer-page-head .tt-tab:hover,
.wer-page-head .tt-tab.tt-tab-active:hover {
	transform: scale(1.02);
	background-color: #eaebf6; /* mi */
	color: #4152b3;

	/* border-radius: 0.15em; */

}





/* TOOLTIP BS */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875em;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8em;
  height: 0.4em;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4em 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4em 0.4em 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4em;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4em;
  height: 0.8em;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4em 0.4em 0.4em 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4em 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4em 0.4em;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4em;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4em;
  height: 0.8em;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4em 0 0.4em 0.4em;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25em 0.5em;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25em;
}

.on-page-crumbs {
	padding: 0 1.5em;
}

/* BUILDER IMPORT */
.on-baze-page {
	width: 100%;
}
.on-baze-row-container {
	margin-top: 1em;
	width: 100%;
}
.on-baze-row {
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	width: 100%;
}
.on-baze-iconbox {
	position: relative;
	min-height: 2em;
	font-size: 2em;
	flex-grow: 0;
	width: 2em;
}
.on-baze-row.wer-toggle-next {
	padding-right: 2em;
}
.on-baze-iconbox .tt-ico {
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	cursor: pointer;
	left: 50%;
	top: 50%;
}
.on-baze-iconbox .tt-ico::before:hover {
	transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.on-baze-iconbox .tt-ico.fa-check-square {
	color: #2a68b9;
}
.on-baze-databox {
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	display: flex;
	flex: 1;
}
.on-baze-data {
	align-items: center;
	flex-direction: row;
	text-align: center;
	min-width: 15em;
	display: flex;
	flex: 1;
}
.on-baze-data > div:first-child {
	display: inline-block;
	padding-right: 1em;
	font-weight: bold;
	text-align: right;
	font-size: 1.1em;
	color: #aaaaaa;
	flex-shrink: 0;
	flex-grow: 0;
	width: 7em;
}
.on-baze-data > div:last-child {
	display: inline-block;
	word-wrap: break-word;
	word-wrap: anywhere;
	text-align: left;
	flex-grow: 1;
}
.on-baze-row .nr-itemi {
	font-weight: bold;
	font-size: 1.1em;
}
.on-baze-count {
	font-weight: bold;
}
/* prog list */
.on-baze-prog.on-baze-row:first-child {
	border-top: 1px solid #aaaaaa;
}
.on-baze-prog.on-baze-row.wer-toggle-off {
	border-bottom: 1px solid #aaaaaa;
}
.on-baze-prog.on-baze-row.wer-toggle-on, .on-baze-row.on-baze-shadow {
	box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.06);
	border-bottom: 1px solid #eeeeee;
}
.on-baze-prog.on-baze-iconbox {
	border-right: 1px solid #aaaaaa;
}
/* items list */
.on-baze-items .on-baze-row-container {
	margin-top: 0;
}
.on-baze-items.wer-toggle-on {
	border-radius: 0 0 2em 2em;
}
.on-baze-items.wer-toggle-on .on-baze-row-container {
	/* border-bottom: 1px solid #aaaaaa; */
	border-radius: 0 0 2em 2em;
	background-color: #f6f6f6;
	padding-bottom: 1em;
}
.on-baze-items .on-baze-iconbox {
	font-size: 1.2em;
}
.on-baze-items .on-baze-row {
	padding-left: 1.6em;
	cursor: pointer;
}
.on-baze-items {
	background-color: #f9f9f9;
}

.tt-but.on-pag-but {
	background-color: transparent;
	font-size: 1.5em !important;
	color: #03a9f3;
}

/* SECTIONS */
.on-title {
	color: #868686;
}
.on-section-btm { border-bottom: 0.5em solid #f0f0f0; }
.on-section-top { border-top: 0.5em solid #f0f0f0; }
.on-section-top, .on-section-btm {
	border-radius: 2em;
	padding: 1em 2em;
	width: 100%;
}
.on-thin-section {
	border: 0.2em solid #f0f0f0;
	margin-bottom: 1em;
	border-radius: 1em;
	padding-right: 1em;
	padding-left: 1em;
}
.on-center {
	margin-right: auto;
	margin-left: auto;
}
.on-max-box-80 {
	max-width: 90em;
	width: 100%;
}
.on-max-box {
	max-width: 70em;
	width: 100%;
}
.on-max-box-50 {
	max-width: 60em;
	width: 100%;
}
.on-center-box {
	margin-right:auto;
	margin-left:auto;
	max-width: 50em;
	width:100%;
}

/* INFOS */
.bullet-box {
	
}
.bullet-box td {
	
}
.bullet-box td:first-child {
	
}

/* POPS */
.wer-pop-info .wer-pop-body {
	padding: 1em 2em;
}
.wer-pop-info .wer-pop-foot,
.wer-pop-error .wer-pop-foot {
	border-top: none;
}

/* HIDE GROUP */
.on-hides-a .on-hide-a,
.on-hides-b .on-hide-b,
.on-hides-c .on-hide-c,
.on-hides-d .on-hide-d {
	display: none !important;
	/*visibility: hidden !important;*/
}

/* WIDTHS */
.on-9 { width: 9em !important; }
.on-max-2  { max-width: 2em; }
.on-max-3  { max-width: 3em; }
.on-max-4  { max-width: 4em; }
.on-max-5  { max-width: 5em; }
.on-max-6  { max-width: 6em; }
.on-max-7  { max-width: 7em; }
.on-max-8  { max-width: 8em; }
.on-max-9  { max-width: 9em; }
.on-max-10 { max-width: 10em; }
.on-max-12 { max-width: 12em; }
.on-max-13 { max-width: 13em; }
.on-max-14 { max-width: 14em; }
.on-max-15 { max-width: 15em; }
.on-max-16 { max-width: 16em; }
.on-max-17 { max-width: 17em; }
.on-max-18 { max-width: 18em; }
.on-max-19 { max-width: 19em; }
.on-max-20 { max-width: 20em; }
.on-max-60 { max-width: 60em !important; }
.on-max-70 { max-width: 70em !important; }

.on-min-2  { min-width: 2em; }
.on-min-3  { min-width: 3em; }
.on-min-4  { min-width: 4em; }
.on-min-5  { min-width: 5em; }
.on-min-6  { min-width: 6em; }
.on-min-7  { min-width: 7em; }
.on-min-8  { min-width: 8em; }
.on-min-9  { min-width: 9em; }
.on-min-10 { min-width: 10em; }
.on-min-12 { min-width: 12em; }
.on-min-13 { min-width: 13em; }
.on-min-14 { min-width: 14em !important; }
.on-min-15 { min-width: 15em; }
.on-min-16 { min-width: 16em; }
.on-min-17 { min-width: 17em; }
.on-min-18 { min-width: 18em; }
.on-min-19 { min-width: 19em; }
.on-min-20 { min-width: 20em; }

/* TEXTS */
.t05em { font-size: 0.5em !important; }
.t06em { font-size: 0.6em !important; }
.t07em { font-size: 0.7em !important; }
.t08em { font-size: 0.8em !important; }
.t09em { font-size: 0.9em !important; }
.t1em  { font-size: 1em !important; }
.t11em { font-size: 1.1em !important; }
.t12em { font-size: 1.2em !important; }
.t13em { font-size: 1.3em !important; }
.t14em { font-size: 1.4em !important; }
.t15em { font-size: 1.5em !important; }
.t2em  { font-size: 2em !important; }
.t25em { font-size: 2.5em !important; }
.t3em  { font-size: 3em !important; }
.t35em { font-size: 3.5em !important; }

/* FIXED FORMS */
.on-has-forms > .tt-box, .on-has-forms > .tt-page-title {
	display: none;
}
.on-has-forms > .tt-box.on-page-form {
	display: block;
}
.wer-input.mt0 {
	margin-top: 0 !important;
}


/* PAGED BUILDER */
.on-row-container { width: 100%; }

/* INFO BOXES */
.on-infobox {
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	display: flex;
	flex: 1;
}
.on-info {
	align-items: center;
	flex-direction: row;
	text-align: center;
	min-width: 15.5em;
	min-height: 2em;
	display: flex;
	flex: 1;
}
.on-info.tf-0 {
	min-width: max-content;
	align-items: center;
	flex-direction: row;
	text-align: center;
	min-height: 2em;
	display: flex;
}
.on-info > div:first-child {
	display: inline-block;
	padding-right: 1em;
	font-weight: bold;
	text-align: right;
	font-size: 1.1em;
	color: #888888;
	flex-shrink: 0;
	flex-grow: 0;
	width: 7em;
}
.on-info > div:last-child {
	display: inline-block;
	word-wrap: break-word;
	word-wrap: anywhere;
	text-align: left;
	flex-grow: 1;
}

.ttc-danger-dt  { color: #e46a76 !important; font-size: 0.9em; }
.ttc-warn { color: #f58800 !important; }
.ttc-prog { color: #084AAB !important; }
.ttc-pri-light { color: #58d6e4 !important; }

/* SIZE HELPERS */
.w35em { width: 3.5em !important; }
.w1em { width: 1em !important; }
.w2em { width: 2em !important; }
.w3em { width: 3em !important; }
.w4em { width: 4em !important; }
.w5em { width: 5em !important; }
.w6em { width: 6em !important; }
.w7em { width: 7em !important; }
.w8em { width: 8em !important; }
.w9em { width: 9em !important; }
.w10em { width: 10em !important; }
.w11em { width: 11em !important; }
.w12em { width: 12em !important; }
.w13em { width: 13em !important; }
.w14em { width: 14em !important; }
.w15em { width: 15em !important; }
.w16em { width: 16em !important; }
.w17em { width: 17em !important; }
.w18em { width: 18em !important; }
.h1em { height: 1em !important; }
.h2em { height: 2em !important; }
.h3em { height: 3em !important; }
.h4em { height: 4em !important; }
.h5em { height: 5em !important; }
.h6em { height: 6em !important; }
.h7em { height: 7em !important; }
.h8em { height: 8em !important; }
.h9em { height: 9em !important; }
.h10em { height: 10em; }
.h11em { height: 11em; }
.h12em { height: 12em; }
.h13em { height: 13em; }
.h14em { height: 14em; }
.wh1em { height: 1em; width: 1em; }
.wh2em { height: 2em; width: 2em; }
.wh3em { height: 3em; width: 3em; }
.wh4em { height: 4em; width: 4em; }
.wh5em { height: 5em; width: 5em; }
.wh6em { height: 2em; width: 6em; }
.wh7em { height: 3em; width: 7em; }
.wh8em { height: 4em; width: 8em; }
.wh9em { height: 5em; width: 9em; }

.mw6em { min-width: 6em; }
.mw7em { min-width: 7em; }
.mw8em { min-width: 8em; }

.lh1em { line-height: 1em !important; }
.lh2em { line-height: 2em !important; }
.lh3em { line-height: 3em !important; }
.lh4em { line-height: 4em !important; }
.lh5em { line-height: 5em !important; }
.lh6em { line-height: 6em !important; }
.lh7em { line-height: 7em !important; }
.lh8em { line-height: 8em !important; }
.lh9em { line-height: 9em !important; }

.m05em { margin: 0.5em !important; }

/* CONTAINERS */
.on-bubble-row {
	background-color: #f9f9f9;
	border: 1px solid #eeeeee;
	border-radius: 2em;
	margin: 0.7em 0;
}
.on-is-open {
	
}
.on-is-open-show {
	display: none;
}
.on-is-open .on-is-open-show {
	display: block;
}
.on-gen.on-disabled {
	opacity: 0.5;
}
.on-gen.on-disabled .tt-ico.fa-check-square,
.on-gen.on-disabled .tt-ico.fa-square-o {
	/* color: #b9b9b9; */
	visibility: hidden;
}
.on-disabled-show {
	display: none;
}
.on-disabled .on-disabled-show {
	display: inline-block;
}
.on-disabled .on-disabled-hide {
	display: none !important;
}
.on-disabled .on-disabled-trans {
	visibility: none !important;
}
.pdl1em  { padding-left: 1em !important; }
.pdl13em { padding-left: 1.3em !important; }
.pdl15em { padding-left: 1.5em !important; }
.pdl2em  { padding-left: 2em !important; }
.pdl25em { padding-left: 2.5em !important; }
.pdl3em  { padding-left: 3em !important; }
.pdl35em { padding-left: 3.5em !important; }
.pdl4em  { padding-left: 4em !important; }
.pdl45em { padding-left: 4.5em !important; }
.pdr1em  { padding-right: 1em !important; }
.pdr13em { padding-right: 1.3em !important; }
.pdr15em { padding-right: 1.5em !important; }
.pdr2em  { padding-right: 2em !important; }
.pdr25em { padding-right: 2.5em !important; }
.pdr3em  { padding-right: 3em !important; }
.pdr35em { padding-right: 3.5em !important; }
.pdr4em  { padding-right: 4em !important; }
.pdr45em { padding-right: 4.5em !important; }
.pad05em { padding: 0.5em !important; }
.pad1em  { padding: 1em !important; }
.pad15em { padding: 1.5em !important; }
.pad2em  { padding: 2em !important; }
.padl1em  { padding-left: 1em !important; }
.padl15em { padding-left: 1.5em !important; }
.padl2em  { padding-left: 2em !important; }
.padl25em { padding-left: 2.5em !important; }
.padr1em  { padding-right: 1em !important; }
.padr15em { padding-right: 1.5em !important; }
.padr2em  { padding-right: 2em !important; }
.padr25em { padding-right: 2.5em !important; }
.mb05em { margin-bottom: 0.5em !important; }
.mb15em { margin-bottom: 1.5em !important; }
.mb1em  { margin-bottom: 1em !important; }
.mb2em  { margin-bottom: 2em !important; }
.mr05em { margin-right: 0.5em !important; }
.mr15em { margin-right: 1.5em !important; }
.mr1em  { margin-right: 1em !important; }
.mr2em  { margin-right: 2em !important; }
.ml05em { margin-left: 0.5em !important; }
.ml15em { margin-left: 1.5em !important; }
.ml1em  { margin-left: 1em !important; }
.ml2em  { margin-left: 2em !important; }
.mt05em { margin-top: 0.5em !important; }
.mt15em { margin-top: 1.5em !important; }
.mt1em  { margin-top: 1em !important; }
.mt2em  { margin-top: 2em !important; }

/* ROTATION */
.trend-flat, .trend-asc, .trend-desc {
	min-height: 0 !important;
	text-align: center;
	font-weight: bold;
	line-height: 1em;
	font-size: 1em;
}
.trend-flat {
	color: #e4a616;
}
.trend-asc {
	transform: rotate(-45deg);
	color: #26c9db;
}
.trend-desc {
	transform: rotate(45deg);
	color: #e00016;
}
.flag-on {
	color: #e00016;
}
.rot90 {
	transform: rotate(90deg);
}

/* TAB SWITCHER */
.on-switcher .tt-but {
	background-color: #eeeeee;
	min-width: 15em;
	color: black;
}
.on-switcher .tt-but.tt-tab-active {
	background-color: #485bc7;
	color: white;
}
.on-switcher .tt-but .tt-ico::before {
	content: "\f096";
}
.on-switcher .tt-but.tt-tab-active .tt-ico::before {
	content: "\f14a";
}

/* BLUE SWITCHER */
.switcher.switcher-blue .tt-but {
	background-color: #fafafa;
	color: black;
}
.switcher.switcher-blue .tt-but.tt-tab-active {
	background-color: #26c9db;
	color: white;
}

/* GENERIC LIST */
.on-list-row {
	background-color: #f9f9f9;
	border: 1px solid #eeeeee;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0.5em 0;
	display: flex;
	width: 100%;
}
.on-rowpad {
	padding: 0.5em 1em;
}

/* OBSERVATII */
.on-obs .on-list-row {
	border-radius: 1em;
	padding: 0.5em 1em;
}
.on-obs-text {
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 0.5em;
	padding: 0.5em 1em;
}
.on-obs .on-list-row > .tt-fill {
	padding: 0.5em 0.5em 0.5em 1em;
}

/* LARGE TABLE */
.on-lg-table .tt-table th,
.on-lg-table .tt-table td {
	/*padding: 1em 1em;*/
	padding: 0.7em 0.5em;
}
.on-lg-table .tt-table.actions th:last-child,
.on-lg-table .tt-table.actions td:last-child {
	text-align: center;
	padding-right: 0;
	padding-left: 0;
}
.act10em .tt-table.actions th:last-child,
.act10em .tt-table.actions td:last-child {
	width: 10em;
}
.act13em .tt-table.actions th:last-child,
.act13em .tt-table.actions td:last-child {
	width: 13em;
}
.act15em .tt-table.actions th:last-child,
.act15em .tt-table.actions td:last-child {
	width: 15em;
}

.action-right .tt-table .tt-table-actions {
	justify-content: right !important;
}
.action-right .tt-table .tt-table-actions .tt-but {
	margin: 0 0.2em 0 0 !important;
}
.action-right .tt-table .tt-table-actions .tt-ico {
	margin: 0 0.3em !important;
}

.on-info-circle {
	border: 2px solid #999999;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 1em;
	display: flex;
	height: 1.6em;
	width: 1.6em;
}

.wer-pop[data-form="auth_login"] {
	max-width: 30em;
	padding: 0 1em 2em 1em;
}

.on-tog-pri > .wer-toggle-next {
	background-color: #485bc7 !important;
	text-align: center;
	font-weight: 600;
	margin-top: 2em;
}
.on-tog-pri > .wer-toggle-body {
	border-color: #485bc7 !important;
}
.on-tog-pri > .wer-toggle-next.wer-toggle-off, .on-tog-pri > .wer-toggle-next {
	padding: 0.5em 1em;
}

.clau { color: #ffcb00; }

.wer-fake-text {
	border: 1px solid #cacaca;
	border-radius: 0.5em;
	padding: 1em;
}

/* TABLE AVATARS */
.on-table-thumb {
	text-align: center;
}
.on-table-avatar {
	border-radius: 0.5em;
	vertical-align: top;
	max-height: 3.5em;
	height: 3.5em;
}

/* ITEMLIST */
.wer-itemlist {
	padding: 1em;
}
.wer-itemlist .on-item-name {
	background-color: transparent;
	border: none !important;
	font-size: 1em;
}
.wer-itemlist .on-item-name:focus-visible {
	text-decoration: none; /*underline;*/
	outline: none !important;
}
.wer-itemlist .on-item-name.wer-invalid {
	color: #e46a76 !important;
	font-weight: 600;
}

.on-item-name::-ms-input-placeholder { color: #979696; }
.on-item-name:-ms-input-placeholder { color: #979696; }
.on-item-name::placeholder { color: #979696; }

.on-has-error .on-item-name::-ms-input-placeholder { color: transparent; }
.on-has-error .on-item-name:-ms-input-placeholder { color: transparent; }
.on-has-error .on-item-name::placeholder { color: transparent; }

.on-item-name.wer-required::-ms-input-placeholder { color: #c46016; font-weight: 600; }
.on-item-name.wer-required:-ms-input-placeholder { color: #c46016; font-weight: 600; }
.on-item-name.wer-required::placeholder { color: #c46016; font-weight: 600; }



/* SUBPAGE & SWITCHER */
.tt-box-body.on-boxer, .on-boxer {
	background-color: #dfe2f1;
	/* border-radius: 1.5em; */ /* mi */
	border-radius: 0.2em; 
	padding: 1em;
}
.on-boxer > .on-switcher .tt-tab.tt-but {
	background-color: transparent;
	padding: 0.75em 0.5em !important;
	border-radius: 0.2em;
	min-width: 10em;
	color: #000000;
}
.on-boxer > .on-switcher .tt-tab.tt-but.tt-tab-active {
	background-color: #ffffff;
	color: #485bc7;
}
.on-boxer > .on-box,
.on-boxer > .tt-tab-box {
	background-color: #ffffff;
	/* border-radius: 0.8em;  */ /* mi */
	border-radius: 0.15em;  
	padding: 1.2em 2em;
}
.on-box ~ .on-box {
	margin-top: 1.5em;
}
.on-boxer > .on-switcher .tt-tab.tt-but::before {
	background-color: rgba(255,255,255,0.4);
}

.on-hi {
	color: #ffcb00 !important;
}

.wer-intaritori-list .wer-toggle-next:first-child { margin-top: 0 !important; }

.wer-pop-body #intaritori-total {
	margin-bottom: 2em;
	padding-top: 0;
	margin-top: 0;
}
#intaritori-total > .tt-box-body {
	margin: 0.75em;
}
.wer-pop-body #intaritori-total > .tt-box-body {
	margin: 0 0.5em 0.5em 0.5em;
	border: 1px solid #f5f5f5;
	padding: 0.4em 0.7em;
}


.inline-drop {
	background-color: transparent;
	outline: none !important;
	display: inline-block;
	cursor: pointer;
	font: inherit;
	border: none;
	padding: 0;
}
.inline-drop option {
	background-color: default;
}
.inline-drop:visited {
	text-decoration: none;
	outline: none;
}
.inline-drop:focus-visible {
	outline: none;
}

/* COLORS */
.light-box {
	background-color: #f9f9f9;
	border: 1px solid #eeeeee;
	border-radius: 2em;
	padding: 1em;
}

/* CLEAR INPUT */
select.clear-input,
input.clear-input,
.wer-input.clear-input
select.clear-input:focus,
input.clear-input:focus,
.wer-input.clear-input:focus {
	background-color: transparent !important;
	border: none !important;
	text-decoration: none;
}
select.clear-input:focus-visible,
input.clear-input:focus-visible,
.wer-input.clear-input:focus-visible {
	outline: none;
}


/* LISTER CONTAINERS */
.on-scroll-30vh { max-height: 30vh; }
.on-scroll-40vh { max-height: 40vh; }
.on-scroll-50vh { max-height: 50vh; }
.on-scroll-60vh { max-height: 60vh; }
.on-scroll-70vh { max-height: 70vh; }
.on-scroll-30vh,
.on-scroll-40vh,
.on-scroll-50vh,
.on-scroll-60vh,
.on-scroll-70vh {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
	border: 1px solid #eaeaea;
	overflow: auto;
	padding: 1em;
}

/* RANDOM */
.absright {
	transform: translateY(-50%);
	position: absolute;
	left: 100%;
	top: 50%;
}
.wer-input.modified.wer-valid.ttb-white { background-color: white !important; }

/* FLIPPER */
.wer-flipper-container {
	overflow: hidden;
	width: 100%;
}
.wer-flipper-slide {
	transition: transform 0.3s ease-in-out;
	flex-direction: row;
	align-items: center;
	display: flex;
}
.wer-flipper-page {
	transition: 0.8s ease-in-out;
	max-height: 5vh;
	flex-shrink: 0;
	width: 100%;
	opacity: 0;
}
.wer-flipper-page.current {
	max-height: 200vh;
	opacity: 1;
}

#mainchaticon .tt-chat-icon-nr {
	font-size: 0.7em;
	bottom: 50%;
}

/* washy */
.tt-washy {
	background-color: #ecefff;
}

/* FORMS F230 & R23 */
.r23,
.f230 {
	max-width: 70em;
}

.r23.wer-pop,
.f230.wer-pop {
	width: 90vw;
}

.r23 .wer-pop-body,
.f230 .wer-pop-body { 
	padding: 1em 5%;
}
.r23.wer-pop .wer-pop-body,
.f230.wer-pop .wer-pop-body { 
	padding: 1em 3%;
}

.r23 .r23-subtitle,
.f230 .f230-subtitle {
	/* padding: 0.1em 1em; */
	padding: 0.15em 1em;
	background-color: #6d7fdade;
	text-align: center;
	margin: 2em 0 0 0;
	font-size:1.2em;
	border-radius:0.15em;
	font-weight: 400;
	color: white;
}
.f230 .f230-instructiuni + .f230-subtitle {
	margin-top: 0.5em;
}
.r23-subtitle {
	line-height: 1.4em;
}


.r23 .wer-input,
.f230 .wer-input {
	box-shadow: none;
}

.r23 label {
	color: #4D4D4D;
	/* #212529 */
}

.r23-captcha-info,
.f230-captcha-info {
	color: #6d7fda !important;
}
.f230 .f230-captcha-info {
	margin-top: 4em;
    margin-bottom: 1em;
    padding-left: 0.5em;
    font-weight: 600;
    font-size: 1.15em;
	text-align: center;
}
.r23 .r23-captcha-info {
	margin-bottom: 1em !important;
	margin-top: 2em;
	text-align: center;
}

.f230 .f230-captcha-box {
	max-width: 26.5em;
	margin: 0 auto 3em;
}
.r23 .r23-captcha-box {
	width: 20em;
	margin: 0.5em auto 2em !important;
}

.r23 .r23-captcha-input.modified.wer-valid,
.f230 .f230-captcha-input.modified.wer-valid  {
	background-color: #e9f5fc !important;
}
.r23 .wer-input.r23-captcha-input.modified.wer-valid ~ label,
.f230 .wer-input.f230-captcha-input.modified.wer-valid ~ label {
	color: #4d4d4d !important;
}
.f230 .f230-captcha-input {
	width: calc(100% - 8em);
	color: #6d7fda;
}
.r23 .r23-captcha-input {
	width: 10em;
	color: #6d7fda;
}

.r23 .r23-captcha-refresh,
.f230 .f230-captcha-refresh {
	color: #6d7fda;
	font-size: 1.5em;
}

.r23 .wer-pop-foot,
.f230 .wer-pop-foot {
	padding: 1em;
}
.f230 .wer-pop-foot > * {
	padding: 0.5em 2em;
	font-size: 1em;
}
.r23 .wer-form-save {
	font-size: 1.1em;
}

/* FORMULAR F230 */
.f230 .f230-ong-info {
	flex-direction: column;
	font-size: 1.1em;
	display: flex;
}
.f230 .f230-ong-logo {
	border-radius: 0.2em;
    max-width: 100%;
    margin: auto;
	width: 11em;
	max-width:13em;
}
.f230 .f230-descriere {
	margin: 0;
}
.f230 .f230-website {
	text-align: center;
	margin-bottom: 5em;
	font-weight: 500;
}
.f230 .f230-instructiuni {
	background-color: #c8d0f761;
	text-align: center;
	font-style: italic;
    margin-bottom: 1em;
    padding: 1em;
}
.f230 .f230-checkboxes {
	margin: 2em auto 0;
	max-width: 20em;
}
.f230 .f230-semnatura-instructiuni {
	font-style: italic;
	text-align: center;
	margin: 1em auto;
	max-width: 80%;
}
.f230 .f230-semnatura-instructiuni + .wer-sign {
	margin-top: 5em;
}

.f230 .f230-big i.fa {
}
.f230 .f230-big i.fa::before {
	transform: scale(1.3);
}

.f230 .tt-l + .wer-input-row > .wer-input-group {
	padding-left: 0;
}

/* FORMULAR R23*/
.r23 .r23-url-target-group {
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin: 2.5em 0 0.85em 0;
}
.r23 .wer-input-row.fixed-label input.wer-input {
	border: 0.14em solid #c8d0f7 /*#cbd8df*/;
	border-radius: 0.3em;
}

.r23-tc .wer-input-group {
	margin: 0.65em 0;
}
.r23-subtitle + .r23-tc {
	margin-top: 1.5em;
}

/* MEDIA F230 R23 */
@media only screen and (min-width: 768px) and (max-width:959px) {
}
@media only screen and (max-width:767px) {
	.r23 .r23-url-target-group {
		padding-left: 0;
		padding-right: 0
	}
	.r23-mini-label {
		margin-left: 0.55em;
	}
}
@media only screen and (max-width: 959px) {
	.f230, .r23 {
		font-size: 15px !important;
		line-height: 24px;
	} 
	.f230-subtitle,
	.r23-subtitle {
		padding: 0.2em 1em;
	}
}

.mirtitle {
	background-color: #6d7fdade;
	border-radius: 0.15em;
	padding: 0.15em 1em;
	margin: 2em 0 2em 0;
	text-align: center;
	font-weight: 400;
	font-size: 1.2em;
	margin-top: 2em;
	color: white;
}
@media only screen and (max-width: 959px) {
	.mirtitle {
		padding: 0.2em 1em;
	}
}

.tt-box-body.admin-head-info {
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	padding: 0;
}
.admin-head-info > * {
	min-width: max-content;
	padding: 1em;
	flex: 1;
}
.admin-head-info > * > div:first-child {
	margin-bottom: 0.5em;
	text-align: center;
	font-weight: 600;
	color: #a0a0a0;
	width: 100%;
}
.admin-head-info > * > div:last-child {
	text-align: center;
	font-weight: 600;
	color: #485bc7;
	width: 100%;
}

/* CHART */
.chart-options {
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	width: 100%;
}
.chart-options > div {
	min-width: max-content;
	align-items: center;
	margin: 0.3em 1em;
	display: flex;
}
.chart-options > div label {
	margin-right: 1em;
	font-weight: 600;
	display: block;
	color: #a0a0a0;
}
.chart-options > div select {
	border: 2px solid #c8d0f7;
	background-color: white;
	padding: 0.3em 0.5em;
}
.dash-chart-tooltip {
	background: rgba(0, 0, 0, 0.7);
	transform: translate(-50%, 0);
	transition: all 0.1s ease;
	border-radius: 0.3em;
	pointer-events: none;
	position: absolute;
	padding: 0.5em 1em;
	font-size: 1em;
	color: white;
	opacity: 1;
}

/* OTHER */
.wer-pop img.f230-help {
	margin: 2em auto 0 auto;
	border-radius: 0.5em;
	max-width: 100%;
}

body.iframe {
	max-width: calc(100% - 6rem);
	margin: 0 auto;
	scroll: auto;
	width: 100%;
}
.iframe .wer-form.f230 {
	max-width: calc(100% - 6rem);
	width: calc(100% - 6rem);
}
.iframe .f230 .wer-pop-body {
	padding: 0;
}

.iframe .wer-pop-bg {
	background: rgba(74,74,74,0.5);
	background: -moz-radial-gradient(circle, rgba(74,74,74,0.5) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0) 100%);
	background: -webkit-radial-gradient(circle, rgba(74,74,74,0.5) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0) 100%);
	background: radial-gradient(circle, rgba(74,74,74,0.5) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a4a4a",endColorstr="#000000",GradientType=1);
}