@charset "utf-8";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* supported by Chrome and Opera */
}

*:focus {
	outline: none;
}

html, body {
	height: 100%;
	min-height: 100%;
	width: 100%;
	margin: 0px;
}

html, body, td, div, p {
	font-family: 'Roboto';
	font-size: 16px;
	color:#585858;
}

body {
	overflow-y: scroll;
}

table {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

th, td {
	padding: 0;
	color:#585858;
}

a {
	text-decoration: none;
}

/* -------------------------------------------------- */

.inputFrame {
	border: 1px solid #585858;
	border-radius: 4px;
	display: inline-block;
}

.inputFrameInput {
	border:none !important; 
	border-radius:none !important; 
	outline: none !important;
}

.inputNoArrow {
	-moz-appearance: window; 
	-webkit-appearance: none;
}

input, textarea, select, .inputDIV {
	display:inine-block;
    vertical-align:middle;
	box-sizing:border-box;
	border: 1px solid #585858;
	border-radius: 4px;
	padding: 5px;
	font-family: 'Roboto';
	font-size: 14px;;
	background-color: #ffffff;
}

input:read-only, textarea:read-only, input:disabled, textarea:disabled, select:disabled {
	border: 1px solid #585858;
	border-radius: 4px;
	padding: 5px;
	font-family: 'Roboto';
	font-size: 14px;;
	background-color: #fcddd0;
	color: #585858;
}

option {
	padding: 0px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #FAA63F;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #FAA63F;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #FAA63F;
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #FAA63F;
}		

		button {
			font-family: 'Roboto Condensed';
			font-size: 16px;
			color:#ffffff;
			border-radius: 10px;
			background: #F4733B;
			padding: 5px;
			padding-left:15px;
			padding-right:15px;
			border: 0px;
		}
		
		button:disabled {
			background-color: #fac3aa;
		}

		.buttonBlack {
			background: #000000;
		}
		
		.buttonRed {
			background-color: #ae3e0a;
		}

		.inputTDH {
			padding: 5px;;
			background-color:#fcddd0;
			color: #ffffff;
			font-weight: bold;
		}
		
		.inputTDL {
			padding-bottom:20px;
			padding-right:20px;
			vertical-align:top;
			padding-top:2px;
		}

		.inputTDR {
			padding-bottom:20px;
			vertical-align:top;
		}
		
		.surveyItemSpan {
			border: 1px solid #000000;
			border-radius: 5px; 
			padding: 3px;
			margin-right:10px;
			margin-bottom: 15px;
			font-size: 16px;
			background-color: #f2f2f2;
			word-break:keep-all;
			white-space:nowrap;
		}
		
		.inputDIV {
			overflow:scroll;
			word-wrap: break-word;
			line-height: 40px;
		}
		
		/* -------------------------------------------------- */

		.linkNavLang {
			font-family: 'Roboto Condensed';
			font-size: 16px;
			color: #ffffff;
			margin-left: 10px;
			cursor: pointer;
		}

		.linkNavLang:hover {
			color: #DBA901;
		}

		/* -------------------------------------------------- */

		.dropdown {
			position: relative;
			display: inline-block;
		}
		
		.dropdown-button {
			font-family: 'Roboto';
			font-size: 16px;
			color: #ffffff;
			margin-left: 20px;
			border-bottom: solid 3px #DBA901;
			cursor: pointer;
			padding-bottom:3px;
		}

		.dropdown-button2 {
			font-family: 'Roboto';
			font-size: 16px;
			color: #ffffff;
			margin-left: 20px;
			border-bottom: solid 3px #DBA901;
			cursor: pointer;
		}
		
		.dropdown-content {
			display: none;
			position: absolute;
			margin-left: 20px;
			background-color: #f9f9f9;
			min-width: 160px;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			border: 1px solid #DBA901;
			border-top: 3px solid #ffffff;
			text-align: left;
			text-align-last: left;
		}
		
		.dropdown:hover .dropdown-content {
			display: block;
		}
		
		.dropdown:hover .dropdown-button {
			border-bottom: solid 3px #ffffff;
			color: #DBA901;
			padding-bottom:3px;
		}

		.dropdown:hover .dropdown-button2 {
			border-bottom: solid 3px #DBA901;
			color: #DBA901;
		}

		.dropdown-contenticon {
			background-color: #DBA901; 
			width: 55px;
			text-align:center;
			height: 65px;
			text-align: center;
			vertical-align: middle;
			padding-left:20px;
			padding-right:20px;
			cursor: pointer;
		}

		.dropdown-contentbutton {
			padding-left:20px;
			padding-right:20px;
			white-space: nowrap;
			cursor: pointer;
		}

		.dropdown-contentrow:hover .dropdown-contenticon {
			background-color: #4c3d4c;
		}

		.dropdown-contentrow:hover .dropdown-contentbutton {
			background-color: #F5ECCE;
		}

		/* -------------------------------------------------- */

		.divFrame {
			border: 1px solid #896697;
			border-radius: 5px;
			padding: 10px;
		}

		/* -------------------------------------------------- */

		.listHeader {
			background-color: #DBA901;
			padding-top:10px;
			padding-bottom:10px;
			font-weight: bold;
			color: #ffffff;
			text-indent:10px;
			word-spacing:normal;
			text-wrap:none;
			white-space:nowrap;
			overflow: hidden;
		}

		.listDataTR {
		}

		.listDataTR:hover {
			background-color: #F2DADA;
			color: #555577;
		}

		.listData {
			padding-top:10px;
			padding-bottom:10px;
			text-indent:10px;
			word-spacing:normal;
			text-wrap:none;
			white-space:nowrap;
			overflow: hidden;
			border-bottom: 1px solid #DBA901;
		}

		/* -------------------------------------------------- */

		.sectionHeader {
			color: #896697;
			font-size: 28px;
			font-weight: 600;
			margin-bottom:10px;
		}

		.sectionIntro {
			font-weight: 300;
			margin-bottom:20px;
		}

		/* -------------------------------------------------- */
				
.popupFrame {
	border: 1px solid #952BFF;
	border-radius: 4px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.popupFrameTitle {
	font-weight: bold;
	font-size: 16px;
	background-color: #952BFF;
	color: #FFFFFF;
	padding:5px;
}


/* -------------------------------------------------- */

.listDIVLineDrop {
	width:100%;
	height:3px;
	min-height:3px;
	max-height:3px;
	background:#ffffff;
	content: ' ';
	overflow:hidden;
}

/* -------------------------------------------------- */
/* DIV "Table" box */

.listDIVLine {
	height:auto; 
	width:100%; 
	overflow:hidden;
	border-bottom: 1px solid #848484;
}

.listDIVLine:last-child {
	border-bottom: none;
}

.listDIVCell {
	display:inline-block;
	overflow: hidden;
	white-space:nowrap;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:0px;
	text-align: left;
	text-overflow: ellipsis;
	height:40px;
	font-size:16px;
}
.listDIVCell:last-child {
	padding-right:10px;
}

.listDIVHeader {
	background-color:#DBA901;
	color: #FFFFFF;	
}
		
/* -------------------------------------------------- */

.lstFrame {
	border: 1px solid #585858; 
	border-radius: 10px; 
	background-color:#fffafa; 
}

.lstList {
	overflow-x: none;
	overflow-y: auto;
}


.lstRowHdr {
	width:100%; 
	color:#FFFFFF; 
	background-color:#F4733B; 
	border-bottom: 1px solid #585858;
	font-weight:bold;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}

.lstRow {
	width:100%; 
	xcolor:#000000; 
	border-bottom: 1px solid #585858;
	font-weight:normal;
}

.lstRow:last-child {
	border-bottom:none;
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px;
}

.lstRow:hover {
	background-color:#D7D7D7;
	cursor:pointer;
}

.lstCell {
	overflow:hidden;
	display:inline-block;
	vertical-align:text-top;
	padding: 8px 0px 8px 0px;
	font-weight:inherit;
	color:inherit;
	text-overflow: ellipsis;
}

.lstCell:first-child {
	padding: 8px 0px 8px 8px;
}

/* -------------------------------------------------- */

.tileOverlay {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	box-sizing: border-box; 
	padding:10px; 
	color: rgba(255,255,255,1); 
	font-weight: bold;
}

.tileOverlay:hover {
	background: rgba(0,0,0,.8); 
}

.tileOverlayTable {
	display:table; 
	width:100%; 
	height:100%; 
}

.tileOverlayTable:hover {
	border: 1px dotted #fff;
}

.dragdropGradientDown {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fb9d23+0,ffc578+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(251,157,35,1) 0%, rgba(255,197,120,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(251,157,35,1) 0%,rgba(255,197,120,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(251,157,35,1) 0%,rgba(255,197,120,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9d23', endColorstr='#00ffc578',GradientType=0 ); /* IE6-9 */
}
.dragdropGradientUp {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,197,120,0) 0%, rgba(251,157,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,197,120,0) 0%,rgba(251,157,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,197,120,0) 0%,rgba(251,157,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}