:root {
	--ttesa-color-main: #005CA2;
	--ttesa-color-secondary: #DC0032;
	--ttesa-box-bg: #fff;
	--ttesa-box-color: #1d1d1d;
	--ttesa-box-border-color: #DDEEFB;
	--ttesa-box-border: solid 1px var(--ttesa-box-border-color);
}

html {
	font-size: initial;
}

*:focus {
	outline: none;
}

::-moz-selection {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
}

::selection {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
}

body {
	min-width: 320px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	background-color: #f6f6f6;
	background-image: url('../../images/ttesa_background.svg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
}

h1,h2,h3,h4,h5,h6 {
	color: var(--ttesa-color-main);
}

.header {
	--size-logo: 300px;
	display: flex;
	padding: 10px 2%;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	min-height: 60px;
	height: auto;
	min-width: 320px;
	position: sticky;
	top: 0;
	justify-content: space-between;
	gap: 20px;
}

.header .appTitle {
	/* font-weight: bold; */
	color: rgba(0, 0, 0, 0.7);
	font-size: 1rem;
	display: inline-block;
	padding: 0px;
}
.header .logo {
	display: inline-block;
	width: var(--size-logo);
	height: auto;
	padding: 0px;
	margin-right: 0px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}
.header .logo:hover {
	opacity: 1;
}
.header .logo a img {
	max-width: 100%;
}

.header .appMedia {
	width: var(--size-logo);
	text-align: right;
}

.header::after {
	display: none;
}

div.surveyScreen {
	display: block;
	padding: 0;
	margin: 20px auto 0 auto;
	width: 100%;
	max-width: 1200px;
}

div.surveyHeader {
	margin: 0px 0px 20px 0px;
	padding: 2%;
	background: #f6f6f6;
	border: solid 1px #dbdbdb;
	color: var(--ttesa-box-color);
	font-size: 0.875rem;
	text-align: left;
}

div.surveyHeader h3 {
	font-size: 1.125rem;
	font-weight: bold;
}

div.surveyHeader .surveyDescription {
	font-size: 1rem;
	font-weight: normal;
	text-indent: 20px;
	padding: 10px;
}

div.surveyHeader .surveyAuthor {
	font-size: 1rem;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	padding: 10px;
}

#Page0,
#Page1,
#Page2,
#Page3,
#Page4,
#Page5,
#Page6,
#Page7,
#Page8,
#Page9,
#Page10,
#Page11,
#Page12,
#Page13 {
	color: var(--ttesa-box-color);
	background-color: var(--ttesa-box-bg);
	border: var(--ttesa-box-border);
	transition: none;
}

.questionText {
	color: var(--ttesa-box-color);
}

.Page .questionText {
	font-size: 0.875rem;
	font-weight: bold;
}

p.questionDescription,
span.questionDescription {
	font-size: 0.875rem;
	font-weight: bold;
}

.questionHeader .questionHeading {
	font-size: 1.25rem;
    font-weight: 700;
    color: var(--ttesa-color-main);
}

a {
	text-decoration: underline;
	color: var(--ttesa-color-main);
}

a:hover {
	text-decoration: none;
}

.main {
	padding: 0;
	display: block;
	text-align: center;
}

.main .inputbox {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid gray;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 25px;
}

.main .input {
	display: inline-block;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="file"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	display: block;
	width: 100%;
    max-width: 100%;
    background: #fff;
    color: #575757;
    font-family: inherit;
    font-size: 0.875rem;
    height: 36px;
    padding: 6px 10px;
    outline: none;
    border: 1px solid #c5cbd5;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="file"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
}

textarea {
	height: 150px;
}

div.DebugTable {
	margin: 20px;
}

.btn {
	cursor: pointer;
}

/* DebugTable */

.DebugTable {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.DebugTable table, table.DebugTable {
	margin: 0px;
	padding: 0px;
	color: rgba(255, 255, 255, 0.8);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
	font-size: 0.625rem;
}

.DebugTable tr:last-child td:last-child {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.DebugTable table tr:first-child td:first-child {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.DebugTable table tr:first-child td:last-child {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.DebugTable tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.DebugTable td {
	vertical-align: middle;
	border-width: 0px 1px 1px 0px;
	padding: 7px;
	color: rgba(255, 255, 255, 0.8);
	border-color: rgba(255, 255, 255, 0.3);
	border-style: solid;
}

.DebugTable th {
	vertical-align: middle;
	border-width: 0px 0px 0px 0px;
	padding: 7px;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 0, 0, 0.4);
}

.DebugTable tr:last-child td {
	border-width: 0px 1px 0px 0px;
}

.DebugTable tr td:last-child {
	border-width: 0px 0px 1px 0px;
}

.DebugTable tr:last-child td:last-child {
	border-width: 0px 0px 0px 0px;
}

table.editable {
	margin: 0px;
	padding: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0px;
	border: 0px solid rgba(255, 255, 255, 0.7);
	color: rgb(255, 255, 255);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
	font-size: 0.75rem;
	width: 100%;
	text-align: center;
}

table.editable tr {
	background-color: transparent;
}

table.editable tr:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

table.editable td {
	vertical-align: middle;
	border-width: 0px 1px 1px 0px;
	padding: 2px;
	color: rgba(255, 255, 255, 0.8);
	border-color: rgba(255, 255, 255, 0.3);
	border-style: solid;
}

table.editable th {
	vertical-align: middle;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 2px;
	color: rgba(255, 255, 255, 0.8);
	background-color: transparent;
	margin: 0;
	border-spacing: 0px;
	border-collapse: collapse;
}

p {
	margin: 5px;
}

div.error {
	display: inline-block;
	background-color: rgba(255, 0, 0, 0.4);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
	padding: 10px 20px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	margin: 20px;
}

div.success {
	display: inline-block;
	background-color: rgba(105, 105, 248, 0.27);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
	padding: 10px 20px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	margin: 20px;
}

div.message {
	display: inline-block;
	/*box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);*/
	padding: 10px 20px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	border-radius: 0px;
	margin-bottom: 10px;
}

div.message.big {
	margin-left: 20px;
}

div.fixedtopmessage {
	display: block;
	width: 100%;
	position: fixed;
	top: 10px;
	margin-bottom: 10px;
}

div.topmessage {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
	padding: 10px 40px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 2px solid rgba(255, 255, 255, 1);
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 1.875rem;
}

div.bottommessage {
	display: block;
	background-color: transparent;
	padding: 10px 40px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	border: 2px 0px 2px 0px solid rgba(255, 255, 255, 1);
	margin-bottom: 20px;
	margin-top: 0px;
	width: 90%;
	font-weight: bold;
	font-size: 1.875rem;
	margin-left: auto;
	margin-right: auto;
}

div.debug {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.4);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	margin: 20px;
	font-size: smaller;
}

div.activateprofile {
	display: inline-block;
	background-color: rgba(0, 255, 0, 0.2);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	color: rgba(255, 255, 255, 0.8);
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	margin: 20px;
	font-size: 0.75rem;
}

div.activateprofile.login {
	display: inline-block;
	padding: 10px 20px;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}

div.activateprofile.login input {
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

div.activateprofile div.ms-container {
	margin-left: auto;
	margin-right: auto;
}

div.sitename {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0);
	padding: 10px 20px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid rgba(255, 255, 255, 0);
	font-weight: bold;
	font-size: 2.5rem;
	margin: 10px 20px;
}

div.clear {
	clear: both;
}

div.button {
	display: inline-block;
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	margin: 20px 10px;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

div.button:hover {
	box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.7);
}

div.button a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

div.button:hover a {
	color: rgba(255, 255, 255, 1);
}

div.button.green {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	background-color: rgba(0, 255, 0, 0.2);
}

div.button.green:hover {
	background-color: rgba(0, 255, 0, 0.5);
}

fieldset {
	background-color: rgba(0, 0, 0, 0.5);
	height: 50px;
	width: 400px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.875rem;
	margin-bottom: 10px;
	border: 1px solid transparent;
}

fieldset:hover, fieldset:focus {
	border: 1px solid rgba(255, 255, 255, 0.7);
}

fieldset.big {
	background-color: rgba(0, 0, 0, 0.5);
	min-height: 100px;
	width: 400px;
	border-radius: 0px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 0.875rem;
	margin-bottom: 10px;
	padding: 0px;
}

fieldset.big>legend {
	margin: 0px auto 20px;
	color: rgba(255, 255, 255, 0.5);
}

fieldset.big>textarea {
	background-color: transparent;
	height: 80px;
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 0.875rem;
	margin-bottom: 10px;
	border: none;
}

input[type=number] {
	background-color: rgba(0, 0, 0, 0.5);
	height: 30px;
	width: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 0.875rem;
	margin-bottom: 10px;
}

input.editable[type=number] {
	height: 30px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	color: rgba(0, 255, 0, 0.8);
	font-size: 0.75rem;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	border: 0px solid;
	width: 70px;
}

input.editable[type=text], input.editable[type=date] {
	height: 30px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	color: rgba(0, 255, 0, 0.8);
	font-size: 0.75rem;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	border: 0px solid;
	width: 100%;
}

textarea.editable {
	height: 60px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: center;
	color: rgba(0, 255, 0, 0.8);
	font-size: 0.75rem;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	border: 0px solid;
	width: 300px;
	overflow: hidden;
}

input.editable.red, textarea.editable.red {
	background-color: rgba(255, 0, 0, 0.3);
}

input.editable.black, textarea.editable.black {
	background-color: rgba(0, 0, 0, 0.3);
}

input.editable:focus {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(0, 255, 0, 1);
}

table.editable tr th span.header {
	display: block;
	margin: auto;
}

table.status td:first-child {
	text-align: left;
}

table.status td:last-child {
	text-align: right;
}

table.tablePaging {
	margin: 15px auto;
	width: 100%;
	border-spacing: 0px;
}

input.microButton {
	margin: 2px;
}

div.orderButtons {
	display: inline-block;
	margin: 0px 2px 0px 5px;
	padding: 0px;
	width: 25px;
	height: 10px;
	overflow: hidden;
	line-height: 5px;
}

input.asc {
	color: transparent;
	background-image: url(images/asc-white-transparent.png);
	margin: 0px 2px 0px 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 0px;
	border-width: 0px;
	background-color: transparent;
}

input.asc.active, input.asc:hover {
	background-image: url(images/asc-white.png);
}

input.desc {
	color: transparent;
	background-image: url(images/desc-white-transparent.png);
	margin: 0px 0px 0px 2px;
	padding: 0px;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 0px;
	border-width: 0px;
	background-color: transparent;
}

input.desc.active, input.desc:hover {
	background-image: url(images/desc-white.png);
}

div.menu {
	display: inline-block;
	margin: 0px 10px 20px 10px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}

div.menu.left {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	text-align: left;
}

div.menu ul {
	display: inline-block;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	margin-top: 99px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}

div.menu.top ul li {
	display: block;
	list-style: none;
	background-color: rgba(0, 255, 0, 0.2);
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	/*box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);*/
	padding: 0px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px solid rgba(0, 255, 0, 0);
	margin: 0px 0px;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;
}

div.menu ul li {
	display: block;
	list-style: none;
	background-color: rgba(0, 255, 0, 0.2);
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	/*box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);*/
	padding: 0px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid rgba(0, 255, 0, 0);
	margin: 0px 0px;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	width: 210px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}

div.menu.short ul li {
	display: block;
	list-style: none;
	background-color: rgba(0, 255, 0, 0.2);
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	/*box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);*/
	padding: 0px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid rgba(0, 255, 0, 0);
	margin: 0px 0px;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	width: 56px;
}

div.menu div.parking {
	margin: 4px 20px 25px;
	padding: 20px 0px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	cursor: pointer;
}

div.menu div.parking i.fa {
	margin-right: 20px;
}

div.menu.short div.parking.wide, div.menu div.parking.short {
	position: absolute;
	display: inline-block;
	width: 210px;
	height: 16px;
	overflow: hidden;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}

div.menu div.parking.wide, div.menu.short div.parking.short {
	position: absolute;
	display: inline-block;
	width: 0px;
	height: 16px;
	overflow: hidden;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}

div.menu div.parking:hover {
	color: rgba(255, 255, 255, 1);
}

div.menu ul li.active, div.menu ul li:hover {
	background-color: rgba(13, 146, 13, 1);
	;
	box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
	padding: 0px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 0px 0px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.7);
}

div.menu ul li.active {
	z-index: 100;
}

div.menu ul li a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	margin-left: 0px;
	padding: 10px 20px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	display: block;
}

div.menu.short ul li a {
	width: 40px;
}

div.menu ul li:hover a, div.menu ul li.active a {
	color: rgba(255, 255, 255, 1);
}

div.menu ul li a span {
	margin-left: 20px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	overflow: hidden;
	width: calc(100% - 60px);
	height: 20px;
	position: absolute;
}

div.menu.short ul li a span {
	margin-left: 20px;
	width: 0px;
	width: 0;
}

div.big {
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
}

div.picture {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid rgba(255, 255, 255, 1);
	margin-bottom: 10px;
}

/* *** ANIMATED STYLES *** */

/* DebugTableAnimated */

.DebugTableAnimated {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	/*
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	*/
}

.DebugTableAnimated table, table.DebugTableAnimated {
	margin: 0px;
	padding: 0px;
	color: transparent;
	font-size: 0.75rem;
}

table.wide {
	width: 100%;
}

.Animated {
	opacity: 0;
}

.DebugTableAnimated span.Animated {
	vertical-align: middle;
	border-width: 0px 0px 0px 0px;
	padding: 7px;
	color: rgba(255, 255, 255, 0.8);
	border-color: rgba(255, 255, 255, 0.3);
	border-style: solid;
	opacity: 0;
}

.DebugTableAnimated td.Sales {
	vertical-align: middle;
	border-width: 0px 0px 0px 0px;
	padding: 7px;
	border-color: rgba(255, 255, 255, 0.3);
	border-style: solid;
	opacity: 1;
}

.DebugTableAnimated th {
	vertical-align: middle;
	border-width: 0px 1px 1px 0px;
	padding: 7px;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(255, 255, 255, 0.3);
}

/* *** agent field *** */

.DebugTableAnimated td.Agent {
	width: 30%;
}

.DebugTableAnimated span.Team {
	float: left;
	display: block;
	width: 170px;
}

.DebugTableAnimated span.TeamPicture {
	display: block;
	width: 100%;
	text-align: center;
}

.DebugTableAnimated img.TeamPicture {
	display: block;
	height: 150px;
	margin: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 6px solid white;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTableAnimated span.TeamName {
	display: block;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	width: 100%;
}

.DebugTableAnimated span.Agent {
	float: left;
	display: block;
	width: 230px;
}

.DebugTableAnimated span.AgentPicture {
	display: block;
	width: 100%;
	text-align: center;
}

.DebugTableAnimated img.AgentPicture {
	display: block;
	height: 150px;
	margin: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 6px solid white;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTableAnimated span.AgentNick {
	display: block;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	width: 100%;
	margin-top: -28px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: rgb(150, 150, 150);
}

.DebugTableAnimated span.AgentNickCase {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: white;
	padding: 2px 10px;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTableAnimated span.AgentName {
	display: block;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	width: 100%;
	margin-top: -5px;
}

/* *** sales field *** */

.DebugTableAnimated td.Sales {
	width: 70%;
}

.DebugTableAnimated span.Sales {
	width: 150px;
	display: block;
	float: left;
}

.DebugTableAnimated span.SalesType {
	display: block;
	float: left;
}

.DebugTableAnimated img.SalesTypePicture {
	display: block;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 100px;
	border: 6px solid white;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTableAnimated span.Status {
	display: block;
	float: left;
}

.DebugTableAnimated img.StatusPicture {
	display: block;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	width: 55px;
	margin-left: 75px;
	margin-bottom: -35px;
	margin-top: -45px;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTableAnimated span.SalesPoints {
	display: block;
	margin-right: 65px;
	margin-top: -18px;
	float: right;
}

.DebugTableAnimated span.SalesCounterRounded {
	display: block;
	margin-left: -10px;
	margin-top: -135px;
	padding: 7px;
	float: left;
	font-size: 1.25rem;
	font-weight: bold;
	background-color: #382E2C;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 15px;
	border: 5px solid #FFF;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}

.DebugTableAnimated span.Score {
	display: block;
	width: 200px;
	float: right;
	padding: 30px;
}

.DebugTableAnimated span.ScoreTitle {
	display: block;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	width: 100%;
	/* margin-top: -28px; */
	text-shadow: 7px 7px 7px rgba(0, 0, 0, 0.8);
	color: rgb(200, 200, 200);
}

.DebugTableAnimated span.ScorePoints {
	display: block;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	width: 100%;
	/* margin-top: -28px; */
	text-shadow: 7px 7px 7px rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 1);
}

/* *** TEAM ANIMATED STYLES *** */

/* DebugTeamTableAnimated */

.DebugTeamTableAnimated {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	/*
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	*/
}

.DebugTeamTableAnimated table, table.DebugTeamTableAnimated {
	margin: 0px;
	padding: 0px;
	color: transparent;
	font-size: 0.75rem;
}

.DebugTeamTableAnimated span.Animated {
	vertical-align: middle;
	border-width: 0px 0px 0px 0px;
	padding: 7px;
	color: rgba(255, 255, 255, 0.8);
	border-color: rgba(255, 255, 255, 0.3);
	border-style: solid;
	opacity: 0;
}

.DebugTeamTableAnimated td.Sales {
	vertical-align: middle;
	border-width: 0px 0px 0px 0px;
	padding: 7px;
	border-color: rgba(255, 255, 255, 0.3);
	border-style: solid;
	opacity: 1;
}

.DebugTeamTableAnimated th {
	vertical-align: middle;
	border-width: 0px 1px 1px 0px;
	padding: 7px;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(255, 255, 255, 0.3);
}

/* *** agent field *** */

.DebugTeamTableAnimated td.Team {
	width: 15%;
}

.DebugTeamTableAnimated span.Team {
	float: left;
	display: block;
	width: 170px;
}

.DebugTeamTableAnimated span.TeamPicture {
	display: block;
	width: 100%;
	text-align: center;
}

.DebugTeamTableAnimated img.TeamPicture {
	display: block;
	height: 150px;
	margin: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 6px solid white;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTeamTableAnimated span.TeamName {
	display: block;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	width: 100%;
}

.DebugTeamTableAnimated span.AgentSmall {
	float: left;
	display: block;
	width: 80px;
	margin-top: -60px;
	margin-left: -20px;
}

.DebugTeamTableAnimated span.AgentPicture {
	display: block;
	width: 100%;
	text-align: center;
}

.DebugTeamTableAnimated img.AgentPicture {
	display: block;
	height: 80px;
	margin: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 5px solid white;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.DebugTeamTableAnimated span.AgentNick {
	display: block;
	text-align: center;
	font-size: 0.625rem;
	font-weight: bold;
	width: 100%;
	margin-top: -28px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: rgb(150, 150, 150);
}

.DebugTeamTableAnimated span.AgentNickCase {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: white;
	padding: 2px 10px;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTeamTableAnimated span.AgentName {
	display: block;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	width: 100%;
	margin-top: -5px;
}

/* *** sales field *** */

.DebugTeamTableAnimated td.Sales {
	width: 85%;
}

.DebugTeamTableAnimated span.Sales {
	width: 180px;
	display: block;
	float: left;
}

.DebugTeamTableAnimated span.SalesType {
	display: block;
	float: left;
}

.DebugTeamTableAnimated img.SalesTypePicture {
	display: block;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 100px;
	border: 6px solid white;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTeamTableAnimated span.Status {
	display: block;
	float: left;
}

.DebugTeamTableAnimated img.StatusPicture {
	display: block;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	width: 55px;
	margin-left: 75px;
	margin-bottom: -35px;
	margin-top: -45px;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.DebugTeamTableAnimated span.SalesPoints {
	display: block;
	margin-right: 37px;
	margin-top: 0px;
	float: right;
	font-weight: bold;
}

.DebugTeamTableAnimated span.SalesCounter {
	display: block;
	margin-right: 37px;
	margin-top: -15px;
	float: right;
	font-size: 1.25rem;
	font-weight: bold;
}

.DebugTeamTableAnimated span.Score {
	display: block;
	width: 200px;
	float: right;
	padding: 30px;
}

.DebugTeamTableAnimated span.ScoreTitle {
	display: block;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	width: 100%;
	/* margin-top: -28px; */
	text-shadow: 7px 7px 7px rgba(0, 0, 0, 0.8);
	color: rgb(200, 200, 200);
}

.DebugTeamTableAnimated span.ScorePoints {
	display: block;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	width: 100%;
	/* margin-top: -28px; */
	text-shadow: 7px 7px 7px rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 1);
}

pre {
	text-align: left;
}

table.tablePaging input {
	border-radius: 0px;
	padding: 3px 4px;
	border-width: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	color: rgba(255, 255, 255, 0.5);
}

table.tablePaging input:hover {
	border-radius: 0px;
	padding: 3px 4px;
	border-width: 0px;
	background-color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
	color: rgba(255, 255, 255, 1);
}

table.tablePaging select {
	border-radius: 0px;
	padding: 3px 4px;
	border-width: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	height: 30px;
	margin: 0px 3px;
}

fieldset.multiselect {
	display: inline-block;
	height: auto;
	width: auto;
	padding: 10px 0px;
	min-width: 400px;
}

fieldset.multiselect label {
	margin: 0px 0px 10px 0px;
	display: block;
}

.activateprofile>form>input[type="submit"] {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.redicon {
	color: #FA6464;
}

.greenicon {
	color: #23dd49;
}

table.listIdFiles {
	font-size: small;
}

table.listIdFiles td {
	background-color: rgba(0, 0, 0, 0.3);
	padding: 2px 5px;
	text-align: center;
}

table.listIdFiles th {
	background-color: rgba(0, 0, 0, 0.75);
	padding: 2px 5px;
	text-align: center;
}

.table.success .button {
	margin: 10px 5px 10px 0px;
}

table.processIdFiles {
	font-size: small;
	min-width: 100%;
}

table.processIdFiles td {
	background-color: rgba(0, 0, 0, 0.3);
	padding: 2px 5px;
	text-align: center;
}

table.processIdFiles td.barcode {
	background-color: rgba(255, 255, 255, 1);
}

table.processIdFiles thead td {
	background-color: rgba(255, 255, 255, 0.3);
	padding: 2px 5px;
	text-align: center;
}

table.processIdFiles th {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 2px 5px;
	text-align: center;
}

table.processIdFiles thead th {
	background-color: rgba(13, 146, 13, 1);
	padding: 2px 5px;
	text-align: center;
}

.barcodeTarget {
	margin: auto;
}

.barcodeItem {
	text-shadow: none !important;
}

table.processIdFiles td.barcodeInput {
	padding: 0px;
}

table.processIdFiles td.barcodeInput input[type=text] {
	margin: 0px;
	width: calc(100% - 2px);
}

span.gray {
	color: rgba(255, 255, 255, 0.4);
}

span.red {
	color: rgba(255, 55, 55, 1);
}

.checkAll, .uncheckAll {
	cursor: pointer;
}

div.button {
	cursor: pointer;
}

div.button:hover {
	background-color: var(--ttesa-box-color);
	color: #fff;
}

div.scannerScreen {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
}

div.scannerScreen .scannerScreenInner {
	display: block;
	margin-top: 200px;
	text-align: center;
}

div.scannerScreen .scannerScreenInner span {
	display: block;
	margin: 30px;
	font-size: 1.25rem;
	font-weight: bolder;
}

div.scannerScreen .scannerScreenInner input[type=text] {
	display: block;
	animation-duration: 1s;
	animation-name: blink;
	animation-iteration-count: infinite;
	margin: 20px auto;
	border: 3px ridge white;
}

.hidden {
	display: none !important;
}

@keyframes blink {
	from {
		background-color: #dddddd;
	}
	to {
		background-color: #999999;
	}
}

@media all {
	div.print {
		display: none;
	}
	div.page-break {
		display: none;
	}
}

@media print {
	.printNo, div.logo, div.center.message.big, div.left.menu, div.table.success, div.debug {
		display: none;
	}
	body {
		background-image: none;
		background-color: transparent;
		margin: 0px;
		width: 0px;
	}
	.main {
		width: 100%;
		background-color: transparent;
	}
	div.print {
		display: inline-block;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
	}
	div.noBreak {
		page-break-inside: avoid;
	}
	div.page-break {
		display: block;
		page-break-after: always;
	}
}

input.red {
	background-color: rgb(183, 19, 0);
}

input.green {
	background-color: rgb(13, 146, 13);
}

div.flashMessageEnvelope {
	position: fixed;
	top: calc(50% - 100px);
	left: calc(50% - 200px);
	width: 400px;
	height: 100px;
	color: rgb(255, 255, 255);
	background-color: rgb(183, 0, 0);
	border: 2px solid rgb(255, 255, 255);
	text-align: center;
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.7);
	animation-duration: 1s;
	animation-name: borderblink;
	animation-iteration-count: infinite;
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}

div.flashMessageEnvelope span.flashMessage {
	margin: 0px;
	position: absolute;
	top: 50%;
	transform: translate(0px, -50%);
	display: block;
	text-align: center;
	width: 100%;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	font-weight: bold;
	font-size: small;
	color: rgba(255, 255, 255, 0.9);
}

@keyframes borderblink {
	from {
		border-color: #fff;
	}
	to {
		border-color: #999999;
	}
}

@media(max-width:899px) {
	.header {
		--size-logo: 250px;
		padding: 10px 2%;
		background-color: #fff;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		min-width: 320px;
	}
	.header .appTitle {
		font-weight: bold;
		color: rgba(0, 0, 0, 0.7);
		font-size: 0.75rem;
		line-height: 1;
		vertical-align: top;
		/* float: right; */
	}
	.header .logo {
		display: inline-block;
		/* float: left; */
		padding: 0px;
		margin: 0px;
		transition: All 1s ease;
		-webkit-transition: All 1s ease;
		-moz-transition: All 1s ease;
		-o-transition: All 1s ease;
	}
	.header .logo:hover {
		opacity: 1;
	}
	.header .logo a img {
		max-width: 100%;
		max-height: 100%;
	}
}

@media(max-width:899px) {
	.header {
		flex-direction: column;
	}

	.header .appMedia {
		width: auto;
		text-align: initial;
	}
}

div.surveyItem {
	width: calc(100% - 4px);
	/* border: 1px solid rgba(0,0,0,0.8); */
	/* border-radius: 20px; */
	padding: 10px 10px 5px 10px;
	background-color: #A0ACE0;
	margin-bottom: 20px;
	margin-left: 2px;
	/* box-shadow: 5px 5px 10px rgba(0,0,0,0.5); */

}

.questionNumber {
	font-size: 1rem;
	font-weight: bold;
}

.questionNumber:after {
	content: '. ';
	font-size: 1rem;
	font-weight: bold;
}

div.surveySubmit {
	width: calc(100% - 0px);
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
}

div.surveySubmit .submitButton, .memberSubmitButton, .memberSubmittedBtn {
	/* border: 1px solid rgba(0,0,0,0.2);*/
	padding: 14px 50px 13px 50px;
	/*background-color: rgba(255, 255, 255, 0.5);*/
	/* margin-bottom: 20px; */
	/* margin-left: -20px; */
	box-shadow: none;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: none;
	cursor: pointer;
	display: inline-block;
	/*width: 50%;*/
	min-width: 300px;
	background-color: var(--ttesa-color-main);
}

div.surveySubmit .submitButton:disabled, .memberSubmitButton:disabled, .memberSubmittedBtn:disabled {
	opacity: 0.6;
}

div.surveySubmit .submitButton:hover, .memberSubmitButton:hover {
	/*background-color: rgba(255, 255, 255, 1);*/
	/*color: #414141;*/
	box-shadow: none;
	text-shadow: none;
	background-color: #187bc7;
}

div.surveyMessage {
	width: 96%;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px 20px;
	background-color: #8AC78A;
}

div.surveyQuestion {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

pre {
	color: white;
}

/* form */

ul.radioList {
	width: 100%;
	padding: 0px;
}

ul.radioList li {
	display: inline-block;
	margin-right: 20px;
	font-weight: bold;
	font-size: 0.75rem;
	width: 100px;
}

.radioList li input[type=radio] {
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 8px;
}

.radioList li label {
	display: inline-block;
	height: 12px;
	vertical-align: middle;
}

section {
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	margin-bottom: 20px;
}

.sectionHeader a {
	color: blue;
}

.errorMesage,
.surveyForm .success {
	--message-bg: #0c0c0c;
	--mesage-color: #f9f9f9;
	display: block;
	padding: 10px;
	line-height: 1.2;
	background-color: #0c0c0c;
	background-color: var(--message-bg);
	color: #f9f9f9;
	color: var(--mesage-color);
	text-align: center;
	transition: All 0.5s ease;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
	margin: 20px auto;
	text-shadow: none;
}

.surveyForm .success {
	width: fit-content;
	min-width: 250px;
}

.errorMesage {
	--message-bg: #c43d3d;
	--mesage-color: #f9f9f9;
}

.surveyForm .success {
	--message-bg: #26a326;
	--message-color: #f9f9f9;
}

.errorMesage.hide {
	opacity: 0;
}

.surveyForm .success h4,
.surveyForm .success h3,
.surveyForm .success p,
.surveyForm .errorMesage h4,
.surveyForm .errorMesage h3,
.surveyForm .errorMesage p {
	color: inherit;
	margin: 0;
}

.surveyForm .success h4 + p,
.surveyForm .success h3 + p,
.surveyForm .success p + p,
.surveyForm .errorMesage h4 + p,
.surveyForm .errorMesage h3 + p,
.surveyForm .errorMesage p + p {
	margin-top: 20px;
}

.surveyForm .success a,
.surveyForm .errorMesage a {
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #00528e;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	color: #00528e;
	display: inline-block;
	text-align: center;
}

.surveyForm .success a:hover {
	background-color: #00528e;
	color: #fff;
	border: 1px solid #fff;
}

/* PAGE SWITCHER */

.pageSwitcherEnvelope {
	display: block;
	width: 100%;
	margin: 20px 0 20px 0;
	border-collapse: separate;
	border-spacing: 0px;
	padding: 2% 0;
}

.pageSwitcher {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
	margin: 0;
	width: 100%;
	color: var(--ttesa-box-color);
}

.pageSwitcher .pageSelector.notok::before, .pageSwitcher .pageSelector.ok::before, .surveyAnswer.notok::before, .surveyAnswer.ok::before, .pageSwitcher.legend span.ok::before, .pageSwitcher.legend span.notok::before {
	font-family: "Font Awesome 5 Pro";
	font-size: 2rem;
}

.pageSwitcher .pageSelector.notok::before, .pageSwitcher .pageSelector.ok::before {
	position: relative;
	top: 0px;
	left: 0px;
}

.surveyAnswer.notok::before, .surveyAnswer.ok::before {
	width: 5rem;
}

.pageSwitcher .pageSelector.ok::before, .surveyAnswer.ok::before {
	content: "\f00c";
	color: #6ebb20;
}

.surveyItem .surveyAnswer {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.surveyItem .surveyAnswer .selectBox {
	width: 100%;
}

.pageSwitcher .pageSelector.notok::before, .surveyAnswer.notok::before {
	content: "\f00d";
	color: #e6325a;
}

.pageSwitcher.legend span.ok::before {
	content: "\f00c";
	color: #6ebb20;
}
.pageSwitcher.legend span.notok::before {
	content: "\f00d";
	color: #e6325a;
}

.pageSwitcher .pageSelector {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: left;
	vertical-align: top;
	height: 60px;
	cursor: pointer;
	width: 100%;
	margin: 0px;
	border: 1px solid;
	font-size: 1rem;
	line-height: 1.3;
	outline: none;
	padding: 10px 14px;
	font-weight: 600;
	color: var(--ttesa-color-main);
	background-color: #ffffff;
	cursor: pointer;
}
.pageSwitcher .pageSelector .sectionHeader {
	font-size: 0.75rem;
	display: block;
	text-align: left;
	padding: 0;
	flex-grow: 1;
}
.pageSwitcher .pageSelector .clickmenu {
	display: none;
}
.pageSwitcher .pageSelector:hover .clickmenu, .pageSwitcher .pageSelector.active .clickmenu {
	display: none;
}

.pageSwitcher .pageSelector:hover,
.pageSwitcher .pageSelector.active {
	background-color: var(--ttesa-color-main);
	color: #fff;
}

.pageSwitcher .pageSelector.check-success::after,
.pageSwitcher .pageSelector.check-failed::after {
	font-family: "Font Awesome 5 pro";
	display: flex;
	border: solid 2px;
	margin-left: 10px;
	border-radius: 50%;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
	flex-shrink: 0;
	padding-top: 3px;
}

.pageSwitcher .pageSelector.check-success::after {
	content: "\f00c";
	color: #6ebb20;
}

.pageSwitcher .pageSelector.check-failed::after {
	content: "\f00d";
	color: #e6325a;
	padding-top: 1px;
}

.pageSwitcher .pageSelector.check-failed:hover::after,
.pageSwitcher .pageSelector.check-failed.active::after,
.pageSwitcher .pageSelector.check-success:hover::after,
.pageSwitcher .pageSelector.check-success.active::after {
	color: #fff;
}

@media (max-width: 992px) {
	.pageSwitcher {
		grid-template-columns: 1fr;
	}

	.pageSwitcher .pageSelector .clickmenu {
		font-size: 0.75rem;
		display: table-cell;
		height: 100%;
		width: 40px;
		vertical-align: middle;
		text-align: center;
		padding: 0px;
		opacity: 0;
	}
	.pageSwitcher .pageSelector:hover .clickmenu, .pageSwitcher .pageSelector.active .clickmenu {
		opacity: 1;
		border: 2px solid rgba(0, 0, 0, 0.3);
		color: rgba(0, 0, 0, 0.4);
		text-align: center;
		padding: 0px;
		font-size: 0.75rem;
		font-weight: bold;
		transition: All 1s ease;
		-webkit-transition: All 1s ease;
		-moz-transition: All 1s ease;
		-o-transition: All 1s ease;
	}
}

table.pageSelectorBottom {
	width: 100%;
	margin: 10px 0px;
	padding-right: 10px;
}

table.pageSelectorBottom td {
	width: 50%;
}

table.pageSelectorBottom td:first-child {
	text-align: left;
}

table.pageSelectorBottom td:last-child {
	text-align: right;
}

table.pageSelectorBottom td .pageSelector {
	cursor: pointer;
}

table.pageSelectorBottom td .pageSelector .sectionHeader {
	max-width: 200px;
	width: 80%;
	display: inline-block;
	text-align: center;
	background-color: #ffffff;
	font-size: 0.75rem;
	font-weight: bold;
	border-radius: .25rem;
	border: solid 1px var(--ttesa-color-main);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
	transition: box-shadow 400ms cubic-bezier(.25, .8, .25, 1);
	-webkit-transition: box-shadow 400ms cubic-bezier(.25, .8, .25, 1);
	-moz-transition: box-shadow 400ms cubic-bezier(.25, .8, .25, 1);
	-ms-transition: box-shadow 400ms cubic-bezier(.25, .8, .25, 1);
	-o-transition: box-shadow 400ms cubic-bezier(.25, .8, .25, 1);
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	-ms-border-radius: .25rem;
	-o-border-radius: .25rem;
}

table.pageSelectorBottom td .pageSelector:hover .sectionHeader {
	background-color: #ffffff;
	box-shadow: 0 14px 26px -12px rgba(0, 0, 0, .15), 0 4px 23px 0 rgba(0, 0, 0, .15);
}

table.pageSelectorBottom span.sectionHeader.prew::after, table.pageSelectorBottom span.sectionHeader.next::after {
	font-family: "Font Awesome 5 Pro";
	color: var(--ttesa-color-main);
	font-size: 2.25rem;
}

table.pageSelectorBottom span.sectionHeader.prew::after {
	content: "\f100";
}

table.pageSelectorBottom span.sectionHeader.next::after {
	content: "\f101";
}

/** input type radio **/

.cnt-radio {
	position: relative;
}

.cnt-radio input {
	position: absolute;
	visibility: hidden;
}

.cnt-radio label {
	margin: 0;
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 0.875rem;
	padding: 10px 12px;
	border-radius: 8px;
	text-align: left;
	color: var(--ttesa-box-color);
	border: solid 1px #ccc;
	background-color: #fdfdfd;
	cursor: pointer;
}

.cnt-radio input:checked + label {
	background-color: var(--ttesa-color-main);
	border: solid 1px var(--ttesa-color-main);
	color: #fff;
}

div.surveySubmit div.inner {
    border: var(--ttesa-box-border);
	background: var(--ttesa-box-bg);
    padding: 2%;
    font-size: 1rem;
    margin-bottom: 20px;
}

div.surveySubmit div.inner .agreement1,
div.surveySubmit div.inner .agreement2 {
	text-align: left;
}


.cnt-input,
.cnt-select {
	text-align: left;
}

.cnt-input .fileName,
.cnt-input .fileName.btn.wide {
	background-color: transparent;
    padding: 6px 10px;
	cursor: pointer;
	border: 1px solid #c5cbd5;
}
/*****/

@media(min-width:600px) {
	.surveyAnswer {
		margin-top: 0px;
	}
	.surveyAnswer table th {
		text-align: center;
		font-size: 0.875rem;
		font-weight: bold;
		min-width: 100px;
	}
	.Page .answerTable {
		font-size: 0.75rem;
		width: 100%;
	}
	.Page .answerTable.table2 td {
		padding: 0px 0px;
		width: 50%;
	}
	.Page .answerTable.table3 td {
		padding: 0px 10px;
		width: 33%;
	}
	.Page .answerTable.table4 td {
		padding: 0px 10px;
		width: 25%;
	}
	.Page .answerTable.table5 td {
		padding: 0px 10px;
		width: 20%;
	}
}

@media(max-width:599px) {
	.surveyAnswer {
		margin-top: 0px;
	}
	.surveyAnswer table th {
		text-align: center;
		font-size: 0.75rem;
		font-weight: bold;
		min-width: 100px;
	}
	.surveyAnswer table td {
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	.Page .answerTable {
		font-size: 0.75rem;
		width: 100%;
	}

	.Page .answerTable td + td {
		margin-top: 10px;
	}

	.Page .answerTable.table2 td {
		padding: 0px 0px;
		border: none;
	}
	.Page .answerTable.table3 td {
		padding: 0px 0px;
		border: none;
	}
	.Page .answerTable.table4 td {
		padding: 0px 0px;
		border: none;
	}
	.Page .answerTable.table5 td {
		padding: 0px 0px;
		border: none;
	}
}

@media(min-width:991px) {
	.Page table {
		width: 100%;
		margin: auto;
		border-collapse: separate;
		border-spacing: 10px 10px;
	}
	.Page>table:not(.pageSelectorBottom)>tr>td:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr>td:first-child {
		display: table-cell;
		text-align: left;
		padding: 5px 10px;
		margin-right: 2%;
		width: 44%;
		background: #f6f6f6;
		border: solid 1px #dbdbdb;
	}
	.Page>table:not(.pageSelectorBottom)>tr>td[colspan]:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr>td[colspan]:first-child {
		display: table-cell;
		width: 99%;
	}
	.Page>table:not(.pageSelectorBottom)>tr>td:last-child, .Page>table:not(.pageSelectorBottom)>tbody>tr>td:last-child {
		display: table-cell;
		width: 52%;
	}
	.Page>table:not(.pageSelectorBottom)>tr.needed>td:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr.needed>td:first-child {
		box-shadow: 0px 2px 2px #fff inset, 2px 0px 2px #fff inset, 0px -2px 2px #fff inset, -2px 0px 2px #fff inset;
	}
	.Page>table:not(.pageSelectorBottom)>tr.needed.noempty>td:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr.needed.noempty>td:first-child {
		box-shadow: none;
	}
	.Page tr.needed {
		/*border-radius: 10px;*/
		display: table-row;
		padding: 5px 0px 25px;
	}
	.Page tr.spacer {
		opacity: 0;
		min-height: 30px;
		display: block;
	}
}

@media(max-width:990px) {
	.Page>table:not(.pageSelectorBottom)>tr>td:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr>td:first-child {
		display: inline-block;
		text-align: left;
		padding: 2px 2%;
		width: 100%;
		background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 100%);
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#40ffffff', GradientType=1);
	}
	.Page>table:not(.pageSelectorBottom)>tr>td[colspan]:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr>td[colspan]:first-child {
		display: inline-block;
		width: 100%;
	}
	.Page>table:not(.pageSelectorBottom)>tr>td:last-child, .Page>table:not(.pageSelectorBottom)>tbody>tr>td:last-child {
		display: inline-block;
		width: 100%;
		padding: 2px 2%;
	}
	.Page>table:not(.pageSelectorBottom)>tr.needed>td:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr.needed>td:first-child {
		box-shadow: 0px 2px 2px #fff inset, 2px 0px 2px #fff inset, 0px -2px 2px #fff inset, -2px 0px 2px #fff inset;
	}
	.Page>table:not(.pageSelectorBottom)>tr.needed.noempty>td:first-child, .Page>table:not(.pageSelectorBottom)>tbody>tr.needed.noempty>td:first-child {
		box-shadow: none;
	}
	.Page tr.needed {
		display: block;
		padding: 5px 0px;
		margin-bottom: 20px;
	}
	.Page tr.spacer {
		opacity: 0;
		min-height: 30px;
		display: block;
	}

	.Page .questionText {
		background: #f6f6f6;
		border: solid 1px #dbdbdb;
		padding: 5px 10px;
		width: 100%;
		display: block;
		margin-bottom: 8px;
	}

	.cnt-radio label {
		font-size: 0.75rem;
	}
}

.Page tr td.info {
	background-color: rgba(255, 255, 255, 0.7);
	font-style: italic;
}

.languageTab {
	width: 100%;
	display: block;
	text-align: center;
	color: var(--ttesa-box-color);
	margin-bottom: 50px;
}

.languageTab .languageSwitcher {
	display: inline-block;
	width: 100%;
}

.languageTab .languageSwitcher .langFlag {
	display: inline-block;
	width: 8%;
	margin-top: 5px;
}

@media all and (max-width:1000px) {
	.languageTab .languageSwitcher .langFlag {
		width: 12%;
	}

}

@media all and (max-width:700px) {
	.languageTab .languageSwitcher .langFlag {
		width: 15%;
	}
}

@media all and (max-width:499px) {
	.languageTab .languageSwitcher .langFlag {
		width: 25%;
		margin-top: 5px;
	}
}

.languageTab .languageSwitcher .selectLanguage {
	padding: 8px;
	font-weight: 700;
	cursor: pointer;
	font-size: 0.75rem;
}

.languageTab .languageSwitcher .selectLanguage img {
	cursor: pointer;
	max-width: 100%;
	width: 100%;
	opacity: 1;
	border: 1px solid var(--ttesa-box-color);
	border-radius: 0px;
	margin-bottom: 4px;
}

.languageTab .languageSwitcher .selectLanguage:hover,
.languageTab .languageSwitcher .selectLanguage.active {
	background-color: var(--ttesa-color-main);
	color: #fff;
}

span.LANG {
	display: none;
}

span.LANG.active {
	display: inline-block;
}

input[readonly="true"] {
	cursor: not-allowed;
}

.main .surveyForm {
	width: 100%;
}

#sortable {
	list-style-type: none;
	margin: 10px;
	padding: 0;
	width: calc( 100% - 20px);
	user-select: none;
}

#sortable li {
	margin: 0 3px 3px 3px;
	padding: 5px;
	text-align: left;
	cursor: move;
	user-select: none;
}

.sortedOrder {
	display: inline-block;
	opacity: 1;
	width: 29px;
	margin-right: 10px;
	border: 2px solid rgba(0, 0, 0, 0.3);
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
	padding: 0px;
	font-size: 1rem;
	font-weight: bold;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	user-select: none;
}

.btn.wide {
	width: 100%;
	padding: 0.3rem 1rem;
	font-size: 0.75rem;
	vertical-align: text-bottom;
	background-color: #fff;
}


@media all and (max-width: 1200px) {
	div.surveyScreen {
		padding: 0 16px;
	}
}

@media all and (max-width: 600px) {
	.header {
		position: relative;
	}
}


/*PDF*/

.pdf-version body {
	background: #fff;
}

.pdf-version #Page0,
.pdf-version #Page1,
.pdf-version #Page2,
.pdf-version #Page3,
.pdf-version #Page4,
.pdf-version #Page5,
.pdf-version #Page6,
.pdf-version #Page7,
.pdf-version #Page8,
.pdf-version #Page9,
.pdf-version #Page10,
.pdf-version #Page11,
.pdf-version #Page12,
.pdf-version #Page13 {
	width: 100%;
	margin: 0;
	margin-bottom: 0px;
	border: none;
}

.pdf-version div.surveyScreen {
	max-width: none;
	margin: 0;
}

.pdf-version .header {
	position: relative;
	box-shadow: none;
}

.pdf-version #orderForm {
	pointer-events: none;
}

.pdf-version .errorMesage {
	display: none;
}

.pdf-version .cnt-radio {
	display: flex;
	align-items: center;
}

.pdf-version .cnt-radio label {
	background-color: transparent;
	border: none;
	color: #000;
	display: flex;
	align-items: center;
	padding: 0;
}

.pdf-version .cnt-radio label::before {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border: solid 1px #000;
	margin-right: 10px;
	margin-top: 1px;
}

.pdf-version .cnt-radio input:checked + label {
	background-color: transparent;
	border: none;
	color: #000;
}

.pdf-version .Page>table:not(.pageSelectorBottom)>tr>td:first-child, .pdf-version .Page>table:not(.pageSelectorBottom)>tbody>tr>td:first-child {
	display: block;
	background: #f3f3f3;
	border: solid 1px #f3f3f3;
	width: 100%;
	padding: 10px;
	margin: 0;
	margin-bottom: 10px;
}

.pdf-version .Page>table:not(.pageSelectorBottom)>tr>td:last-child, .pdf-version .Page>table:not(.pageSelectorBottom)>tbody>tr>td:last-child {
	display: block;
	width: 100%;
}

.pdf-version .text-center {
	text-align: left !important;
}

.pdf-version p.questionDescription, .pdf-version span.questionDescription {
	font-size: 0.875rem;
}

.pdf-version .questionHeader {
	font-size: 0.875rem;
}

.pdf-version .Page>table:not(.pageSelectorBottom)>tr.questionHeader>td:first-child, .pdf-version .Page>table:not(.pageSelectorBottom)>tbody>tr.questionHeader>td:first-child {
	background: none;
	border: solid 2px #005CA2;
	border-radius: 8px;
	color: #005CA2;
	margin-top: 12px;
}

.pdf-version .Page tr.spacer {
	display: none;
}

.pdf-version .print-page-container {
	text-align: right;
    padding: 0.5rem;
    background: #d6d6d6;
    border-top: solid 2px #000;
    position: sticky;
    bottom: 0;
}

.pdf-version button.print-page {
	padding: 10px 16px;
	background-color: #005CA2;
	border: none;
	color: #fff;
	cursor: pointer;
}

.pdf-version button.print-page:hover {
	background-color: #007ddc;
}

.pdf-version #action-buttons-bar {
	display: none;
}

.pdf-version .cnt-select select,
.pdf-version .cnt-input input {
	color: #fff;
}

.pdf-version .cnt-input .fileName, .pdf-version .cnt-input .fileName.btn.wide {
	color: #fff;
}

.pdf-version .agreement1,
.pdf-version .agreement2 {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.pdf-version .agreement1 input,
.pdf-version .agreement2 input {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	flex-shrink: 0;
}

.pdf-version div.surveySubmit div.inner {
	border: none;
	background-color: #fff;
	padding: 10px 10px 5px 10px;
}

.pdf-version .Page tr.needed {
	display: block;
}

.pdf-version .Page table {
	border-collapse: collapse;
	border-spacing: 0;
}

.pdf-version .pdf-description {
	color: #ad0808;
    display: block;
    margin-top: 4px;
	font-style: italic;
	font-size: 0.75rem;
}

@media print {
	@page {
		margin-top: 1cm;
		margin-bottom: 1cm;
	}

	.pdf-version body {
		-webkit-print-color-adjust:exact !important;
  		print-color-adjust:exact !important;
	}

	.pdf-version .header {
		display: flex !important;
		justify-content: space-between;
		flex-direction: row;
	}

	.pdf-version .Page .questionText {
		border: none;
		outline: none;
		box-shadow: none;
		margin: 0;
		padding: 0;
	}

	.pdf-version body,
	.pdf-version .surveyScreen,
	.pdf-version #orderForm,
	.pdf-version #surveyItem {
		width: 100%;
	}
	.pdf-version table td {
		width: 100%;
	}

	.pdf-version .appMedia {
		display: none;
	}

	.pdf-version .languageTab {
		display: none;
	}

	.pdf-version .print-page-container {
		display: none;
	}
}

.ol_inherit_count ol {
	counter-reset: item;
}

.ol_inherit_count ol>li {
	display: block;
}

.ol_inherit_count ol>li:before {
	content: counters(item, "-") ". ";
	counter-increment: item;
	font-weight: bold;
}