/* A FIX */
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,
.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 {
	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 {
	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: #006583;
	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: #eff7f8;
}
.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;
}

#content {
	padding-left: 1em;
	padding-right: 1em;
}

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

/* SELECT2 FIXES */
.select2-results > .select2-results__options {
	max-height: 45vh !important;
	overflow-y: auto;
}
.wer-input-group .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0.86em;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
	padding: 0 0.6em !important;
}
.wer-activ-ben-hider .wer-input-group .select2-container .select2-selection--multiple {
	padding: 0 0.6em !important;
	min-height: 2.4em !important;
	align-items: center;
	flex-wrap: wrap;
	display: flex;
}
.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-activ-ben-hider .wer-input-group .select2-container .select2-selection--multiple .select2-selection__rendered {
	margin: 0 !important;
}
.wer-pop-body .wer-activ-ben-hider .select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin: 2.5px 2.5px 2.5px 0 !important;
}

.wer-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.wer-pop-body .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-pop-body .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-pop-body .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: #089bab;
	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: 1.5em;
	color: #aaaaaa;
}
.wer-stat-box-title {
	font-weight: bold;
	font-size: 1.1em;
}

/* 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: #089bab;
}
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;
}

.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: #089bab;/*#2a68b9;*/
	border-radius: 0.3em;
}
.wer-but:hover {
	background-color: #2fb5c4;/*#4582d3;*/
}
.wer-pop {
	/*box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2);*/
	border-radius: 1em;
	overflow: hidden;
}
.wer-pop .wer-pop-head {
	background-color: #089bab;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	color: #ffffff;
}
.wer-pop .wer-pop-close {
	background-color: #ffffff;
	color: #2a68b9;
	right: 1em;
	top: 0.7em;
	/*right: 1.5em;
	top: 1.4em;*/
}
.wer-no-close-but .wer-pop .wer-pop-close {
	display: none !important;
}
/*
.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;
	flex-wrap: wrap;
	padding: 0.5em;
	display: flex;
	z-index: 10;
}
/* 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.8em;
	padding: 1em 1em;
	font-weight: 500;
	margin: 0.5em;
}
/* ACTIVE */
.wer-page-head .tt-tab.tt-tab-active {
	background-color: #ceebee;
	color: #089bab;
}
/* HOVER */
.wer-page-head .tt-tab:hover,
.wer-page-head .tt-tab.tt-tab-active:hover {
	transform: scale(1.02);
	background-color: #e8f3f5;
	color: #089bab;
}





/* 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; }
.ttb-warn { background-color: #f58800 !important; }
.ttc-prog { color: #084AAB; !important; }
.ttb-prog { background-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: #089bab;
	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: #089bab !important;
	text-align: center;
	font-weight: 600;
	margin-top: 2em;
}
.on-tog-pri > .wer-toggle-body {
	border-color: #089bab !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: #ceebee;
	border-radius: 1.5em;
	padding: 1.5em;
}
.on-boxer > .on-switcher .tt-tab.tt-but {
	background-color: transparent;
	padding: 0.75em 0.5em !important;
	border-radius: 0.8em;
	min-width: 10em;
	color: #000000;
}
.on-boxer > .on-switcher .tt-tab.tt-but.tt-tab-active {
	background-color: #ffffff;
	color: #089bab;
}
.on-boxer > .on-box,
.on-boxer > .tt-tab-box {
	background-color: #ffffff;
	border-radius: 0.8em;
	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%;
}

/* POP TOG */
.wer-pop-tog.wer-toggle-next {
	border-radius: 1em 1em 0 0;
	background-color: #76c0c9;
	padding: 0.5em 1em;
	margin: 1em 0 0 0;
	text-align: left;
	color: white;
	width: 100%;
}
.wer-pop-tog.wer-toggle-next.wer-toggle-off {
	margin: 1em 0 1em 0;
	border-radius: 1em;
}
.wer-pop-tog.wer-toggle-next::after {
	font: normal normal normal 1.2em FontAwesome;
	transform: translateY(-50%);
	position: absolute;
	color: #fff;
	right: 1em;
	top: 50%;
}
.wer-pop-tog.wer-toggle-body.wer-toggle-on {
	border-bottom: 2px solid #ececec;
	border-right: 2px solid #ececec;
	border-left: 2px solid #ececec;
	border-radius: 0 0 1em 1em;
	margin-bottom: 1em;
}

/* DECONT */
.wer-pop.wer-pop-decont-sign {
	width: 60em;
}

/* mod-mi */
.wer-pop .wer-pop-head {
    padding-right: 2.5em;
}

.aa-ben-details {
	margin:auto;
	max-width:100%; 
	width:60em;
	align-items: baseline !important;
}

.aa-ben-details > * {
	margin: 0 auto;
	/* flex: 1; */
	min-width: 20em;
	max-width: 50%;
}

.aa-ben-details > * > * {
	display: flex;
}

.aa-ben-details .aa-bd-fieldname {
	width: 8em;
	min-width: 8em;
	padding-right: 0.5em;
}
.aa-ben-details .aa-bd-fieldname + div {
	/* flex: 1; */
	max-width: 20em;
}

.aa-ben-stats .tt-box-body {
	margin: -0.5em 0;
}

.aa-ben-stats .wer-stat-box-title {
	text-align: center;
}

.aa-sed-prog .tt-but {
	text-wrap: nowrap;
	white-space: nowrap;
}

/* notare item */
.aa-on-sed-notare-item > .aa-wr {
	width: 100%;
	display: flex;
}

.aa-on-sed-notare-item > .aa-wr > .brd {
	border-left: 1px solid #cacaca;
}

.aa-rr-ib > .tt-ico {
	margin-right: 0 !important;
	margin-left: 0.3em;
}
@media only screen and (max-width: 1000px) {
	.aa-import-ib > .on-baze-databox > .on-baze-data {
		min-width: 45%;
	}
}

/* select - program */
#switch-prog-n, #switch-prog-g, #switch-prog-m {
	min-width: 5em;
}



/* FONT SIZE */ 
body {
	font-size: 14px;
}

@media only screen and (max-width: 1500px) {
	body {
		font-size: 14px;
	}
}
@media only screen and (max-width: 768px) {
	body {
		font-size: 16px;
	}
}

/* PLANURI */

.aa-planuri {
	background-color: #ffffff;
	border-radius: 1em;
	padding: 0 !important;
	margin: 0.75em 0 !important;
}

/* JURNAL TERAPIE */
.aa-jt-title { 
	display: flex;
	flex-wrap: wrap;
}

.aa-jt-title > span + span {
	margin-right: auto;
	padding-right: 1em;
}

.aa-jt-title-name {
	padding-right: 0.5em ;
}

.aa-jt-stats {
	flex: 1;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.aa-jt-stats > :first-child {
	padding-right: 0.5em;
}
.aa-jt-status.tt-inline.tt-right.tt-bold-600 {
	float: none;
	white-space: nowrap;
}

.aa-admin-loc-tip {
	display: flex;
	flex-wrap: nowrap;
}
 /* activitati */
.aa-activ-bubble .wer-activ-row-props > * {
	min-width: 0em;
	width: fit-content;
	flex: none;
}

.aa-activ-bubble .wer-activ-row-props > :first-child {
	margin-right: 0.5em;
}
.aa-activ-bubble .wer-activ-row-props {
	justify-content: center;
}

/* varsta in pop */
div[data-form="decont_sedinte::default"] .wer-input.wer-numeric[name="copil_varsta"]:not(:focus) + label {
	padding-left: 2em !important;
}

/* rotatii cards - head */
.on-info.tf-0 {
	min-width: 0;
}

/* notificari */
.ttc-menu-text.tth-blue.pd0 > .wer-notif > .tt-but.mr4 {
	height: 2.3em;
	width: 2.3em;
}




@media only screen and (min-width: 994px) and (max-width: 1400px) {
	/* menu */
	.tt-menu-top .tt-menu,
	.tt-menu-bottom .tt-menu {
		height: 6.5em !important;
		flex-wrap: wrap;
	}

	.tt-menu-bottom .tt-main,
	.tt-menu-top .tt-main {
		min-height: calc(100vh - 11em) !important;
	}

	.tt-menu-top .tt-main {
		margin-top: 11em !important;
	}

	.tt-menu-bottom .tt-main {
		margin-bottom: 6.5em !important;
	}
}


@media only screen and (max-width : 789px) {

	/* contul meu */
	.aa-contul-meu .wer-pop-body.tt-c > :first-child {
		flex-direction: column;
		align-content: center;
	}

	.aa-contul-meu .wer-pop-body.tt-c > :first-child .wer-avatar-editor {
		margin-right: 0 !important;
	}
	.aa-contul-meu .wer-pop-body.tt-c > :first-child >  #userinfo {
		min-width: 10em !important;
		margin-left: -1em;
	}

	#straport > .wer-tab-head.on-switcher {
		justify-content: center !important;
	}
	#straport > .wer-tab-head.on-switcher > .tt-tab {
		flex: 1;
		margin: 0.3em 0.5em !important;
		max-width: 45%;
		min-width: max-content;
	}

	#straport  .tf-col.tf-0.flex-start {
		flex-shrink: 1 !important;
	}
}

@media only screen and (max-width : 768px) {
	/* popup confirm buttons */
	.wer-pop .wer-but.wer-confirm-yes,
	.wer-pop .wer-but.wer-confirm-no {
		margin: 1em 1em 0;
	}

	/*  */
	.on-info-circle {
		min-height: 1.6em;
		min-width: 1.6em;
	}

	.aa-stats-box-plan.tt-box.mt4.ml2.mr2{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.aa-stats-box-plan.tt-box.mt4.ml2.mr2 > .tt-gap2 {
		margin: 0 !important;
	}
	.on-boxer {
		padding: 1.35em 0.2em 0.75em;
		border-radius: 0.8em 0.8em 0.5em 0.5em;
	}

	.on-boxer > .tt-tab-box,
	.on-boxer > .on-box {
		border-radius: 0.15em;
		margin-bottom: 0 !important;
		padding: 1em 0.75em;
	}

	.aa-arh.on-boxer,
	.aa-po.on-boxer {
		padding-top: 0.75em;
	}

	.aa-arh.on-boxer > .on-switcher,
	.aa-po.on-boxer > .on-switcher {
		margin-bottom: 0.75em !important;
	}

	.aa-arh.on-boxer > .on-switcher > .tt-tab {
		margin: 0.3em 0.5em !important;
	}

	h2.pip-title {
		margin: 0.5em 0.5em 0.75em !important;
		text-align: center;
		font-size: 1.3em;
	}

	.wer-page-head.tt-tab-head:not(.on-max-box-80) {
		padding: 1em 0.65em 0;
	}
	.wer-page-head.tt-tab-head:not(.on-max-box-80) .tt-tab {
		padding: 0.5em 1em;
		margin: 0.35em 0.35em;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border-radius: 0.5em;

	}
	.wer-page-head.tt-tab-head:not(.on-max-box-80) .tt-tab:not(.tt-tab-active):not(:hover) {
		/* background-color: #f8fbfc; */
		background-color: #f6fafb; /*#f4f9fa*/;
	}

	#tabobiective > .tt-row {
		margin-bottom: 0.2em !important;
		margin-top: -0.8em;
	}
	#tabobiective > .tt-row > * {
		margin-left: 0.5em !important;
		flex: 1;
	}

	/* sedinta-terapie */
	.aa-tab-head-st {
		background-color: pink;
		justify-content: center !important;
	}

	.aa-tab-head-st + .tt-box-body.wer-tab-container > .tt-tab-box > .wer-tab-head.on-switcher {
		margin-left: -0.5em;
		margin-right: -0.5em;
	}
	.aa-tab-head-st + .tt-box-body.wer-tab-container > .tt-tab-box > .wer-tab-head.on-switcher > * {
		margin: 0.3em 0.5em !important;
	}

	.aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh,
	.on-sed-page  .on-baze-row-container.on-scroll-50vh ,
	.on-sed-page > .on-row-container.on-scroll-50vh {
		padding: 0;
		border: none;
		box-shadow: none;
		max-height: none;
	}



	/* MASS TRIAL - SELECTARE PROGRAME */
	/* left */
	.aa-sed-prog > div:first-child {
		flex-wrap: wrap;
		flex-basis: 0;
	}
	.aa-sed-prog > div:first-child > * {
		min-height: 50%;
		border-left: none;
	}

	.aa-sed-prog > div:first-child > * {
		min-width: 10vw !important;
		width: 12vw !important;
		/* font-size: 4vw !important; */
	}

	.aa-sed-prog > div:first-child > .on-ceebee + div {
		background-color: #ceebee;
	}

	/* mid */
	.aa-sed-prog > div.brd.stretch {
		/* padding-right: 1em; */
		/* flex-direction: column; */
	}

	.aa-sed-prog > div.brd.stretch > .tf-11 {
		font-size: 1.1em;
		padding-top: 0.25em;
	}
	.aa-sed-prog > div.brd.stretch > .tf-11,
	.aa-sed-prog > div.brd.stretch > .on-sed-status {
		min-width: 100%;
	}
	.aa-sed-prog > div.brd.stretch > .on-max-4 > .tt-but {
		flex-grow: 0;
		background-color: transparent;
		color: #089bab;
		padding: 0.15em;
		font-size: 1.2em;
	}

	.aa-sed-prog > div.brd.stretch > .tf-11 > .tt-but {
		padding: 0.2em 1em;
	}


	.aa-sed-prog > div.brd.stretch > .tf-11,
	.aa-sed-prog > div.brd.stretch > .on-sed-status,
	.aa-sed-prog > div.brd.stretch > .on-max-4 {
		padding: 0 3vw;
	}

	.aa-sed-prog > div.brd.stretch .tf-col.not-modificare  {
		min-width: 100%;
		/* margin: 0 -1.3em 0 -0.3em; */
	}

	/* MASS TRIAL - COLECTARE DATE */
	.aa-on-sed-prog-col {
		flex-wrap: nowrap !important;
	}
	.aa-on-sed-prog-col .aa-1 {flex-basis: 8vw !important;}
	.aa-on-sed-prog-col .aa-3 {flex-basis: 8vw !important;}
	.aa-on-sed-prog-col .aa-3 .tt-but {padding: 0 !important;}
	.aa-on-sed-prog-col .aa-3 .tt-ico {margin-right: 0 !important;}

	.aa-on-sed-prog-col .aa-2 { 
		flex-direction: column;
		align-items: flex-start;
	}
	.aa-on-sed-prog-col .aa-2 > * { 
        padding: 0 3vw;
		min-width: 10em;
		text-align: left;
	}

	.aa-on-sed-prog-col .aa-2 .on-info-circle  { 
		margin-left: 1em;
		flex: 0;
		align-self: baseline;
	}

	.aa-on-sed-prog-col .aa-2 > * > :first-child { 
		align-self: flex-start;
	}

	/* submenu - itemi */
	.aa-on-sed-items-col .on-sed-item > .on-infobox {
		padding-right: 0 !important;
	}
	.aa-on-sed-items-col .tf-col.not-modificare {
		/* margin: 0.75em -0.75em; */
		/* margin-top: 1em; */
		min-width: 100%;
	}

	/* notare itemi */
	.aa-on-sed-notare-item {
		margin-bottom: 0.85em;
		border-bottom: 1px solid #cacaca !important;
	}

	.aa-on-sed-notare-item .tt-ico.fa-times-circle::before {
		left: 60%;
	}

	.aa-on-sed-notare-item > .aa-wr {
		flex-direction: column;
	}

	.aa-on-sed-notare-item > .aa-wr .brd {
		border-left: none;
		/* border-top: 1px solid #cacaca; */
	}


	.aa-on-sed-notare-item > .aa-wr > :first-child {
		width: 100%;
		text-align: center;	
		background-color: #f0f0f0;

	}

	.aa-on-sed-notare-item > .aa-wr .not-box6 {
		min-height: fit-content;
		margin: auto;
	}

	.aa-on-sed-notare-item > .aa-wr .tt-absc,
	.aa-on-sed-notare-item > .aa-wr .not-btm-nr {
		transform: none;
		position: static;
	}

	.aa-on-sed-notare-item > .aa-wr > .tf-grow {
		min-height: 11.6em;
		flex-basis: max-content;
		align-content: baseline;
		background-color: #f9f9f9;
		padding: 0.5em 0.1em;

	}
	.aa-on-sed-notare-item > .aa-wr > .tf-grow-max {
		min-width: 100%;
		/* background-color: #f0f0f0; */
	}

	.aa-on-sed-notare-item > .aa-wr > .tf-grow-max > * {
		margin: 0.3em 0.2em;
		flex: 1;
		border-radius: 0.2em;
		height: fit-content;
		padding: 0.2em 1em;
		font-size: 2.1em;
	}
	.aa-on-sed-notare-item > .aa-wr > .tf-grow-max > *:hover {
		transform: none;
	}
	.aa-on-sed-notare-item > .aa-wr > .tf-grow-max > .not-add-punct.minus {
		background-color: #e35353;
		color: white;
	}
	.aa-on-sed-notare-item > .aa-wr > .tf-grow-max > .not-add-punct:not(:last-child):not(.minus) {
		background-color: #4c68a0 /* #011e5a*/;
		color: white;
	}
	.aa-on-sed-notare-item > .aa-wr > .tf-grow-max > .not-add-punct:last-child {
		background-color: #2a447a ;
		color: white;
	}

	#rr-collect > .wer-lister {
		/* background-color: #fcfcfc; */
		border-radius: 0.5em;
	}
	#rr-collect .on-sed-bb {
		border: none;
		/* background-color: #ceebee; */
		background-color: #f3f3f3;

		/* background-color: inherit; */
		padding: 0.5em;
		/* margin-bottom: 0 !important; */
		border-radius: 0.5em;
	}

	#rr-collect .on-sed-bb > * > span {
		background-color: #fdfdfd;
	}

	#rr-collect .on-sed-bb + .on-row-container > * {
		border: 1px solid #cacaca;
		border-radius: 0.5em;
		overflow: hidden;
		margin-bottom: 1em !important;
	}

	#rr-collect .on-sed-bb + .on-row-container > * > :first-child {
		background-color: white;
	}

	#rr-collect .aa-on-sed-notare-item {
		margin-bottom: 0;
		border-bottom: none !important;
	}

	.aa-tab-head-st + .tt-box-body #rr-save {
		margin-left: 0;
	} 

	/* PROGRAME SI OBIECTIVE */
	.aa-bp-s1 {
		font-size: 1em !important;	
	}
	.aa-bp-s3 > .on-pip-row.on-pip-prog  {
		font-size: 1.1em;	
	}

	/* .aa-bp-s3 .on-pip-databox.tf-j-end > .tf-j-end > .ti-comment-alt {
		margin-top: 0.2em;
	}

	.aa-bp-s3  .on-pip-databox.tf-j-end > .tf-j-end > .on-pip-ico.fa-pencil {
		margin: 0 !important;
	} */

	.aa-bp-pip-ir2-dw {
		margin-top: 0.1em;
	}

	.aa-bp-s1 > * {
		flex: 1;
		flex-basis: 30%;
		text-wrap: nowrap;
		white-space: nowrap;
		min-width: max-content;
	}

	.aa-bp-s1 > :last-child {
		justify-content: right;
	}

	/* wer-itemlist in pop */
	.wer-pop-body > .wer-toggle-body.wer-toggle-on > .wer-itemlist {
		padding: 0;
	}

	/* sedinta comportament */
	.aa-on-sed-comp {
		border: 1px solid #aaaaaa;
		border-radius: 0.5em;
		margin-bottom: 0.5em;
		overflow: hidden;
	}
	.aa-on-sed-comp .on-infobox > .on-info > :first-child {
		width: 6em;
	}
	.aa-on-sed-comp .on-infobox > .on-info { margin: 0.25em 0.5em } 
	.aa-on-sed-comp .on-infobox > .aa-tehnica {
		flex-basis: 100%;
		order: 3;
	}

	.aa-on-sed-comp .on-infobox > .aa-controls {
		order: 4;
		padding-bottom: 0.25em;
	}

	/* detalii item, detalii comportament */

	.on-det-notare-item > .on-det-cols.brr,
	.on-det-notare > .tf-j-even {
		/* width: max-content !important; */
		width: fit-content !important;
		padding: 1em;
	}

	.on-det-notare-item {
		border: 1px solid #cacaca !important;
	}

	/* 4 squares */
	.on-det-squares {
		margin: 0 -0.25em;
	}
	.on-det-squares > * {
		flex-wrap: wrap !important;
	}

	.on-det-square {
		background-color: #eef7f8 /* #e5f3f4 */;
		border-radius: 0.5em;
		margin: 0.25em;
	}

	.on-det-square-row {
		text-wrap: nowrap;
		white-space: nowrap;

	}

	/* import program/itemi */
	.aa-import-ib > .on-baze-databox {
		margin-top: 0.25em;
	}
	.aa-import-ib > .on-baze-databox > .on-baze-data {
		flex-basis: 100%;
	}
	.aa-import-ib > .on-baze-iconbox {
		font-size: 1.6em;
		width: 1em;
		margin-left: 0.1em;
	}

	.baza-import-pop .aa-ll-ib,
	.baza-import-pop .aa-rr-ib {
		margin: 0.5em 0;
	}

	/* test */
	.on-pip-filters.fixed-label .stretch.brd .on-info {
		min-height: max-content;
	}
	.aa-colect-date-row > .tf-row, /* sed terap */
	.aa-detprog-terap-rel + .wer-toggle-body .on-det-item .on-infobox, /* detprog */
	.aa-detprog-col-generalizare + .wer-toggle-body .on-det-item,
	.aa-on-detprog-itemi + .wer-toggle-body .on-det-item {
		border: none;
		margin: 0 0 0.5em 0;
		padding: 0.5em;
		border-left: 5px solid #81c8cf;
		margin: 0.5em 0;
		border-radius: 0.25em;
		background-color: #fafafa;
	}

	.aa-on-detprog-itemi + .wer-toggle-body .on-det-item {
		border-left: none;
	}

	.aa-on-detprog-itemi + .wer-toggle-body .on-det-bb {
		border-bottom: none;
	}

	.aa-detprog-terap-rel + .wer-toggle-body .on-det-item {
		padding: 0;
		margin: 0;
		border: none;
	}
	.aa-detprog-terap-rel + .wer-toggle-body .on-det-item .on-infobox{
		margin: 0.25em 0;
	}
	

	.aa-colect-date-row > .tf-row.wer-toggle-on,
	.aa-detprog-terap-rel + .wer-toggle-body .on-det-item .on-infobox.wer-toggle-on,
	.aa-detprog-col-generalizare + .wer-toggle-body .on-det-item.wer-toggle-on {
		border-left: 5px solid #089bab;
		border-bottom: none;
	}

	.aa-colect-date-row > .tf-row,
	.aa-detprog-col-generalizare-row {
		padding-right: 1.8em !important;
	}

	/* test */
	.aa-colect-date-row > .wer-toggle-body {
		margin: 0 !important;
	}


	.aa-colect-date-row > .wer-toggle-body > .tf-row {
		background-color: #fdfdfd;
		border: 1px solid #f6f6f6;
		/* border-radius: 0.3em; */
		/* border-radius: 0 0.3em 0.3em 0; */
		margin: 0.5em 0 !important;
		padding: 0.5em !important;
		border-left: 6px solid #f0f0f0;
	}

	/* jurnal terapie */
	.aa-os-row {
		flex-direction: column !important;
		padding: 0.5em !important;
	}

	.aa-os-row > :first-child {
		flex-direction: row !important;
		/* flex-wrap: nowrap; */
		width: 100% !important;
		justify-content: space-between;
		border-bottom: 1px solid #f4f4f4;
	}
	.aa-os-row > :last-child {
		padding-top: 0.5em;
	}
	.aa-os-row > :first-child > * {
		width: max-content;
		padding: 0 0.5em;
		margin: 0 auto !important;
	}
	.aa-os-row > :first-child > :last-child {
		font-size: 0.9em;
	}


	.aa-jurnal-terapie > .tt-box-body {
		padding: 1em !important;
	}

	.roundy-blue {
		/* background-color: #eef8f9; */
		border-radius: 0.5em !important;
		padding: 1em !important;
		/* padding: 1.35em 0.5em 0.75em !important; */
		padding: 1em 0.5em !important;
	}

	.aa-jurnal-terapie .on-boxer.mt5 > h3 {
		padding-left: 1em;
	}

	.aa-jurnal-terapie .on-boxer > .on-box {
		padding: 0.5em;
	}

	.aa-jurnal-terapie .on-boxer > .on-box > .wer-toggle-body {
		padding: 0.5em 0 !important;
	}

	.aa-not-roundy-white > :last-child {
		min-width: 75%;
	}
	.aa-o-roundy-white {
		flex-direction: column !important;
	}

	.roundy-white {
		padding: 0.5em 0.75em !important;
	}

	.aa-o-roundy-white > :first-child {
		flex-direction: row;
		/* flex-wrap: nowrap; */
		width: fit-content !important;
		margin: 0em -0.5em !important;
		border-bottom: 1px solid #f4f4f4;
		width: calc(100% + 1em) !important;
	}
	.aa-o-roundy-white > :first-child > * {
		flex: 1;
		white-space: nowrap;
		padding: 0 0.5em;
		margin-top: 0 !important;
		
	}

	.aa-o-roundy-white > :first-child > .mt2.tt-fill:not(.ttc-gray) {
		white-space: wrap;
		flex-basis: max-content;
	}
	.aa-o-roundy-white > :first-child > :first-child {
		flex-basis: 100%;
	}
	.aa-o-roundy-white > :first-child > :last-child {
		flex-grow: 0;
	}

	.aa-o-roundy-white > :first-child > .tt-bold-600 + .tt-fill {
		/* flex: 1; */
	}
	.aa-o-roundy-white > :last-child {
		padding: 0.25em 0.5em;
	}

	#listabeneficiari > .cben-list > .cben-box {
		min-width: 11em;
		flex: 1;
		/* width: 40%; */
		/* max-width: 250px; */
		margin: 0.25em;

	}

	#listabeneficiari > .cben-list > .cben-box .tt-but {
		font-size: 0.7em;
		padding: 0.5em;
	}

	#listabeneficiari > .tt-fill > .tt-fill.tf-row .cben-find {
	 flex: 1;
	}

	/* activitati */
	.aa-activitati-pag {
		padding-left: 1em !important;

	}
	.wer-activ-container {
		padding-right: 0 !important;
	}

	/* schedy */
	.wer-sched-dhfc {
		width: 18.85em !important;
		min-width: 18.85em;
	}
	.wer-sched-d-bg-name {
		width: 18em;
		min-width: 18em;
	}
	.wer-sched-dhh {
		width: 29em;
		min-width: 29em;
		/* left: 18em !important; */
	}
	.wer-sched-d-bg-hrs {
		left: 18em !important;
		width: 28em;
	}
	.wer-sched-d-ev-nm {
		width: 17.4em;
		min-width: 17.4em;
	}
	.wer-sched-d-bg-hrs-hr {
		flex: none;
		width: 1em;
		min-width: 1em;
	}
	.wer-sched-day-ev-placer {
		left: 18em !important;
		width: 28em;
	}
	.wer-sched-d {
		overflow-x: auto;
	}

	.wer-sched-view-week {
		overflow-x: auto;
	}
	.wer-sched-w {
		min-width: 60em;
	}
	.wer-sched-whc-d span {
		display: inline !important;
	}

}

@media only screen and (max-width : 650px) {
	.aa-ben-details > * {
		min-width: 20em;
	}

	/* selectare programe */
	.aa-sed-prog > div.brd.stretch {
		/* padding: 0 2vw; */
		padding: 0;
	}

	.aa-sed-prog > div.brd.stretch .on-info > div:first-child {
		width: max-content;
		font-size: 0.9em;
	}

	.aa-sed-prog > div.brd.stretch .on-max-4 {
		min-width: fit-content;
	}

	/* colectare */
	.aa-on-sed-prog-col .aa-2 > .on-prog-status > :first-child {
		width: fit-content;
	}

	.aa-on-sed-items-col .on-sed-item > .on-infobox > .tf-11,
	.aa-on-sed-items-col .on-sed-item > .on-infobox > .on-max-5 {
		min-width: 100%;
		padding: 0 1em;
	}

	.aa-on-sed-items-col .on-sed-item > .on-infobox > .tf-11 > :first-child,
	.aa-on-sed-items-col .on-sed-item > .on-infobox > .on-max-5 > :first-child {
		min-width: 5em;
		width: fit-content;
	}

	.aa-on-sed-items-col .on-sed-item > .on-infobox > .tf-11 > *{
		align-self: flex-start;
	}
	.aa-on-sed-items-col .on-sed-item > .on-infobox > .on-max-5 > :first-child {
		/* align-self: center; */
	}

	.aa-on-sed-items-col .on-sed-item > .on-infobox > .tf-11 .fa-flag {
		float: right;
	}

	/* header itemi */

	.aa-on-sed-notare-item .on-input-boxes.on-sed-bb > :last-child {
		min-width: 100%;
		padding: 0.2em 0.7em 0.7em 3.75em;
	}
	.aa-on-sed-notare-item .on-input-boxes.on-sed-bb > .tt-ico {
		margin: 0;
	}
	.aa-on-sed-notare-item .on-input-boxes.on-sed-bb > :last-child > select {
		min-width: 100%;
		padding: 0;
	}

	/* random rotation */

	.on-baze-row-container > .on-sed-prog > .on-sed-items {
		padding: 0 !important;
	}

	.on-baze-row-container > .on-sed-prog > .on-sed-items > .on-row-container > * {
		flex-wrap: nowrap !important;
	}
	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap {
		flex-wrap: wrap;
	}

	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap > .tf-row.tf-stretch {
		max-width: calc(100% - 3.6em);
		flex-direction: column;
		align-items: flex-start;
	}

	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap > .tf-row.tf-stretch > * {
		padding: 0.15em;
	}

	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap > .tf-row.tf-stretch > :last-child {
		align-self: center;
	}

	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap > .tf-row.center {
		flex: 1 !important;
		flex-basis: 100% !important;
		margin-right: -2em;
		margin-left: 3.6em;
		justify-content: center;
		border-top: 1px dashed #cacaca;
	}
	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap > .tf-row.center > :first-child {
		margin-left: -0.75 !important;
	}

 	/* random rotation */
	.tf-row.tf-stretch.tf-1.brd.pdl4 > .on-info.tf-6 {
		min-height: max-content;
		min-width: 12em;
	}


}


@media only screen and (max-width : 600px) {
	.tt-tab-head {
		border-radius: 0 !important;
	}

	.wer-page-head.tt-tab-head:not(.on-max-box-80) {
		padding-top: 1em;
		padding-bottom: 0;
	}
	/* .wer-page-head.tt-tab-head:not(.on-max-box-80) .tt-tab {
		padding: 0.75em 1em;
		margin: 0.25em 0.5em;
	} */

	.tt-box-body.wer-tab-container {
		padding-top: 0.25em !important;
	}

	.on-pip-prog > .on-pip-databox.tt-col.on-pip-title {
		min-width: 16em;
	}

	.on-boxer .aa-topbar-r {
		margin: 0;
	}

	.aa-arh.on-boxer > .on-switcher,
	.aa-po.on-boxer > .on-switcher {
		justify-content: center;
	}

	.aa-on-sed-items-col {
		padding: 0 !important;
	}
	/* .pip-title {
		background-color:hsl(137, 100%, 50%);

	} */


	/* .on-boxer {
		padding: 1.35em 0.2em 0.75em;
		border-radius: 0.8em 0.8em 0.5em 0.5em;
	}

	.on-boxer > .tt-tab-box,
	.on-boxer > .on-box {
		border-radius: 0.15em;
		margin-bottom: 0 !important;
	} */
	 /* PROGRAME SI OBIECTIVE */
	 .aa-bp-s1 > * {
		flex-basis: 40%;
	 }

	 .wer-form .aa-wer-intaritor {
		padding: 0.5em !important;
	 }

	 /* rotatii */ 
	 .on-sed-iconbox.tf-0 {
		width: 2em !important;
	}

	 .on-sed-notari.wer-lister.pb2> .on-row-container > .on-rotatie ,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie {
		flex-direction: column;
	 }

	 .wer-lister > .on-row-container > .on-rotatie > :last-child ,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > :last-child {
		border-left: none;
		border-top: 1px solid #cacaca;
	 }

	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even {
		flex-direction: row;
		width: 100% !important;
		padding: 0.5em 0.75em;

	 }

	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even > *,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > * {
		flex: 0;
	 }

	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :first-child,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :first-child {
		order: 2;
	 }

	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :first-child + .tf-centerbox,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :first-child + .tf-centerbox {
		margin-right: auto;
	 }
	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :first-child + .tf-centerbox > *,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :first-child + .tf-centerbox > *{
		display: flex;
		flex-direction: row;
		/* padding: 0.5em */
	 }



	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :first-child + .tf-centerbox > * > :first-child,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :first-child + .tf-centerbox > * > :first-child {
		margin-right: 0.5em;
	 }

	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :last-child,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :last-child {
		 margin-right: 0.5em;
	 }
	 .wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :last-child > *,
	 .aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :last-child > * {
		text-wrap: nowrap;
		white-space: nowrap;
	 }

	 /* detalii item, detalii comportament */

	 .on-det-notari {
		padding: 0 !important;
	 }

	 .on-det-notare-item {
		margin-bottom: 0.25em !important;
		border-bottom: 1px solid #cacaca;
	 }
	 .on-det-notare  {
		flex-direction: column !important;
		
	}

	.on-det-notare-item > .on-det-cols.brr,
	.on-det-notare > .tf-j-even {
		min-width: fit-content !important;
		width: 100% !important;
		flex-direction: row;
		justify-content: space-between !important;
		border-bottom: 1px dashed #cacaca;
		padding: 0 1em;
		border-right: none;
	}

	.on-det-notare > .tf-j-even + .brd {
		border-left: none !important;
	}

	.on-det-notare-item > .on-det-cols.brr > .on-det-info,
	.on-det-notare > .tf-j-even >.tf-centerbox {
		flex: 0;
	}

	.on-det-notare-item > .on-det-cols.brr > .on-det-info:first-child,
	.on-det-notare > .tf-j-even >.tf-centerbox:first-child {
		order: 3;
	}
	.on-det-notare-item > .on-det-cols.brr > .on-det-info:first-child + .on-det-info,
	.on-det-notare > .tf-j-even >.tf-centerbox:first-child + .tf-centerbox  {
		order: 1;
		margin-right: auto;
	}
	.on-det-notare-item > .on-det-cols.brr > .on-det-info:last-child,
	.on-det-notare > .tf-j-even >.tf-centerbox:last-child {
		order: 2;
		margin-right: 1em;
	}

	.on-det-notare-item > .on-det-cols.brr > .on-det-info > *,
	.on-det-notare > .tf-j-even >.tf-centerbox > * {
		text-wrap: nowrap;
		white-space: nowrap;
	}

	/* import program/itemi */
	.aa-import-ib > .on-baze-items .on-baze-databox {
		flex-wrap: wrap;
	}

	.aa-import-ib + .on-baze-items .on-baze-row.on-baze-item {
		padding-left: 0;
		flex-wrap: nowrap;
	}
	.aa-import-ib + .on-baze-items .on-baze-row.on-baze-item .on-item-name {
		margin-left: 0.3em;
	}

	/* detalii program */
	.aa-detalii-program-on-tog .on-list-status-text.on-det-nr {
		width: max-content !important;
		padding-right: 1em;
		font-size: 1.2em;
		/* line-height: 0.9em; */
		margin-top: 0.2em;
	}

	.aa-detalii-program-on-tog .on-sed-title-tog {
		padding-right: 1em;
	}

	.aa-colect-date-row > .tf-row > .tf-grow,  /* sed terap */
	.aa-on-detprog-itemi + .wer-toggle-body .aa-bi-status-row > :first-child,
	.aa-detprog-col-generalizare-nume {
		flex-basis: 100% !important;
		border-bottom: 1px dashed #cacaca;
		padding-bottom: 0.3em;
	}

	
	.aa-on-detprog-itemi + .wer-toggle-body .aa-bi-status-row > :last-child > :first-child {
		text-align: left;
	}

	.aa-on-detprog-intretinere +.wer-toggle-body .on-det-nr {
		padding-right: 0;
	}

	.aa-colect-date-row > .wer-toggle-body {
		padding: 0 0 0 1em !important;
	}
	.aa-colect-date-row > .wer-toggle-body > .tf-row > .tf-grow {
		flex-basis: 100%;
	}

	.aa-colect-date-row > .wer-toggle-body > .tf-row > .on-bold-600 {
		font-size: 0.9em;
		margin-right: auto;
		text-align: left;
	}
	.aa-colect-date-row > .wer-toggle-body > .tf-row > .on-det-nr {
		font-size: 1.3em;
		text-align: left;
		/* width: max-content !important; */
	}
	.aa-colect-date-row > .wer-toggle-body > .tf-row > .tt-but {
		font-size: 0.8em;
	}

	.tt-box.aa-planuri {
		padding: 0 !important;
	}

	/* centru */

	.aa-pc > .tt-box-body > .wer-toggle-body {
		padding: 0 !important;
	}
	.aa-pc > .tt-box-body > h2 {
		padding-right: 2em;
	}

	#listabeneficiari > .tt-fill > .tt-fill.tf-row {
		flex-direction: column;
		font-size: 1.2em;
	}

	#listabeneficiari > .tt-fill > .tt-fill.tf-row .cben-find input {
		font-size: 0.55em;
	}

	#listabeneficiari > .tt-fill > .tt-fill.tf-row > * {
		margin-left: 0 !important;
		width: 100% !important; 
	}

	#listabeneficiari > .tt-fill > .tt-fill.tf-row > .tt-but {
		margin-bottom: 0.75em !important;
	}

	.aa-admin-loc .cpick-list {
		padding-left: 0.2em; 
		padding-right: 0.2em; 
		border-radius: 0.8em;

	}
	.aa-admin-loc-tip {
		flex-basis: 100%;
		padding-left: 2.5em;
	}

	.aa-admin-loc-tip > :last-child {
		width: 9em !important;
	} 

	/* activitati */
	.aa-activitati-pag {
		padding-right: 1em !important;
	}

	.aa-activitati-pag .wer-activ-day-head {
		padding-left: 1em;
	}

	
	.aa-activ-bubble > .wer-activ-row-chainer {
		width: 0.5em;
	} 

	.aa-activ-bubble .wer-activ-row-chain-bubble {
		top: -0.25em;
		left: -1.25em;
	}

	.aa-activ-bubble > .wer-activ-row-chainer::before {
		display: none;
	}

	.aa-activ-bubble .wer-activ-row-stats {
		padding-left: 1.5em;
	}

	      /* activ compact */
	
	.wer-activ-row-stats + .tf-row.tt-fill.pd2.center > .tf-row.center {
		flex-wrap: nowrap;
		align-items: baseline;
	}

	/* detalii item */
	.item-stats {
		flex-direction: column !important;
		align-items: center !important;
	}

	.item-stats > .tf-col {
		width: calc(100% - 2em);
		max-width: 100% !important;
	}

}

@media only screen and (max-width: 550px) {
	.aa-on-sed-comp > .on-not-head {
		flex-direction: column;
	}

	.aa-on-sed-comp .on-infobox {
		border-left: none;
		border-top: 1px solid #f5f5f5;
	}

	.aa-on-sed-comp  .on-sed-comp-box > .tt-c {
		margin: 0;
	}

	.aa-not-comp-box > .fa-clock-o {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.aa-not-comp-box > .fa-clock-o::before {
		transform: translateX(-50%) translateY(-20%);
		font: normal normal normal 0.5em FontAwesome;
		left: 25%;
		bottom: 0em;
	}

	.aa-on-sed-comp  .on-sed-puncte-box {
		border-left: none;
	}
	.aa-on-sed-comp .on-sed-puncte-nr {
		left: 63%;
	}

	.on-readonly .aa-not-comp-box .fa-clock-o {
		width: 0;
	}

}
@media only screen and (max-width : 500px) {


	.on-det-notare-item > .on-det-cols.brr > .on-det-info:last-child,
	.on-det-notare > .tf-j-even >.tf-centerbox:last-child,
	.wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :last-child ,
	/* .on-sed-notari.wer-lister.pb2> .on-row-container > .on-det-notare > .tf-j-even > :last-child , */
	.aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :last-child {
		margin-right: 0;
	}

	.on-det-notare-item > .on-det-cols.brr > .on-det-info:first-child,
	.on-det-notare > .tf-j-even >.tf-centerbox:first-child,
	.wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :first-child,
	/* .on-sed-notari.wer-lister.pb2> .on-row-container > .on-det-notare > .tf-j-even > :first-child, */
	.aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :first-child {
		flex-basis: 100%;
	}

	.on-det-notare-item > .on-det-cols.brr > .on-det-info:first-child > span,
	.on-det-notare > .tf-j-even >.tf-centerbox:first-child > span,
	.wer-lister > .on-row-container > .on-rotatie > .tf-j-even > :first-child > span,
	/* .on-sed-notari.wer-lister.pb2> .on-row-container > .on-det-notare > .tf-j-even > :first-child > span, */
	.aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :first-child > span {
		margin-left: auto;
	}

	.on-det-notare-item > .on-det-cols.brr > .on-det-info:first-child > span,
	.on-det-notare > .tf-j-even >.tf-centerbox:first-child > span {
		padding-bottom: 0.5em;
	}
 



}


@media only screen and (max-width : 450px) {
	.aa-on-sed-notare-item .on-input-boxes.on-sed-bb > *  > select {
		min-width: 100%;
		padding: 0;
	}
	.aa-on-sed-notare-item .on-input-boxes.on-sed-bb > *:not(.tt-ico + .tf-4):not(.tt-ico) {
		min-width: 100%;
		padding: 0.2em 0.7em 0.7em 3.75em;
	}
	/* .aa-on-sed-notare-item .on-input-boxes.on-sed-bb > .tt-ico + .tf-4 > select {
		min-width: 100%;
	} */

	/* PROGRAME SI OBIECTIVE */
	.aa-bp-s1 > * {
	flex-basis: 80%;
	}

	/* import program/itmei */
	.aa-import-ib > .on-baze-databox > :last-child {
		align-self: center;
	}




}

@media only screen and (max-width: 400px ) {
	/* colectare */
	.aa-on-sed-prog-col .aa-1,
	.aa-on-sed-prog-col .aa-2 {
		/* font-size: 0.9em; */
		font-size: 4.5vw !important;
	}
	
	.aa-on-sed-prog-col .aa-2 > .on-prog-status{
		font-size: 0.9em;
	}

	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap > .tf-row.tf-stretch > .on-info.tf-6 + .on-info.tf-0 > .w6em {
		max-width: fit-content;
	}


	.on-sed-iconbox.tf-0 {
		font-size: 1.3em;
	}
	.on-sed-iconbox.tf-0 + .brd.pd2 .on-info {
		min-width: 11em;
	}
	.on-sed-iconbox.tf-0 + .brd.pd2 .on-info > :first-child {
		font-size: 0.8em !important;
	}
	.on-sed-iconbox.tf-0 + .brd.pd2 .on-info > :last-child {
		font-size: 0.9em !important;
	}


	/* sed comp */
	.aa-on-sed-comp .aa-obiectiv {
		min-width: 12em;
		margin-left: 1.5em !important;
	}

	.on-det-notare > .tf-j-even + .brd .on-info > :first-child {
		font-size: 0.9em;
	}

	.on-det-notare > .tf-j-even + .brd .on-info > * {
		/* text-align: center; */
	}

	.on-det-notare-item > .on-det-cols > .on-det-info:first-child + .on-det-info > span {
		font-size: 1em;
	}

	.on-det-notare-item > .on-det-cols.brr {
		padding-top: 0.5em;
	}

	.aa-bp-s3 .aa-bp-pip-item .on-statusclass,
	.aa-bp-s3  .on-pip-databox.tf-j-end > .tf-j-end > .on-statusclass {
		font-size: 0.67em;
	}
	
	/* rot */
	.aa-wr {
		font-size: 0.95em;
	}
	.aa-wr > :last-child {
		font-size: 0.9em;
	}
	/* import program/itmei */
	.aa-import-ib > .on-baze-databox {
		padding-left: 0.75em;
	}
	.aa-import-ib > .on-baze-databox .fa-info-circle {
		font-size: 1.5em;
		margin-bottom: 0.1em;
		color: #089bab;
	}

	.aa-import-ib > .on-baze-databox > .on-baze-data:first-child {
		font-weight: 600;
	}
	.aa-import-ib > .on-baze-databox > .on-baze-data:not(:first-child) > :first-child {
		width: max-content !important;
	}
	.aa-import-ib > .on-baze-databox > .on-baze-data + .tt-but {
		margin-left: 0;
	}

	.aa-colect-date-row .tt-but {
		margin-right: 0 !important;
	}

	#listabeneficiari > .tt-fill > .tt-row.wer-tab-head {
		flex-direction: column;
	}

	/* activitati */
	.aa-activ-bubble {
		margin: 0 -0.25em;
		width: calc(100% + 0.5em) !important;
	}

	.aa-activ-bubble > .wer-activ-row-body {
		padding-left: 0.25em;
		padding-right: 0.25em;
	}
	.aa-activ-bubble .wer-activ-row-stats {
		flex-direction: column;
	}

	.aa-activ-bubble .wer-activ-row-chainer {
		width: 0em;
	}

	.aa-activ-bubble .wer-activ-controls {
		flex-wrap: wrap;
	}

	.aa-activ-bubble .wer-activ-row-chain-bubble {
		/* top: 0.25em;
		left: -0.75em; */
		top: -0.8em;
		left: 0;
	}

	.aa-activitati-pag .wer-activitati-centered {
		padding: 0.25em;
	}	


}

@media only screen and (max-width : 370px) {
	.aa-ben-details > * {
		min-width: 17em;
	}

	.aa-ben-details > * > *{
		flex-direction: column;
		text-align: center;
	}

	.aa-ben-details .aa-bd-fieldname {
		text-align: start;
	}

	.aa-po-comp > #list-pip-comp {
		/* padding: 0.1em !important; */
		width: calc(100% + 1em);
		margin: 1em -0.5em 0 -0.5em;
	}

	.aa-bp-s3 {
		/* width: none; */
		/* margin: 1em -0.5em 0 -0.5em; */
	}

	.on-baze-row-container .on-sed-prog-col .wer-toggle-next.pdr2em.tf-nowrap > .tf-row.tf-stretch > :last-child {
		align-self: flex-start;
	}

	.on-baze-row-container > .on-sed-prog > .on-sed-items > .on-row-container > * {
		font-size: 0.9em ;
	}


	.wer-lister > .on-row-container > .on-rotatie >  .tf-j-even > :last-child,
	/* .on-sed-notari.wer-lister.pb2> .on-row-container > .on-det-notare >  .tf-j-even > :last-child, */
	.aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :last-child {
		flex-basis: 50%;
	}
	.wer-lister > .on-row-container > .on-rotatie >  .tf-j-even > :last-child > *,
	/* .on-sed-notari.wer-lister.pb2> .on-row-container > .on-det-notare >  .tf-j-even > :last-child > *, */
	.aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :last-child > * {
		margin-right: auto;
	}
	.wer-lister > .on-row-container > .on-rotatie >  .tf-j-even > :first-child,
	/* .on-sed-notari.wer-lister.pb2> .on-row-container > .on-det-notare >  .tf-j-even > :first-child, */
	.aa-tab-head-st + .tt-box-body.wer-tab-container .on-row-container.on-scroll-50vh > .on-rotatie > .tf-j-even > :first-child {
		flex: 1;
	}


}


/* ======= beneficiar ============ */
.aa-ant > .tt-box-body {
	padding-top: 0.75em;
}

@media only screen and (max-width: 1400px) {
	.aa-ben-stats > .tt-box-body.tt-row {
		font-size: 0.8em;
	}

	.aa-ben-stats > .tt-box-body.tt-row .wer-stat-box-info {
		font-size: 1.3em;
	}
	.aa-ben-stats {
		padding-bottom: 0.75em !important;
	}
	.aa-ben-stats > .tt-box-body.tt-row {
		padding: 0.85em 1em !important;
	}

}
@media only screen and (min-width: 1401px) {


	.aa-ant-wrappy {
		display: flex;
		padding: 0.75em 0;
	}

	.aa-ant-wrappy > * {
		padding: 0 !important;
	}




	.aa-ant {
		margin-right: 1.5em !important;
		flex: 1;
	}


	.aa-ant > .tt-box-body {
		display: flex;
		flex-wrap: wrap;
	}

	.aa-ben-details {
		/* flex-direction: column !important; */
		width: unset;
	}
	.aa-ant > .tt-box-body > .tt-crumbs {
		width: 100%;
	}
	.aa-ant-body {
		width: 100%;
		display: flex;
		margin-top: 1em;
	}

	.aa-ant-body > .tt-ctw.mt2 {
		width: unset;
		margin: 0.25em 2em 0 0.75em !important
	}

	.aa-ant-body > .aa-ant-right h2 {
		margin-top: 0 !important;
		margin-bottom: 0.2em !important;
	}

	.aa-ant-body > .aa-ant-right h3 {
		margin-top: 0.2em !important;
		margin-bottom: 0.2em !important;
		text-align: left;
	}

	.aa-ben-details {
		/* flex-direction: column !important; */
		width: unset;
	}

	.aa-ben-details .tf-grow {
		padding: 0.5em !important;
	}
	.aa-ben-stats .tt-box-body {
		margin:  0;
		height: 100%;

	}

	.aa-ben-stats .tt-box-body > * {
		display: flex;
		align-items: center;
	}
	.aa-ben-stats {
		width: 35em !important;
		min-width: 35em;

	}

}

@media only screen and (min-width: 769px) {
		.aa-ant {
		margin-right: 1.5em !important;
		flex: 1;
	}


	.aa-ant > .tt-box-body {
		display: flex;
		flex-wrap: wrap;
	}

	.aa-ben-details {
		/* flex-direction: column !important; */
		width: unset;
	}
	.aa-ant > .tt-box-body > .tt-crumbs {
		width: 100%;
	}
	.aa-ant-body {
		width: 100%;
		display: flex;
		margin-top: 1em;
	}

	.aa-ant-body > .tt-ctw.mt2 {
		width: unset;
		margin: 0.25em 2em 0 0.75em !important;
		margin: 0.25em 1em 0 0em !important
	}

	.aa-ant-body > .aa-ant-right h2 {
		margin-top: 0 !important;
		margin-bottom: 0.2em !important;
	}

	.aa-ant-body > .aa-ant-right h3 {
		margin-top: 0.2em !important;
		margin-bottom: 0.2em !important;
		text-align: left;
	}
	.aa-ant-body > .aa-ant-right h4 {
		text-align: left;
	}

	.aa-ben-details {
		/* flex-direction: column !important; */
		width: unset;
	}

	.aa-ben-details > .aa-bd-top > .tf-grow,
	.aa-ben-details > .aa-bd-bottom > .tf-grow 	{
		padding: 0.25em 0.5em !important;
	}

	/*  */
	.aa-ant-right {
		width: 100%;
	}
	.aa-ant-r-head {
		width: 100%;
	}
	.aa-ant-r-head-info {
			background-color: #f7f7f7;
			padding: 0.5em 1em;
			border-radius: 1em;
			margin-top: 0.25em;
			margin-bottom: 0.75em;
			min-height: 7.35em;
	}
	.aa-ant-r-head-info > h2 {
		text-align: left;
	}

	.aa-ant-body > .tt-ctw.mt2 img {
		width: 7.35em !important;
	}

}

@media only screen and (max-width: 768px) {

	.aa-ontitle-allstats > a {
		display: flex;
		/* justify-content: center; */
	}

	.aa-ben-details > .aa-bd-top > .tf-grow,
	.aa-ben-details > .aa-bd-bottom > .tf-grow 	{
		padding: 0.25em 0.5em !important;
	}

	/* ava */
	.aa-ant-r-head {
		display: flex;
		margin-top: 0.5em !important;
		background-color: #f7f7f7;
		padding-bottom: 0.25em;
		border-radius: 0.5em;
		margin-bottom: 0.25em;
		padding: 0.6em;
	}

	
	.aa-ant-r-head-info {
		/* padding-top: 0.6em; */
		font-size: 0.85em;
	}

	.aa-ant-body > .aa-ant-right h3 {
		font-size: 1em;
	}
	.aa-ant-body > .aa-ant-right h2,
	.aa-ant-body > .aa-ant-right h4 {
		text-align: left;
	}


	.aa-ant-body  .ho-t.tt-ctw.mt2 {
		width: unset;
		margin: 0.75em 2em 0 0.75em !important;
		margin: 0 1em 0 0 !important
	}
	.aa-ant-body  .ho-t.tt-ctw.mt2 > img {
		width: 5.5em !important;
		margin-bottom: -0.35em;
	}
	.aa-ant-body > .aa-ant-right h2 {
		margin-top: 0 !important;
		margin-bottom: 0.2em !important;
		font-size: 1.2em;
	}

	.aa-ant-body > .aa-ant-right h3 {
		margin-top: 0.2em !important;
		margin-bottom: 0.2em !important;
		text-align: left; /**/
	}


	/* stats */
	.aa-ben-stats > .tt-box-body.tt-row {
		font-size: 0.75em;
		padding: 1em 1em 0.5em;
	}

	.aa-ben-stats > .tt-box-body.tt-row > * {
		/* margin: 0 !important; */
		/* margin-bottom: 1em !important; */
	}
}

@media only screen and (max-width: 600px) {
	.aa-ben-stats > .tt-box-body.tt-row {
		margin-bottom: -0.1em !important;
	}

	.aa-ant > .tt-box-body {
		border-radius: 0;
		padding: 0.55em 0.75em 0.75em !important;
	}
	.aa-ben-stats > .tt-box-body {
		border-radius: 0;
	}


}

@media only screen and (max-width: 400px) {
	.aa-ant-body  .ho-t.tt-ctw.mt2 > img {
		width: 4em !important;
	}

	.aa-ant-body  .ho-t.tt-ctw.mt2 {
		margin-right: 0.6em !important;
	}
}


.aa-ben-stats .wer-stat-box {
	padding: 0;
}

/* =========== end benef =========== */


.wer-pop.on-max-70[data-form="auth_register"]{
	max-width: 96vw !important;

}

.wer-pop.on-max-70[data-form="auth_register"] .wer-pop-body {
	padding-left: 1em !important;
}

.wer-pop.on-max-70[data-form="auth_register"] 	.wer-input-row.wer-abo-asoc > .wer-input-group.t12em label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

/* VIDEOPOP */
.videopop .wer-pop-head {
	border-bottom: none !important;
	position: relative !important;
}
.videopop .wer-pop-foot {
	border-top: none !important;
	padding: 0.25em 0;
	margin-top: 0;
}
.videopop .wer-pop {
	background-color: #252525;
	height: 100%;
	width: 100%;
}
.videopop .wer-pop-body {
	overflow: visible;
	position: relative;
	padding: 0;
}
.videopop .video-js {
	position: absolute;
	height: 100%;
	width: 100%;
}
.tt-but.tt-but-counted {
	position: relative;
	overflow: visible;
}
.tt-but .but-counter {
	transform: translateX(-50%) translateY(-50%);
	background: #006583;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.2em;
	color: #ffffff;
	bottom: 55%;
	height: 2em;
	width: 2em;
	left: 90%;
	top: 0;
}
.tt-but .but-counter-corner {
	transform: translateX(-50%) translateY(-50%);
	background: #006583;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.2em;
	color: #ffffff;
	bottom: 55%;
	height: 2em;
	width: 2em;
	left: 100%;
	top: 0;
}
.tt-but.videostream-closer {
	transform: translateY(-50%);
	padding: 0.2em 0.7em;
	position: absolute;
	right: 1em;
	margin: 0;
	top: 50%;
}
.tt-but.videostream-closer:active, .tt-but-sm.videostream-closer:active {
  transform: translateY(-49%);
}