.wer-sel {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
}
/* BUTTONS */
.wer-round-but {
	border-radius: 100%;
	padding: 0.5em;
}

.wer-click, .wer-click-sm, .wer-centerclick {
	transition: transform 0.1s linear;
	cursor: pointer;
}
.wer-click:hover {
	transform: scale(1.1);
}
.wer-click-sm:hover {
	transform: scale(1.05);
}
.wer-click:active {
	transform: scale(1.05);
}
.wer-click-sm:active {
	transform: scale(1.025);
}
.wer-centerclick:hover {
	transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.wer-centerclick:active {
	transform: translateX(-50%) translateY(-50%) scale(1.05);
}
.wer-but {
	text-decoration: none !important;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
	padding: 5px 22px 6px 22px;
	background-color: #4b83fc;
	transition: 0.1s linear;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	margin: 1em 0 0 0;
	font-size: 0.9em;
	min-width: 150px;
	cursor: pointer;
	border: none;
	color: white;
}
.wer-but:hover {
	text-decoration: none !important;
	background-color: #729efd;
	color: white !important;
	transform: scale(1.05);
}
.wer-but:active {
	transform: scale(1.05);
}
.wer-but:visited {
	text-decoration: none !important;
	color: white !important;
}
.wer-but.wer-but-gray { background-color: #838791; }
.wer-but.wer-but-gray:hover { background-color: #9fa4b0; }

.wer-but.loading {
	animation: loading 1s ease-in-out infinite alternate;
	background-color: #979797;
	position: relative;
	color: transparent;
}
.wer-but.loading::before {
	transform: translateX(-50%) translateY(-50%);
	animation: loading-text 1s linear infinite;
	content: 'Se incarca';
	line-height: 1em;
	position: absolute;
	display: block;
	color: white;
	left: 50%;
	top: 50%;
}
.wer-but.wer-confirm-yes { background-color: #00c292; font-weight: bold; border-radius: 1em; }
.wer-but.wer-confirm-yes:hover { background-color: #00dba4; }
.wer-but.wer-confirm-no { background-color: #d93e36; font-weight: bold; border-radius: 1em; }
.wer-but.wer-confirm-no:hover { background-color: #e65149; }
@keyframes loading-text {
  0% { content: "Se incarca\A.  "; }
  50% { content: "Se incarca\A.. "; }
  100% { content: "Se incarca\A..."; }
}
@keyframes loading {
	from {background-color: #979797;}
	to {background-color: #b9b9b9;}
}

/* SHARE BUTTON */
.wer-share {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABQklEQVRIie1UMU7DMBR1yQHISegFOjRJB2o7EktO0gtkICEDCNoB5ac36CU6gJQ66QJrByQItcvSIQNTZaYgUC0lNAlTn+TR7/n/9/wQOqItEMiIPeUpBZHbU57SkONGyWkk5N5pSsSe8lQpADypTe668gRH/FMtIPJa5L2AdQ0vfsT3r/vkVSdwZlIjkJEhbEYEMuLMpNZ357rhsYnpsZ3pMzm4edoe5MHF7YtOIxH/vEQgWxn+8sP0mTQ9tjOvkrtBsDylIccUeEJB5BR4UslgOxSgetn5ZCX7l4sHy12cVd6nUgDEWjl69L5FUnZqkf+PQMmKegHr1hJQm/z2y2TLj8d9d64fXBXOTGo05HgImxENOS5iavnxuIipdf18WEzL0MhHK4WUHRyt26mKAq2WHUII0ZDjVuv6W+SvVXGECl9D8a9cAJ1QvgAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-position: center;
}
.wer-share:hover  { background-size: 32px 32px; }
.wer-share:active { background-size: 28px 28px; }

/* MARGINS */
.wer-m0 {
	margin: 0 !important;
}

/* FLEX */
.wer-f1 {flex: 0.1666; ms-flex: 0.1666;}
.wer-f2 {flex: 0.3333; ms-flex: 0.3333;}
.wer-f3 {flex: 0.5; ms-flex: 0.5;}
.wer-f4 {flex: 0.6666; ms-flex: 0.6666;}
.wer-f5 {flex: 0.8333; ms-flex: 0.8333;}
.wer-f6 {flex: 1; ms-flex: 1;}
.wer-f1, .wer-f2, .wer-f3, .wer-f4, .wer-f5, .wer-f6 {
	margin-left: 1em; margin-right: 1em;
}

/* INPUTS */
.wer-input-group {
	flex-direction: column-reverse;
	box-sizing: border-box;
	margin: 2.5em 0 0.85em 0;
	position: relative;
	font-size: 1em;
	display: flex;
	width: 100%;
	padding: 0;
}
.wer-input-group.wer-bool-group {
	margin-top: 0.5em;
}
.wer-input-group * {
	box-sizing: border-box;
}
.wer-input-group input,
.wer-input-group select,
.wer-input-group .wer-input {
	border: none;
	border-bottom: 0.14em solid #c8d0f7 /*#cbd8df*/;
	background-color: #f7f7f7;
	transition: background-color 0.2s;
	box-sizing: border-box;
	padding: 0.43em 0.5em;
	border-radius: 0.1em;
	line-height: 1.4em;
	margin: 0.3em 0 0 0 !important;
	font-size: 1em;
	display: block;
	height: 2.4em;
	width: 100%;
}

body .wer-input-group .select2-container--default .select2-selection--single {
	border-radius: 0.1em;
}

.wer-input-group input:focus-visible,
.wer-input-group select:focus-visible,
.wer-input-group .wer-input:focus-visible {
	outline: none;
}
.wer-input-group .select2-container--default .select2-selection--single,
.wer-input-group .select2-container .select2-selection--single,
.wer-input-group .select2-container .select2-selection--single .select2-selection__rendered,
.wer-input-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.wer-input-group .select2-container--default .select2-selection--single .select2-selection__arrow {
	line-height: 2.4em;
	height: 2.4em;
}
.select2 .select2-container {
	min-width: 33%;
}
.wer-input-group .select2-container--default .select2-selection--single {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 0.14em solid #c8d0f7 !important;
	border-radius: 0.3em;
	background-color: #f7f7f7;
}
.wer-input-group .wer-input.modified.wer-required ~ .select2.select2-container--default .select2-selection--single {
	background-color: #faa !important;
}
.wer-input-group .select2-container--default.select2-container--disabled .select2-selection--single {
	border-bottom: 0.14em solid #cacaca !important;
}
.wer-input-group .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: transparent;
  cursor: default;
}
.wer-input-group .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
	color: #a3a3a3;
}

.wer-table-content .select2-container--default .select2-selection--single,
.wer-table-content .select2-container .select2-selection--single,
.wer-table-content .select2-container .select2-selection--single .select2-selection__rendered,
.wer-table-content .select2-container--default .select2-selection--single .select2-selection__rendered,
.wer-table-content .select2-container--default .select2-selection--single .select2-selection__arrow {
	line-height: 34px;
	height: 34px;
}
.wer-table-content .select2-container--default .select2-selection--single {
	border: solid #e9ecef 1px;
}
.wer-hide-placeholder .select2-container--default .select2-results__option[aria-disabled="true"] {
	display: none !important;
}

.wer-input-group textarea,
.wer-input-group textarea.wer-input {
	line-height: unset;
	height: auto;
}
.wer-input-group select,
.wer-input-group select.wer-input {
	padding: 0.35em 0.5em;
}
.wer-input-group input:focus,
.wer-input-group .wer-input:focus {
	border-color: #cbd8df;
}
.wer-input-group.filtered {
	display: none;
}

/* PASS CHANGE BUT */
.wer-input-group.wer-change-pass > label,
.wer-input-group.wer-change-pass > .wer-input {
	display: none !important;
}
.wer-pass-but {
	padding: 0.43em 0.86em !important;
	font-size: 1em !important;
	margin: 0 auto !important;
	display: none !important;
	width: max-content;
	line-height: 1.4em;
	height: 2.4em;
}
.wer-change-pass > .wer-pass-but {
	display: block !important;
}

/* INPUT ROWS */
.wer-input-row {
	flex-direction: row;
	display: flex;
}

@media only screen and (max-width : 768px), (orientation: portrait) {
	.wer-input-row {
    	display: block;
    }
	.wer-input-row .wer-input-group {
		margin-left: 0;
		margin-right: 0.5em;
	}
}

@media only screen and (max-width : 768px) {     /*rowfix*/
	.wer-i-msg {
		width: 100% !important;
		left: 0 !important;
	}
}

@media only screen and (min-width : 768px) {
	.wer-input-group {
		padding-left: 0.5em; /* rowfix*/
		padding-right: 0.5em; /* rowfix*/
	}

	/*
	.wer-input-row .wer-input-group:first-child {
		margin-left: 0;
	}
	.wer-input-row .wer-input-group:last-child {
		margin-right: 0;
	}
	*/
}

/* LABEL */
.wer-input[type='radio']:focus-visible ~ label,
.wer-input[type='checkbox']:focus-visible ~ label,
.wer-input-group label:focus-visible {
	text-decoration: underline;
	outline: none;
}
.wer-input-group label {
	transition: 0.2s ease-in-out;
	line-height: 1.4em;
	text-align: left;
	font-size: 1em;
	color: #000000;
}
.wer-input-group .wer-input:not([type='checkbox']):not([type='radio']) ~ label {
	/* padding: 0 0.86em; */ 
	color: #aaaaaa;
	position: absolute;
	margin: 0.3em 0 0 0.5em;
	cursor: text;
	left: 0.55em; /* rowfix */
	top: 0.5em;
}
.fixed-label .wer-input-group .wer-input:not([type='checkbox']):not([type='radio']) ~ label,
.fixed-label.wer-input-group .wer-input:not([type='checkbox']):not([type='radio']) ~ label,
.wer-input-group .wer-input:not([type='checkbox']):not([type='radio']).fixed-label ~ label,
.wer-input-group .wer-input:not([type='checkbox']):not([type='radio']).hasval ~ label,
.wer-input-group .wer-input:not([type='checkbox']):not([type='radio']):focus ~ label {
	font-size: 1em;
	font-weight: 400;
	padding: 0.14em;
	cursor: default;
	color: #4d4d4d;
	top: -1.6em;
	margin: 0;
}

.wer-autocenter {
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* NUMERIC */
input.wer-numeric {
	text-align: center;
}
.wer-num-minus, .wer-num-plus {
	transform: translateY(-50%);
	position: absolute;
	margin-top: 0.1em;
	cursor: pointer;
	top: 50%;
}
.wer-num-minus:hover, .wer-num-plus:hover {
	transform: scale(1.1) translateY(-50%);
}
.wer-num-minus { left: 0.7em; }
.wer-num-plus { right: 0.7em; }
.wer-num-minus::before, .wer-num-plus::before {
	font: normal normal normal 1.3em FontAwesome;
	font-size: 1.3em;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #6d7fda;
}
.wer-num-minus::before { content: "\f146"; }
.wer-num-plus::before {  content: "\f0fe"; }

/* EMPTY */
.wer-input.modified.wer-required {
	background-color: #faa !important;
}
.wer-input.modified.wer-required ~ label {
	color: #ea4d4d !important;
}

.wer-input.modified.wer-required ~ .wer-i-msg::before {
	content: 'Camp obligatoriu!';
	display: inline-block;
	color: orange;
}
.wer-input.modified.wer-required ~ .wer-i-msg {
	border-color: orange;
	color: transparent;
	height: 2em;
}
.wer-input.modified.wer-required:hover ~ .wer-i-msg,
.wer-input.modified.wer-required:focus ~ .wer-i-msg {
	display: block;
}

/* CHECKBOX */
.wer-input[type="checkbox"], .wer-input[type="radio"] {
	position: absolute;
	/*visibility: hidden;*/
	height: 0.1px;
	width: 0.1px;
	z-index: -1;
	opacity: 0;
}
.wer-input[type="radio"].modified.wer-invalid ~ .wer-i-msg,
.wer-input[type="radio"].modified.wer-required ~ .wer-i-msg,
.wer-input[type="checkbox"].modified.wer-invalid ~ .wer-i-msg,
.wer-input[type="checkbox"].modified.wer-required ~ .wer-i-msg {
	display: none;
}

.wer-input[type='radio'] ~ label,
.wer-input[type='checkbox'] ~ label {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
	margin: 0.15em 0;
	padding-left: 3.5em;
	position: relative;
	width: 100%;
}

.wer-input[type='checkbox']:not(:checked) ~ label::before {
	padding-top:0.05em;
}
.wer-input.smallcheck[type='checkbox']:not(:checked) ~ label::before {
	padding-top:0.06em;
}

.wer-input[type='radio'] ~ label::before,
.wer-input[type='checkbox'] ~ label::before {
    font: normal normal normal 2em FontAwesome;
	transform: translateY(-50%);
	display: inline-block;
	text-rendering: auto;
	margin-right: 0.2em;
	position: absolute;
	color: #6d7fda;
	content: "\f096";
	left: 0.4em;
	top: 50%;
}
.wer-input[type='radio'] ~ label.wer-no-pad::before,
.wer-input[type='checkbox'] ~ label.wer-no-pad::before {
	padding-left: 2.2em;
	left: 0.4em;
}

.wer-input[type='radio'] ~ label::before {
	content: "\f10c";
}

.wer-input.smallcheck[type='radio'] ~ label,
.wer-input.smallcheck[type='checkbox'] ~ label {
	padding-left: 2.8em;
}
.wer-input.smallcheck[type='radio'] ~ label::before,
.wer-input.smallcheck[type='checkbox'] ~ label::before {
	font-size: 1.6em;
	left: 0.5em;
}
 
.wer-input[type='radio'] ~ label:hover::before,
.wer-input[type='checkbox'] ~ label:hover::before {
	transform: translateY(-50%) scale(1.1);
}
.wer-input[type='radio'] ~ label:active::before,
.wer-input[type='checkbox'] ~ label:active::before {
	transform: translateY(-50%) scale(1.05);
}
.wer-input[type='radio'] ~ label:hover,
.wer-input[type='checkbox'] ~ label:hover,
.wer-input[type='radio'] ~ label:active,
.wer-input[type='checkbox'] ~ label:active {
	cursor: pointer;
}

.wer-input[type='checkbox']:checked ~ label::before {
	content: "\f14a";
}
.wer-input[type='radio']:checked ~ label::before {
	content: "\f192";
	/* content: "\f111"; */
}

.wer-input[type='radio']:disabled ~ label::before,
.wer-input[type='checkbox']:disabled ~ label::before {
	color: #c8d0f7;	
}
.wer-input[type='radio']:disabled ~ label:hover::before,
.wer-input[type='checkbox']:disabled ~ label:hover::before {
	transform: translateY(-50%);
}
.wer-input[type='radio']:disabled ~ label:hover,
.wer-input[type='checkbox']:disabled ~ label:hover {
	cursor: auto;
}

/* INVALID */
.wer-input.modified.wer-invalid,
.wer-input.modified.wer-invalid-username,
.wer-input.modified.wer-valid.wer-invalid-username {
	background-color: #ea4d4d !important;
	color: white;
}
.wer-input.modified.wer-invalid ~ label,
.wer-input.modified.wer-invalid-username ~ label,
.wer-input:not([type='checkbox']):not([type='radio']).modified.wer-valid.wer-invalid-username ~ label {
	color: #ea4d4d !important;
}
.wer-input.modified.wer-invalid:hover ~ .wer-i-msg,
.wer-input.modified.wer-invalid:focus ~ .wer-i-msg {
	display: block;
}
.wer-i-msg {
	/* border-radius: 0 0 5px 5px; */
	border-radius: 0 0 0.1em 0.1em;
	background-color: white;
	border: 1px solid red;
	position: absolute;
	padding: 0 0.5em;
	display: none;
	z-index: 900;
	width: 100%;
	width: calc(100% - 1em);
	color: red;
	top: 100%;
	left: 0;
	left: 0.5em;
}

/* VALID */
.wer-input.modified.wer-valid {
	background-color: #c5ffc5 !important;
}
.wer-input:not([type='checkbox']):not([type='radio']).modified.wer-valid ~ label {
	color: #007900 !important;
}

/* CAPTCHA */
img.wer-captcha {
	border-radius: 0.5em;
	position: absolute;
	overflow: hidden;
	display: block;
	bottom: 0;
	right: 0;
}
.wer-captchar {
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}

/* BAR */
.wer-input-group .wer-input-bar {
	background-color: transparent;
	transition: 0.2s ease;
	margin-top: -0.07em;
	position: absolute;
	font-size: 1em;
	display: none;
	height: 0.14em;
	width: 0%;
	left: 0;
	top: 100%;
}
.wer-input-group:hover .wer-input-bar,
.wer-input-group .wer-input:focus ~ .wer-input-bar {
	background-color: #4d4d4d;
	width: 100%;
	left: 0;
}
.wer-input-group .wer-input:focus ~ .wer-input-bar {
	background-color: #4d4d4d;
	height: 0.214em;
}

/* SIGN */
.wer-sign {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 40em;
	display: block;
	width: 100%;
	margin-top: 4em;
}

@media only screen and (max-width:767px) {
	.wer-sign .wer-signhere-title {
		margin-bottom: 0.5em;
		line-height: 1em;
		font-size: 13px;
	}
}

.wer-sign::before {
	font: normal normal normal 1.6em FontAwesome;
	border-bottom: 1px solid #a4a4a4;
	padding-bottom: 0.2em;
	position: absolute;
	content: "\f040";
	text-align: left;
	color: #a4a4a4;
	z-index: -1;
	bottom: 33%;
	right: 10%;
	left: 10%;
}

.wer-sign .wer-sign-controls .tt-but.wer-sign-clear-but { display: none; }
.wer-sign input.hasval ~ .wer-sign-controls .tt-but.wer-sign-clear-but,
.wer-sign input.modified ~ .wer-sign-controls .tt-but.wer-sign-clear-but,
.wer-sign input.wer-valid ~ .wer-sign-controls .tt-but.wer-sign-clear-but,
.wer-sign input.wer-invalid ~ .wer-sign-controls .tt-but.wer-sign-clear-but {
  display: inline-block;
}

.wer-sign canvas {
	background-color: transparent;
	border: 1px solid #cccccc;
	border-bottom-width: 0.3em;
	box-sizing: border-box;
	border-radius: 0.5em;
	touch-action: none;
	max-width: 60em;
	display: block;
	margin: auto;
	width: 100%;
}
.wer-sign input.wer-valid ~ canvas {
	border-bottom-color: #20bf20 !important;
	border-width: 1px;
	border-bottom-width: 0.3em;
}
.wer-sign input.wer-invalid ~ canvas {
	border-color: #ea4d4d !important;
	border-bottom-width: 0.3em;
}
.wer-sign-controls {
	flex-direction: row;
	align-items: center;
	position: absolute;
	padding: 0.5em;
	display: flex;
	/*opacity: 0.5;*/
	bottom: 100%;
	right: 0;
	width: 100%;
}/*
.wer-sign:hover .wer-sign-controls {
	opacity: 1;
}*/
.wer-sign-controls > .tt-but {
	cursor: pointer;
}
.wer-sign-controls > .tt-but:hover {
	transform: scale(1.1);
}
.wer-sign-controls > .tt-but:active {
	margin-bottom: -2px;
}
.wer-sign-controls > :not(.tt-but) {
	height: 2.5em;
	line-height: 3em;
}

/* SELECT */
.wer-select {
	display: inline-block;
	cursor: pointer;
	color: #4b83fc;
}
.wer-select:hover, .wer-select:hover > * {
	color: #ff6a1e !important;
}

/* POP CONTAINER */
.wer-pop-bg {
	background-color: rgba(74, 74, 74, 0.5);
	transition: opacity 0.5s linear;
	cursor: pointer;
	position: fixed;
	overflow: auto;
	height: 100%;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
}
.wer-pop-bg.show {
	opacity: 1;
}
.wer-pop-bg.wer-pop-wide .wer-pop {
	width: 1500px;
}
.wer-pop {
	/* transition: 0.5s ease-in-out;
	transition: 0.5s cubic-bezier(.75,.6,.71,1.11); */
	transition: opacity 0.5s ease-in-out, translate 0.5s ease-in-out;
  	transition: opacity 0.5s cubic-bezier(.75,.6,.71,1.11), translate 0.5s cubic-bezier(.75,.6,.71,1.11);

	transform: translateX(-50%) translateY(-50%);
	background-color: white;
	box-sizing: border-box;
	flex-direction: column;
	position: absolute;
	max-height: 90vh;
	max-width: 90vw;
	cursor: default;
	display: flex;
	width: 1240px;
	left: 50%;
	top: -100%;
}
.wer-pop-confirm .wer-pop {
	text-align: center;
	width: 600px;
}
.wer-pop-bg.show .wer-pop {
	top: 50%;
}
.wer-pop-head {
	/* border-bottom: 1px solid #d5d5d5; */
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 1.2em;
	padding: 1.25em;
	flex-shrink: 0;
	flex-grow: 0;
	width: 100%;
}
.wer-pop-body {
	padding: 0 1.25em;
	min-height: 200px;
	ms-flex: 1 1 auto;
	flex: 1 1 auto;
	/* padding: 10px; */
	padding: 10px; /* rowfix */
}
.wer-pop .wer-pop-body {
	overflow: auto;
	flex-shrink: 1;
	flex-grow: 1;
	ms-flex: 1;
	flex: 1;
}
.wer-pop-foot {
	border-top: 1px solid #d5d5d5;
	text-align: center;
	padding: 1.25em;
	padding-top: 5px;
	margin-top: 5px;
	flex-shrink: 0;
	flex-grow: 0;
	width: 100%;
}
.wer-pop-corner-but {
	border-radius: 0.1em;
	position: absolute;
	text-align: center;
	line-height: 1.5em;
	font-weight: bold;
	cursor: pointer;
	font-size: 1em;
	height: 1.5em;
	width: 1.5em;
	color: white;
	right: 0.5em;
	top: 0.5em;
}
.wer-pop-close {
	background-color: #a1abb5;
}
.wer-pop-close:hover {
	background-color: #bbc6d0;
}
.wer-pop-close::before {
	font: normal normal normal 1em FontAwesome;
	text-rendering: auto;
	content: '\f00d';
}
.wer-pop-bg.wer-pop-noclose { cursor: default; }
.wer-pop-noclose .wer-pop-close { display:none; }

/* BODY ONLY POP */
.wer-pop-body-only .wer-pop-head,
.wer-pop-body-only .wer-pop-foot {
	display: none !important;
}

/* INFO POP */
.wer-pop-info .wer-pop {
	width: max-content;
	min-width: 20em;
}
.wer-pop-info .wer-pop .wer-pop-close {
	display: none !important;
}


/* IMAGE POP */
.wer-pop.wer-pop-pic {
	padding: 2em 2em 1em 2em;
	background-color: #444;
	border-radius: 1em;
	width: auto;
}
.wer-pop-pic .wer-but {
	border-radius: 1em;
	font-weight: bold;
}
.wer-pop-pic .wer-pop-body {
	padding: 0;
}
.wer-pop-pic .wer-pop-body img {
	border-radius: 1em;
	width: 100%;
}
.wer-pop-pic .wer-pop-foot {
	border-top: none;
}
.wer-pop-pic .wer-pop-corner-but {
	border-radius: 1em;
	line-height: 2em;
	height: 2em;
	width: 2em;
	right: 1em;
	top: 1em;
}


p.wer-info {
	font-weight: bold;
	text-indent: 1em;
}

.wer-ctw {
	text-align: center;
	width: 100%;
}
.wer-fill {
	width: 100%;
}
.wer-no-hover:hover {
	transform: none !important;
}

.wer-title-m, .wer-title-s, .wer-title-l {
	padding: 0.75em 0.33em;
	font-weight: bold;
	display: block;
	width: 100%;
}
.wer-title-l {
	padding: 0 0 0.6em 0;
	text-align: center;
	font-size: 1.2em;
	display: block;
}
.wer-title-m {
	text-align: center;
	margin-top: 10px;
	color: #2196F3;
}

.wer-bt, .wer-btm {
	border-top: 1px solid #e8e8e8;
	margin-top: 1em;
}
.wer-bb {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 1em;
}

.wer-btm {
	margin-top: 3em;
}

.wer-ong {
	position: relative;
	padding-top: 2em;
}
.wer-share {
	right: 2.5em;
}
.wer-ong .wer-share {
	right: 0.5em;
}
.wer-mini-label {
	margin: 0 0 -0.05em 0;
	line-height: 1.4em;
	font-size: 0.85em;
	font-weight: 700;
	cursor: default;
	color: #4d4d4d;
	display: block;
	width: 100%;
}
.wer-url-target {
	border: 0.07em solid #cbd8df;
	background-color: #f9f9f9;
	box-sizing: border-box;
	padding: 0.43em 0.86em;
	border-radius: 0.3em;
	margin: 0.3em 0 0 0;
	min-height: 2.4em;
	line-height: 1.4em;
	font-weight: bold;
	font-size: 1em;
	display: block;
	color: #007900;
	width: 100%;
}
.wer-url-target span {
	color: black;
}

/* FORM */
.wer-no-save .wer-form-save,
.wer-no-save .wer-form-delete {
	display: none;
}
.wer-no-save .wer-can-save > div > .wer-form-save {
	display: inline-block !important;
}

/* WOB */
.wer-wob {
	animation: wer-wob 0.5s ease-in-out infinite alternate;
}
@keyframes wer-wob {
	from { transform: rotate(340deg); }
	from { transform: rotate(20deg); }
}

/* COPY TOOL */
.wer-copy-box {
	position: fixed;
	height: 1px;
	width: 1px;
	opacity: 0;
	left: 50%;
	top: 50%;
}

/* SPIN */
@keyframes wer-spin {
	from { transform: rotate(0deg); }
	from { transform: rotate(360deg); }
}

/* CODE DISPLAY */
.wer-code {
	font-family: 'Courier New', monospace;
	border-radius: 0 2em 0 2em;
	background-color: #f5f5f5;
	max-width: max-content;
	text-align: left;
	display: block;
	padding: 1em;
	width: 100%;
}
.wer-code li {
	margin-left: 2em;
	cursor: pointer;
}
.wer-code li::marker {
	color: #acacac;
}
.wer-code .wer-code-copy {
	cursor: pointer;
}
.wer-code .wer-code-copy:hover {
	text-decoration: underline;
	transform: scale(1.03);
	display: inline-block;
}

/* TIME PICKER */
.wer-time {
	display: none;
}
.wer-time-row {
	transition: background-color 0.2s;
	margin: 0.3em 0 0 0 !important;
	border: 0.07em solid #cbd8df;
	border-radius: 0.3em;
	flex-direction: row;
	line-height: 1.4em;
	font-size: 1em;
	display: flex;
	width: 100%;
	padding: 0;
}
.wer-time-row select {
	-webkit-appearance: none;
	margin-top: 0 !important;
	box-sizing: border-box;
	padding: 0.43em 0.86em;
	-moz-appearance: none;
	margin: 0 !important;
	appearance: none;
	text-align: left;
	cursor: pointer;
	border: none;
	flex: 1;
}
.wer-time-row select:first-child {
	text-align: right;
}
.wer-time-row select::-ms-expand {
    display: none;
}
.untouched .wer-time-row {
	display: none;
}
.wer-time-empty {
	transition: background-color 0.2s;
	border: 0.07em solid #cbd8df;
	box-sizing: border-box;
	padding: 0.43em 0.86em;
	border-radius: 0.3em;
	line-height: 1.4em;
	text-align: center;
	cursor: pointer;
	display: none;
	width: 100%;
}
.untouched .wer-time-empty {
	display: inline-block;
}

.wer-time-row div {
	text-align: center;
	line-height: 2.4em;
	font-weight: bold;
	width: 1em;
}
.wer-time + label {
	padding-left: 2.2em !important;
}
.wer-time + label::after {
	font: normal normal normal 1em FontAwesome;
	transform: translateY(-50%);
	display: inline-block;
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	content: "\f017";
	cursor: pointer;
	color: #000000;
	opacity: 0.5;
	left: 0.5em;
	top: 46%;
}

/* PIC ZOOM */
.ong-logo {
	margin: 0.5em;
	border-radius: 1em;
	display: block;
	height: 200px;
	width: 200px;
}
.wer-pic-zoom {
	cursor: pointer;
}
.wer-pic-zoom:hover {
	transform: scale(1.05);
}
.wer-pic-zoom:active {
	transform: scale(1.025);
}

/* ONG LIST =============================== */
.wer-lazy-list {
	max-width: 75em;
	margin: 1em auto;
	width: 90%;
}
/* ROW & COL */
.wer-lazy-list .wer-lazy-list-row {
	min-height: 35em;
	display: flex;
	width: 100%;
}
.wer-lazy-list .wer-lazy-list-col {
	/*-webkit-box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.43);
	   -moz-box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.43);
			box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.43); */
	transition: opacity 0.5s ease-in-out;
	flex-direction: column;
	border: 1px solid #ddd;
	border-radius: 0.5em;
	text-align: center;
	max-width: 33.3333%;
	padding: 1.5em;
	ms-flex: 0.333;
	display: flex;
	margin: 1em;
	flex: 0.333;
	opacity: 1;
}
.wer-lazy-list .wer-lazy-list-col-hide {
	opacity: 0;
}
/* RESPONSIVLEKTS */
@media only screen and (max-width : 768px), (orientation: portrait) {
	.wer-lazy-list .wer-lazy-list-row {
		display: block;
	}
	.wer-lazy-list .wer-lazy-list-col {
		margin-right: auto;
		margin-left: auto;
		max-width: 24em;
		display: block;
		width: auto;
	}
}
@media (min-resolution: 150dpi) {
	.wer-lazy-list .wer-lazy-list {
		font-size: 1.5em;
	}
}

/* IMAGE */
.wer-lazy-list .wer-lazy-list-img {
	margin: 0 auto 1em auto;
	display: block;
	height: 150px;
	width: 150px;
	flex-grow: 0;
}

/* DENUMIRE */
.wer-lazy-list .wer-lazy-list-name {
	word-wrap: break-word;
	padding: 0 0 0.5em 0;
	white-space: normal;
	margin: 0 0 0.5em 0;
	text-align: center;
	font-size: 1.4em;
	cursor: pointer;
	color: #3165d5;
	display: block;
	width: 100%;
	height: 4em;
}

.wer-lazy-list .wer-lazy-list-name:hover {
	text-decoration: underline;
}

/* DESCRIERE */
.wer-lazy-list .wer-lazy-list-desc {
	flex: 1;
}
.wer-lazy-list .wer-lazy-list-desc-sandwich {
	word-break: break-word;
	word-wrap: break-word;
	white-space: normal;
	text-align: center;
	position: relative;
	line-height: 1.2em;
	overflow: hidden;
	font-size: 1.1em;
	margin: 0.5em 0;
	height: 6em;
	width: 100%;
	color: #828282;
}
.wer-lazy-list .wer-lazy-list-desc.show .wer-lazy-list-desc-sandwich { height: auto; min-height: 7em; }
.wer-lazy-list .wer-lazy-list-desc .wer-lazy-list-desc-sandwich::before {
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	position: absolute;
	display: block;
	content: " ";
	height: 2em;
	width: 100%;
	bottom: 0;
	left: 0;
}
.wer-lazy-list .wer-lazy-list-desc.show .wer-lazy-list-desc-sandwich::before {
	display: none;
}

/* DESCRIERE - BUTON */
.wer-lazy-list .wer-lazy-list-desc-expand {
	font-weight: bold;
	cursor: pointer;
	display: block;
	color: #65c3e9;
	padding: 0.5em;
	width: 100%;
}
.wer-lazy-list .wer-lazy-list-desc-expand:hover {
	transform: scale(1.05);
}
.wer-lazy-list .wer-lazy-list-desc-expand:active {
	transform:scale(1.025);
}
.wer-lazy-list .wer-lazy-list-desc-expand::before {
	content: "Mai mult..";
	display: inline;
}
.wer-lazy-list .wer-lazy-list-desc.show .wer-lazy-list-desc-expand::before {
	content: "Mai puțin";
}


/* BUTON DONATIE GENERIC */
.wer-lazy-list .wer-lazy-list-but {
	text-decoration: none !important;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	padding: 10px 5px 10px 5px;
	background-color: #fb7614;
	transition: 0.1s linear;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	min-width: 150px;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	border-radius: 5px;
	margin-top: 17px;
}
.wer-lazy-list .wer-lazy-list-but:hover {
	text-decoration: none !important;
	background-color: #ec6400;
	color: white !important;
	transform: scale(1.1);
}
.wer-lazy-list .wer-lazy-list-but:active {
	transform: scale(1.05);
}
.wer-lazy-list .wer-lazy-list-but:visited {
	text-decoration: none !important;
	color: white !important;
}

/* LAZY SCROLL */
.wer-lazyscroll {
	position: relative;
	padding: 10px;
}
.wer-lazyscroll.searching::after {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACIklEQVRYhdXXzW8NURgG8F8tiIUQBNWWBCs2NkSChNBGaKQLRETiRvwJtuKi2lREbG1EREqFhfhsK1iw4N8QKbERHxVKr8U50zvktp07N53Gk5zNM+ed5znvmffMe/jPsAj70It+PMAgruEc9mL+TAhvioI/UZlmjGIAG1PxO+KzF/UKL8Xt1Mt/4RUu4Bi6hFWfQA/eYDw1/y6W5TXQgQ8x8DP60JYhbiUuCpmoYETYnroMHFRN9zBWZfc9gRY88/f2ZDKwS0h1RUh1HpRQxlm8r8dAGz7GyX05xUWhWh/otAbuxImPMKcBAyUhA/+O0lRBW6P4FzQ3IJ4bSbmdmg3xxfiBMSyfYa0lwlYsTJNdwuqHZlgcnkatzjTZG8lyAQaSQ6k3Td6K5KECDByNWv1pcjiSuwsw0K56wk5gKJLtBRjoiFqDafJmJI8UYOBw1BpIkz2RPF+AgW41PsLOSN4vwEDyh9yfJhdgu8bO/yxowW98F9q7wnFGjRIsCs34KrRsm6eauA57Jhl50YSHMq6+bPKONy+SKhvBinoMjAmH1JM46kWT0FlVhB5zW5agtIEKnqM1h/ga1ZIbFdr3TEgMPMa71AsuYXWG+LVCW/4txr4VSjwzEgNloXm4IdRukpHX0cxxHIijhMt4qXoxGcd1Oeo9bSDBBuH+98nkH2j6anYV6+sVTtCKLWrv+1zhl30yitwTrl9XcBo7MS+v8KzgDz8Yu0GXI/qBAAAAAElFTkSuQmCC);
	animation: wer-spin 1s linear infinite reverse;
	background-repeat: no repeat;
	background-position: center;
	left: calc(50% - 16px);
	position: absolute;
	padding: 10px;
	opacity: 0.3;
	content: ' ';
	height: 32px;
	width: 32px;
	top: 6em;
}
.wer-lazyscroll-element {
	transition: opacity 2s ease-out;
	opacity: 1;
}
.wer-lazyscroll-element.hide {
	opacity: 0;
}
.wer-lazyscroll-loadmore {
	color: rgb(92, 147, 225);
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: 1em;
	width: 100%;
}
.wer-lazyscroll.stopped .wer-lazyscroll-loadmore {
	display: none;
}

/* LAZY PIC */
.wer-lazy-pic {
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
}
.wer-lazy-pic.wer-lazy-loaded {
	opacity: 1;
}

/* ANIM */
/* GROW IN CENTERED */
.wer-grow-in-centered {
	-webkit-animation: wer-grow-in-centered 300ms normal ease-in;
	   -moz-animation: wer-grow-in-centered 300ms normal ease-in;
	    -ms-animation: wer-grow-in-centered 300ms normal ease-in;
	     -o-animation: wer-grow-in-centered 300ms normal ease-in;
	        animation: wer-grow-in-centered 300ms normal ease-in;
}
@-webkit-keyframes wer-grow-in-centered { from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@-moz-keyframes wer-grow-in-centered {    from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@-ms-keyframes wer-grow-in-centered {     from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@-o-keyframes wer-grow-in-centered {      from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }
@keyframes wer-grow-in-centered {         from { transform:translateX(-50%) translateY(-50%) scale(0.01);} to { } }

/* FADE OUT */
@-webkit-keyframes wer-fade-out { from {   opacity: 1; } to { opacity: 0; } }
@-moz-keyframes wer-fade-out {    from {   opacity: 1; } to { opacity: 0; } }
@-ms-keyframes wer-fade-out {     from {   opacity: 1; } to { opacity: 0; } }
@-o-keyframes wer-fade-out {      from {   opacity: 1; } to { opacity: 0; } }
@keyframes wer-fade-out {         from {   opacity: 1; } to { opacity: 0; } }

.wer-fade-out {
	-webkit-animation: wer-fade-out 0.3s ease-in-out forwards;
	   -moz-animation: wer-fade-out 0.3s ease-in-out forwards;
	    -ms-animation: wer-fade-out 0.3s ease-in-out forwards;
	     -o-animation: wer-fade-out 0.3s ease-in-out forwards;
	        animation: wer-fade-out 0.3s ease-in-out forwards;
}

.absfill {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.abscenter {
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	left: 50%;
	top: 50%;
}
.fixedfill {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.fixedcenter {
	transform: translateX(-50%) translateY(-50%);
	position: fixed;
	left: 50%;
	top: 50%;
}
/* TABS */
.wer-tabs {
	transition: opacity 0.3s ease;
	width:100%;
	opacity:0;
}
.wer-tabs.wer-tabs-init {
	opacity:1;
}
ul.wer-tabs-head {
	list-style-type: none;
    display: block;
    background-color: white;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
	/* NO SELECT */
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
ul.wer-tabs-head li {
	transition: background-color 0.3s ease;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	display: inline-block;
	color: #979797;
	text-align: center;
	margin: 0 0 0 2px;
	padding: 7px 10px;
	font-size: 13px;
	overflow: hidden;
	background-color: #e8e8e8;
	border-radius: 6px 6px 0 0;
	cursor:pointer;
	vertical-align: bottom;
}
ul.wer-tabs-head li:first-child {
	margin-left: 10px;
}
ul.wer-tabs-head li.active {
	color: black;
	background-color: white;
	padding-bottom: 7px;
	transform: translateY(1px);
}
ul.wer-tabs-head li:hover {
	background-color: white;
}
.wer-tabs-area {
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	width: 100%;
	height: auto;
}
.wer-tabs-content {
	/*position: absolute;*/
	display: none;
	min-height: 90vh;
	padding: 10px 20px;
	width: 100%;
	/*left: 0;
	top: 0;*/
}
.wer-tabs-content.active {
	display:block;
}

/* FIXES */
.dt-button { border: none; }

/* ANIM */
/* FADE IN */
.wer-fadein {   animation: wer-fadein 0.5s linear;
	-webkit-animation: wer-fadein 0.5s linear;
	   -moz-animation: wer-fadein 0.5s linear;
	    -ms-animation: wer-fadein 0.5s linear;
	     -o-animation: wer-fadein 0.5s linear;
			opacity: 1; }
@-webkit-keyframes wer-fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes wer-fadein {    from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes wer-fadein {     from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes wer-fadein {      from { opacity: 0; } to { opacity: 1; } }
@keyframes wer-fadein {         from { opacity: 0; } to { opacity: 1; } }
/* FADE OUT */
.wer-fadeout {
	-webkit-animation: wer-fadeout 0.3s linear;
	   -moz-animation: wer-fadeout 0.3s linear;
	    -ms-animation: wer-fadeout 0.3s linear;
	     -o-animation: wer-fadeout 0.3s linear;
			animation: wer-fadeout 0.3s linear;
	opacity: 0; }
@-webkit-keyframes wer-fadeout { from { opacity: 1; } to { opacity: 0; } }
@-moz-keyframes wer-fadeout {    from { opacity: 1; } to { opacity: 0; } }
@-ms-keyframes wer-fadeout {     from { opacity: 1; } to { opacity: 0; } }
@-o-keyframes wer-fadeout {      from { opacity: 1; } to { opacity: 0; } }
@keyframes wer-fadeout {         from { opacity: 1; } to { opacity: 0; } }

/* DATATABLES FIX */
.table.compact th, .table.compact td {
	padding: 0.5em 1em;
}
.wer-table-th {
	padding: 0.5em;
}
.wer-table-th::before,
.wer-table-th::after {
	top: 5px !important;
}
.wer-table-content {
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding: 3px 4px 0 4px;
	display: inline-block;
	text-align: inherit;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	width: 100%;
	margin: 0;
}

td.wer-table-check {
	position: relative;
}
td.wer-table-check::before {
	font: normal normal normal 14px FontAwesome;
	transform: translateY(-50%);
	display: inline-block;
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	content: "\f096";
	cursor: pointer;
	left: 0.2em;
	top: 50%;
}
td.wer-table-check.checked::before {
	content: "\f14a";
}
.wer-table-mastercheck {
	transform: translateY(-50%);
	display: inline-block;
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	content: "\f096";
	cursor: pointer;
	left: 0.2em;
	top: 50%;
}
.wer-table-mastercheck::before {
	font: normal normal normal 14px FontAwesome;
	text-rendering: auto;
	font-size: 1.2em;
	content: "\f096";
	display: block;
}
.wer-table-mastercheck.checked::before {
	content: "\f14a";
}
.wer-table-mastercheck.partial::before {
	content: "\f046";
}
.wer-table-rowcontrols {
	display: inline-block;
	margin-left: 0.5em;
}
.wer-table-rowcontrols.hidden {
	display: none;
}

/* MOVE ICON */
.wer-order .wer-table-content .wer-order-drag {
	line-height: 1.5em;
	margin-left: 1.3em;
	float: left;
}

/* WER TABLE CUSTOM */
.wer-table-content select {
	background-color: transparent;
	border: none;
	width: 100%;
}

/* WER-CHECK */
.wer-check {
	position: relative;
	padding-left: 1.7em;
	cursor: pointer;
}
.wer-check::before {
	font: normal normal normal 14px FontAwesome;
	transform: translateY(-50%);
	display: inline-block;
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	content: "\f096";
	cursor: pointer;
	left: 0.2em;
	top: 50%;
}
.wer-check.checked::before {
	content: "\f14a";
}
.wer-check:hover::before {
	transform: translateY(-50%) scale(1.1);
}
.wer-check:active::before {
	transform: translateY(-50%) scale(1.05);
}
.wer-check.disabled.checked::before,
.wer-check.disabled::before {
	color: #b3b3b3 !important;
}

/* GRAY EMPTY */
.wer-gray-empty option {
	color: black;
}
.wer-gray-empty.empty,
.wer-gray-empty option[value=""] {
	color: #8f8f8f;
}
td.wer-table-actions .wer-table-content {
	justify-content: space-evenly;
	flex-direction: row;
	display: flex;
}
td.wer-table-actions .fa-copy {
	color: #0033cc;
}
td.wer-table-actions .fa-times {
	color: #cc0000;
}
td .btn {
	text-overflow: ellipsis;
	overflow: hidden;
}

/* ICON SPREADOUT */
.wer-iconset {
	justify-content: space-evenly;
	flex-direction: row;
	display: flex;
}

/* FILES */
.wer-files {
	display: block;
	width: 100%;
}

/* MINITABLE */
.wer-minit {
	border-collapse: collapse;
	width: 100%;
	
}
.wer-minit thead {
	background-color: #f0f0f0;
	font-weight: bold;
}
.wer-minit th {
	padding: 6px 12px;
	text-align: left;
}
.wer-minit th, .wer-minit td {
	border: 1px solid #eaeaea;
}
.wer-minit tbody tr:nth-child(2n) {
	background-color: #fafafa;
}
.wer-minit td input {
	background-color: transparent;
	padding: 4px 12px;
	text-align: left;
	border: none;
	width: 100%;
}

/* ITEMLIST //// del */
.wer-pop-bg .item-list {
	max-height: unset;
}
.item-head {
	padding-bottom: 16px;
	font-weight: bold;
	text-align: left;
	display: block;
	width: 100%;
}
.item-head .btn {
	float: right;
}
.item-list {
	display: block;
	width: 100%;
}
.item-list-plus {
	text-align: center;
	display: none;
	width: 100%;
}
.item-list-plus .fa {
	font-size: 1.2em;
	cursor: pointer;
	color: #00c292;
}
.item-list-plus .fa:hover {
	transform: scale(1.1);
}
.item {
	background-color: #ffffff;
	flex-direction: row;
	margin-bottom: 8px;
	padding-right: 6px;
	display: flex;
	width: 100%;
}
.item > input {
	text-overflow: ellipsis;
	margin-right: 5px;
	padding: 2px 10px;
	overflow: hidden;
	min-width: auto;
	border: none;
	width: auto;
	flex: 1;
}
.item.item-keep .fa-times-circle,
.item.item-del .fa-times-circle {
	display: none;
}
.item > .fa {
	text-align: center;
	position: relative;
	cursor: pointer;
	font-size: 15px;
	min-width: 34px;
	display: block;
	width: 34px;
	flex: 0;
}
.item > .fa::before {
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	left: 50%;
	top: 50%;
}
.item > .fa:hover {
	transform: scale(1.1);
}
.item > .fa-pencil {
	color: #03a9f3;
}

.item > .fa-times-circle {
	color: #dc0202;
}
.item > input:active,
.item > input:focus,
.item > input:hover {
	text-decoration: underline;
}

.item-status {
	border-left: 1px solid #b9b8b8;
	border-bottom: none;
	padding-left: 0.5em;
	border-right: none;
	border-top: none;
	margin: 0 0.5em;
	width: 10em;
}

/* ORDERABLE */
.wer-orderable-placeholder {
	display: none;
}
.wer-order {
	position: relative;
}
/*
.wer-order:hover::before {
	font: normal normal normal 1em/1 FontAwesome;
	transform: translateX(-50%);
	padding: 0.72em 0 0 0;
	text-rendering: auto;
	padding: 0 15px 0 0;
	line-height: 1.4em;
	position: absolute;
	font-size: 1.43em;
	content: "\f047";
	display: block;
	color: #03a9f3;
	left: 0;
	top: 0;
}*/
/*
.wer-order input, .wer-order textarea {
	cursor: move;
}
*/
.wer-order-current {
	border: 2px dotted #729efd !important;
}
.wer-order-current td {
	border-top: 2px dotted #729efd !important;
	border-bottom: 2px dotted #729efd !important;
}
.wer-order-current td:first-child {
	border-left: 2px dotted #729efd !important;
}
.wer-order-current td:last-child {
	border-right: 2px dotted #729efd !important;
}
.wer-order-drag {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	cursor: grab !important;
	color: #b9bdbf;
}
.wer-order-moving * {
	cursor: grabbing !important;
}
.wer-order-drag:hover {
	color: #43d6b2;
}

/* WER HIDE */
.wer-hide {
	display: none !important;
}

/* HIDABLE CHILDREN */
.wer-hide-children .wer-hide-child {
	display: none !important;
}

/* SUMMERNOTE */
.note-editable {
	font-family: 'Helvetica';
}
.note-editing-area {
	min-height: 150px !important;
}

/* NOTIFS */
.wer-notif-unseen {
	background-color: #eeffb1;
}
#notifanim.hidden {
	display: none;
}
.wer-notif-anim, .wer-notif-anim > * {
	animation: wernotifanim 1s linear infinite alternate;
}
@keyframes wernotifanim {
	from { color: #e46a76; }
	to { color: #eb939c; }
}

/* ANIMATION */
.wer-opacity-anim {
	animation: weropacity 1s linear infinite alternate;
}
@keyframes weropacity {
	from { opacity: 1; }
	to { opacity: 0; }
}


/* FLIPBOOK */
.wer-screener .wer-form {
	-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);
	transform: translateX(-50%) translateY(-50%);
	background-color: white;
	flex-direction: column;
	position: absolute;
	border-radius: 1em;
	padding: 1.25em;
	max-height: 90vh;
	max-width: 90vw;
	cursor: default;
	display: flex;
	width: 800px;
	left: 50%;
	top: 50%;
}
.wer-screener .wer-form .wer-pop-body {
	overflow: auto;
}
.wer-screener {
	position: relative;
	overflow: hidden;
	display: block;
}
.wer-screen {
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.wer-screen.show {
	transition: 0.5s ease-in-out;
	display: block;
}
.wer-screen > .wer-screener-back {
	position: absolute;
	/*font-weight: bold;
	cursor: pointer;*/
	left: 10px;
	top: 10px;
}
/*
.wer-screener-back:hover {
	transform: scale(1.1);
}*/
/* JSON CHAT */
.wer-json-chat {
	border-radius: 1em 1em 0.5em 0.5em;
	border: 6px solid #c5e0e4;
	flex-direction: column;
	max-height: 30em;
	min-height: 7em;
	display: flex;
	width: 100%;
}
.wer-json-chat-box {
	border-radius: 1em 1em 0 0;
	background-color: #eff7f8;/*#f0f0f0;*/
	overflow: auto;
	display: block;
	padding: 1em;
	width: 100%;
	flex: 1;
}
.wer-json-chat-msg {
	background-color: #f8f8f8;
	justify-content: stretch;
	flex-direction: row;
	border-radius: 1em;
	margin-bottom: 1em;
	position: relative;
	display: flex;
	width: 100%;
}
.wer-json-chat-del {
	position: absolute;
	font-weight: bold;
	cursor: pointer;
	right: 0.8em;
	color: red;
	top: 0.25em;
}
.wer-json-chat-del:hover {
	transform: scale(1.1);
}
.wer-json-chat-del:active {
	transform: scale(0.5);
}
.wer-json-chat-source {
	background-color: #485bc7;
	flex-direction: column;
	border-radius: 1em;
	color: #ffffff;
	padding: 0.5em;
	display: flex;
	width: 12em;
}
.wer-json-chat-msg.me .wer-json-chat-source {
	background-color: #5bb753;
}
.wer-json-chat-user {
	text-overflow: ellipsis;
	padding-bototm: 0.5em;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	width: 100%;
	flex: 1;
}
.wer-json-chat-time {
	text-align: center;
	width: 100%;
}


.wer-json-chat-text {
	background-color: #ffffff;
	border-radius: 1em;
	padding: 0.5em 1em;
	text-align: left;
	flex: 1;
}
.wer-json-chat-foot {
	border-radius: 0 0 0.5em 0.5em;
	border-top: 5px solid #c5e0e4;
	justify-content: stretch;
	flex-direction: row;
	display: flex;
	width: 100%;
	flex: 0;
}
.wer-json-chat-foot textarea {
	padding: 0.4em 1em;
	outline: none;
	border: none;
	flex: 1;
}
.wer-json-chat-foot textarea:focus-visible {
	outline: none !important;
}
.wer-json-chat-foot .wer-but {
	padding: 0.5em 1em 0.4em 1em;
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	font-weight: bold;
	border-radius: 0;
	line-height: 1em;
	padding: 0;
	flex: 0;
}

/* CALENDAR */
.wer-calendar-conferinta {
	background-color: #bf9a06ba !important;
}
.wer-calendar-conferinta:hover {
	background-color: #d5ad10ba !important;
}
.wer-calendar-hide-conferinte .wer-calendar-conferinta {
	display: none !important;
}

/* TOGGLES */
.wer-toggle-next {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
	position: relative;
	cursor: pointer;
}
.wer-toggle-next::after {
	font: normal normal normal 1.5em FontAwesome;
	transform: translateY(-50%);
	position: absolute;
	content: "\f0d7";
	color: #000000;
	right: 0.45em;
	top: 50%;
}
.wer-toggle-next.wer-toggle-off::after {
	content: "\f0da";
}
.wer-toggle-body.wer-toggle-off {
	display: none;
}

/* DATEPICKER */
.wer-dp-tl, .wer-dp-tr, .wer-dp-bl, .wer-dp-br, .wer-dp-t, .wer-dp-b {
	position: absolute;
	text-align: center;
	font-size: 1.05em;
	line-height: 3em;
	cursor: pointer;
	height: 3em;
}
.wer-dp-tr { 
	background-color: #485bc7;
	width: calc(62% + 1em);
	padding-right: 1.5em;
    margin-right: -1em;
	text-align: right;
	color: white;
    right: 0; 
    top: 0; 
}
.wer-dp-tl { 
	background-color: #485bc7;
	width: calc(38% + 1em);
	padding-left: 1.3em; 
    margin-left: -1em;
	text-align: left;
	color: white;
	left: 0;	
    top: 0;
}

.wer-dp-br { width: 50%; bottom: 0; right: 0; }
.wer-dp-bl { width: 50%; bottom: 0; left: 0; }
.wer-dp-t  { width: 100%; left: 0; top: 0; color: #485bc7; }
.wer-dp-b  { width: 100%; left: 0; bottom: 0; color: #485bc7; }
.wer-dp-bl:hover, .wer-dp-br:hover, .wer-dp-t:hover { font-weight: bold; }
.wer-dp-setnow { 
	transition: 0.1s ease-in-out; 
	font-size: 0.9em;
	font-weight: 600;
    line-height: 2em;
	height: 2.4em;
}

.wer-dp-setnow:hover { padding-top: 0.2em; font-weight: 700; font-size: 1em; }
.wer-dp-tl:hover { padding-left: 1.2em; font-weight: 500; }
.wer-dp-tr:hover { padding-right: 1.3em; font-weight: 500; }
.wer-dp-panel-m .wer-dp-t { font-weight: 600; transition: 0.1s ease-in-out; }
.wer-dp-panel-m .wer-dp-t:hover { font-weight: 700; transition: 0.1s ease-in-out; }
.wer-dp-panel-y .wer-dp-t:hover, .wer-dp-panel-y .wer-dp-b:hover { color: #8294ed; }

.wer-dp-panel-m .wer-dp-t::after, /* month */
.wer-dp-panel-d .wer-dp-tr::after,
.wer-dp-panel-d .wer-dp-tl::after {
	font: normal normal normal 0.8em FontAwesome;
	background-image: none;
	display: inline-block;
	text-rendering: auto;
	margin-left: 0.4em;
	color: #ffffff;
	content: "\f040";
	height: 1em;
	width: 1em;
	position: relative;
	left: 0.2em;
	bottom: 0.1em;
}

.wer-dp-panel-m .wer-dp-t::after {
	color: #485bc7;
}

.wer-dp-panel-m .wer-dp-t:hover::after, /* month */
.wer-dp-panel-d .wer-dp-tr:hover::after,
.wer-dp-panel-d .wer-dp-tl:hover::after {
	font-size: 1em;
}

.wer-dp-pop {
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	border-radius: 0.1em;
	background-color: #ffffff;
	height: max-content;
	max-height: 100%;
    padding: 0 1em;
	max-width: 100%;
	position: fixed;
	font-size: 1em;
	width: 15em;
	left: 50%;
	top: 40%;

    overflow: hidden;
}
.wer-dp-panel {
	height: max-content;
	position: relative;
	max-height: 100vh;
	padding: 3em 0;
	display: none;
	width: 100%;
}

.wer-dp-panel-m {
	padding-bottom: 1em !important;
}
.wer-dp-pop table {
	border-collapse: collapse;
	border: none;
	width: 100%;
	bottom: 3em;
}
.wer-dp-pop table th, .wer-dp-pop table td {
	vertical-align: middle;
	font-family: Arial;
	text-align: center;
	font-size: 1em;
	color: #000000;
}
.wer-dp-pop table th {
	font-weight: bold;
	width: 14.27%;
	color: #485bc7;
}
.wer-dp-pop table td { border-radius: 0.1em; cursor: pointer; }
.wer-dp-pop table td:hover { background-color: #ffd6a0; }
.wer-dp-pop table td.active { background-color: #485bc7 !important; color: white; }
.wer-dp-pop table td.active:hover { background-color: #e3f2ff; }
.wer-dp-pop table td.now { background-color: #eeeeee; text-decoration: underline; }
.wer-dp-pop table td.out { color: #aaaaaa; }

.wer-dp-panel-d table {
	position: relative;
	top: 0.8em;
}
.wer-dp-pop .wer-dp-panel .wer-dp-t ~ table td { /* months & years */
	text-decoration: none;
}

/* DATEPICKER - INPUT ICON */
.wer-datepicker + label, .wer-dateicon + label {
	padding-left: 2.2em !important;
}
.wer-datepicker + label::after, .wer-dateicon + label::after {
	font: normal normal normal 1em FontAwesome;
	transform: translateY(-50%);
	display: inline-block;
	text-rendering: auto;
	position: absolute;
	font-size: 1.2em;
	content: "\f073";
	cursor: pointer;
	color: #000000;
	opacity: 0.5;
	left: 0.5em;
	top: 42%;
}

/* WATCH */
.wer-watch {
	justify-content: center;
	font-family: 'Consolas';
	flex-direction: row;
	align-items: center;
	font-size: 1em;
	display: flex;
	width: 100%;
}
.wer-watch-col {
	flex-direction: column;
	padding: 0 0.1em;
	display: flex;
	font: inherit;
	flex: 1;
}
.wer-watch-col > div {
	text-align: center;
	padding: 0.2em 0;
	cursor: pointer;
	color: #2a68b9;
}
.wer-watch-col > div:hover {
	transform: scale(1.1);
}
.wer-watch input {
	background-color: #2a68b9;
	font-family: inherit;
	line-height: 1.5em;
	text-align: center;
	cursor: pointer;
	font-size: 1em;
	color: #ffffff;
	height: 1.5em;
	border: none;
	width: 100%;
}
.wer-watch input::-moz-selection { background: #628ec8; }
.wer-watch input::selection { background: #628ec8; }
.wer-watch-spacer {
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	flex-shrink: 0;
	color: #2a68b9;
	width: 0.8em;
}

/* LISTER */
.wer-lister-pag {
	display: inline-block;
	width: 10em;
}

/* HIGHEST Z */
.wer-highest-z {
	z-index: 999999999;
}

/* MINIPOP */
.wer-minipop-container {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.wer-minipop {
	box-shadow: 0px 5px 12px -3px rgba(0, 0, 0, 0.4);
	background-color: #ffffff;
	border-radius: 0.25em;
	position: absolute;
}
.wer-minipop-x {
	border-radius: 0.3em;
	position: absolute;
	text-align: center;
	line-height: 1.5em;
	font-weight: bold;
	cursor: pointer;
	font-size: 1em;
	height: 1.5em;
	width: 1.5em;
	color: #999999;
	right: 0.5em;
	top: 0.5em;
}
.wer-minipop-x:hover {
	color: #222222;
}
.wer-minipop-x::before {
	content: 'X';
}

/* SPINNER */
.wer-spinner {
	z-index: 9999999999;
	position: fixed;
	display: none;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.wer-loading .wer-spinner {
	display: block;
}
.wer-spinner div {
	z-index: 9999999999;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.wer-spinner div img {
	opacity: 0.3;
	-webkit-animation: wer-spinning-anim 1s linear infinite;
	   -moz-animation: wer-spinning-anim 1s linear infinite;
	    -ms-animation: wer-spinning-anim 1s linear infinite;
	     -o-animation: wer-spinning-anim 1s linear infinite;
			animation: wer-spinning-anim 1s linear infinite;
}
@keyframes wer-spinning-anim {
	from {
		-webkit-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		     -o-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/* LOADING MESSAGE */
.wer-loading-message {
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 99991;
	position: fixed;
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-animation: wer-fadein 0.5s ease-in-out forwards;
	   -moz-animation: wer-fadein 0.5s ease-in-out forwards;
		-ms-animation: wer-fadein 0.5s ease-in-out forwards;
		 -o-animation: wer-fadein 0.5s ease-in-out forwards;
			animation: wer-fadein 0.5s ease-in-out forwards;
}
.wer-loading-message-pop {
	-webkit-box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.2);
	   -moz-box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.2);
			box-shadow: 3px 3px 26px -8px rgba(0,0,0,0.2);
	transform: translateX(-50%) translateY(-50%);
	background-color: #ffffff;
	border-radius: 2rem;
	padding: 3rem 4rem;
	position: absolute;
	min-height: 5rem;
	min-width: 10rem;
	z-index: 99992;
	left: 50%;
	top: 50%;
}
.wer-loading-message-text {
	margin-bottom: 0.5rem;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	min-width: 100%;
	display: block;
}
.wer-loading-message-loader {
	text-align: center;
	font-size: 1.5rem;
	min-width: 100%;
	display: block;
	opacity: 0.8;
}
.wer-loading-message-loader::after {
	-webkit-animation: wer-dot-loader 2s linear infinite forwards;
	   -moz-animation: wer-dot-loader 2s linear infinite forwards;
		-ms-animation: wer-dot-loader 2s linear infinite forwards;
		 -o-animation: wer-dot-loader 2s linear infinite forwards;
			animation: wer-dot-loader 2s linear infinite forwards;
	display: inline-block;
	content: ".";
}
@keyframes wer-dot-loader {
	0%   { content: "."; }
	10%  { content: ".."; }
	20%  { content: "..."; }
	30%  { content: "...."; }
	40%  { content: "....."; }
	50%  { content: "......"; }
	60%  { content: "......."; }
	70%  { content: "........"; }
	80%  { content: "........."; }
	90%  { content: ".........."; }
	100% { content: "..........."; }
}

/* RANDOM FIXES */
.tooltip {
	z-index: 99999999999!important;
	position: fixed;
}

/* PROGRESSBAR */
.wer-progress {
	/* border: 1px solid #e9e9e9; */
	background-color: #e9e9e9;
	border-radius: 0.5em;
	position: relative;
	/* overflow: hidden; */
	display: block;
	margin: 1em 0;
	height: 1em;
	width: 100%;
}
.wer-progress-bar {
	background-color: #dee3ff;
	position: absolute;
	bottom: 0;
	width: 0%;
	left: 0;
	top: 0;
    background: linear-gradient(90deg, #6b7ad1, #485bc7);
	border-radius: 0.5em;
}
.wer-progress-info {
	position: absolute;
	display: block;
	right: 0%;
	top: -2em;
}
.wer-progress-value {
	display: inline-block;
	text-align: center;
	font-weight: 500;
	/* color: #ff8800; */
	color: #7e8de1;
	width: 3em;
	text-align: right;
	/* text-align: center; */
	font-size: 0.9em;
}
.wer-progress-total {
	display: inline-block;
	text-align: center;
	font-weight: 500;
	color: #7e8de1;
	width: 3em;
	text-align: left;
	font-size: 0.9em;
}
.wer-progress-spacer {
	display: inline-block;
	text-align: center;
	color: #7e8de1;
	width: 0.8em;
}
.wer-progress-spacer::before {
	display: inline;
	content: "/";
	font-size: 0.8em;
}

/*
.wer-instachecked {
	background-color: rgba(245, 255, 124, 0.7);
}
.tt-table tbody tr:nth-child(2n+1) .wer-instachecked {
	background-color: rgba(235, 244, 119, 0.7);
}
*/