/*
	@note - FORM STYLE - NEED TO FIX PANE, PANE IS NOT ON FORM ITS ON BODY UGH -.-
*/
form {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	padding-bottom: 50px;
	width: 300px;
	height: auto;
	overflow: visible;
}

form.responsive {
	width: 90%;
	min-width: 300px;
}

@media only screen and (min-width: 768px) {
	
	body.s-p-c form.responsive {
		width: 600px;
	}
	
}

@media only screen and (min-width: 930px) {
	
	form.responsive {
		width: 600px;
	}

}
	form.max {
		width: 600px;
	}
	
/*
	@note - FORM LABEL STYLE
*/
form label {
	position: relative;
	margin-top: 5px;
	width: 280px;
	height: auto;
	min-height: 62px;
	border: none;
	display: block;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}
	
	form.responsive label {
		width: 100%;
		min-width: 300px;
	}
	
	form.responsive label.error {
		
	}	
	
@media only screen and (min-width: 768px) {
	body.s-p-c form.responsive label {
		width: 580px;
		height: auto;
		min-height: 42px;
		background-color: transparent;
	}
}

@media only screen and (min-width: 930px) {
	form.responsive label {
		width: 580px;
		height: auto;
		min-height: 42px;
		background-color: transparent;
	}
}
	form.max label {
		width: 580px;
		height: auto;
		min-height: 42px;
		background-color: transparent;
	}
	
/*
	@note - FORM H1
*/
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 1.5em;
	}
}
	
/*
	@note - FORM LABEL SPAN
*/
form label span {
	padding-left: 10px;
	width: auto;
	height: auto;
	line-height: 20px;
	font-weight: bold;
	font-size: 10px;
	display: block;
	text-overflow: ellipsis;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

	form label.success span {
		color: #5bb75b;
	}

	form label.caution span {
		color: #faa732;
	}

	form label.error span {
		color: #da4f49;
	}

@media only screen and (min-width: 768px) {
	 
	body.s-p-c form.responsive label span {
		float: left;
		height: 40px;
		line-height: 40px;
		background:none;
		font-size: 16px;
		font-weight: 500;
		display: inline-block;
	}
}

@media only screen and (min-width: 930px) {	
	form.responsive label span {
		float: left;
		height: 40px;
		line-height: 40px;
		background:none;
		font-size: 16px;
		font-weight: 500;
		display: inline-block;		
	}
}
	form.max label span {
		float: left;
		height: 40px;
		line-height: 40px;
		background:none;
		font-size: 16px;
		font-weight: 500;
		display: inline-block;
	}
/*
	FORM LABEL P - READ ONLY
*/
form label p {
	position: relative;
	padding: 10px;
	width: 100%;
	height: auto;
	line-height: 20px;
	background: none;
	border: none;
	border-bottom: 2px solid #000;
	font-size: 16px;
	display: block;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

@media only screen and (min-width: 768px) {
	
	body.s-p-c form.responsive label p {
		margin-left: 300px;
		padding: 9px;
		width: 280px;
		background: none;
		border-bottom: 2px solid #000;
	}
	
	body.s-p-c form.responsive label p.fullsize {
		margin-left: 20px;
		padding: 15px;
		width: 580px;
		background: none;
	}
		
}

@media only screen and (min-width: 930px) {
	
	form.responsive label p {
		margin-left: 300px;
		padding: 9px;
		width: 280px;
		background: none;
		border-bottom: 2px solid #000;
	}
	
	form.responsive label p.fullsize {
		margin-left: 20px;
		padding: 15px;
		width: 580px;
		background: none;
	}
	
}
	form.max label p {
		margin-left: 300px;
		padding: 9px;
		width: 280px;
		background: none;
		border-bottom: 2px solid #000;
	}
	
	form.max label p.fullsize {
		margin-left: 20px;
		padding: 15px;
		width: 580px;
		background: none;
	}

/*
	@note - FORM LABEL INPUT
*/
form label button,
form label input {
	position: relative;
	padding-right: 35px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: none;
	border: none;
	border-bottom: 2px solid #000;
	text-indent: 10px;
	font-size: 17px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

	form label.success input {
		border-color: #5bb75b;
	}
	
	form label.caution input {
		border-color: #faa732;
	}
	
	form label.error input {
		border-color: #da4f49;
	}
	
form label button:active,
form label input:focus {
	background-color: #32ADFF;
	color: #FFF;
	outline: none;
}
	form label button:focus {		
		outline: none;
	}
	
form label input[type=text]::-ms-clear { display: none; }/* Internet Explorer 10-11 - clear X */

form label input:focus:-ms-input-placeholder, /* Internet Explorer 10-11 */
form label input:focus::-ms-input-placeholder { /* Microsoft Edge */
    color: FFF;
}

form label input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: FFF;
    opacity: 1; /* Firefox */
}

@media only screen and (min-width: 768px) {		
	body.s-p-c form.responsive label button,
	body.s-p-c form.responsive label input {
		float: right;
		width: 280px;
		background: none;
		border: none;
		border-bottom: 2px solid #000;
	}
		body.s-p-c form.responsive label button:active,
		body.s-p-c form.responsive label input:focus {
			background-color: #32ADFF;
			color: #FFF;
			outline: none;
		}
}

@media only screen and (min-width: 930px) {	
	form.responsive label button,
	form.responsive label input {
		float: right;
		width: 280px;
		background: none;
		border: none;
		border-bottom: 2px solid #000;
	}	
		form.responsive label button:active,
		form.responsive label input:focus {
			background-color: #32ADFF;
			color: #FFF;
			outline: none;
		}
}
	form.max label button,
	form.max label input {
		float: right;
		width: 280px;
		background: none;
		border: none;
		border-bottom: 2px solid #000;
	}
		form.max label button:active,
		form.max label input:focus {
			background-color: #32ADFF;
			color: #FFF;
			outline: none;
		}

/*
	@note - FORM LABEL ICON
*/
form label div.icon {
	position: absolute;
	top: 25px;
	right: 5px;
	margin: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 20px;
		-webkit-transition: color 0.25s ease-in-out;
		-moz-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
}

form label.dropdown div.icon {
	color: #FFF;
}

@media only screen and (min-width: 768px) {
	body.s-p-c form.responsive label > div.icon {
		top: 5px;
	}
}

@media only screen and (min-width: 930px) {
	form.responsive label > div.icon {
		top: 5px;
	}
}

	form.max label > div.icon {
		top: 5px;
		right: 5px;
	}
	
/*
	@note - FORM ButtonS
*/
form div.button {
	position: relative;
	margin: 15px 0px 15px 0px;
	width: 280px;
	height: auto;
	display: block;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}
	form.responsive div.button {
		width: 100%;
		min-width: 280px;
	}

form div.button button,
form div.button a {
	position: relative;
	margin-bottom: 5px;
	padding: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background:none;
	border: none;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	font-weight: 600;
	color: #000;
	cursor: pointer;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

	
	form div.button button:focus,
	form div.button a:focus {
		outline: none;
	}
	
	form div.button button:active,
	form div.button button:hover,
	form div.button a:active,
	form div.button a:hover {
		opacity: 0.5;
	}

	form div.button button.submit,
	form div.button a.submit {
		animation: pulse 1.5s infinite;	
	}
	
form div.button button div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 18px;
}

@keyframes pulse {
	0% {
		font-size: 14px;
		color: #000;
	}

	70% {
		font-size: 15px;
		color: #32ADFF;
	}

	100% {
		font-size: 14px;
		color: #000;
	}
}

@media only screen and (min-width: 768px) {
	
	body.s-p-c form.responsive div.button {
		width: 580px;
		height: auto;
		min-height: 42px;
		background:none;
		border-bottom: 1px solid #e0e0e0;
	}
	
	body.s-p-c form.responsive div.button button,
	body.s-p-c form.responsive div.button a {
		float: right;
		margin-left: 5px;
		width: 280px;
		background: none;
		border: none;
	}
			
	body.s-p-c form.responsive div.button button:nth-child(EVEN),
	body.s-p-c form.responsive div.button a:nth-child(EVEN) {
		float: left;
	}
	
}

@media only screen and (min-width: 930px) {
	
	form.responsive div.button {
		width: 580px;
		height: auto;
		min-height: 42px;
		background:none;
		border-bottom: 1px solid #e0e0e0;
	}
	
	form.responsive div.button button,
	form.responsive div.button a {
		float: right;
		margin-left: 5px;
		width: 280px;
		background: none;
		border: none;
	}
	
	form.responsive div.button button:nth-child(EVEN),
	form.responsive div.button a:nth-child(EVEN) {
		float: left;
	}
	
}

	form.max div.button {
		width: 580px;
		height: auto;
		min-height: 42px;
		background:none;
		border-bottom: 1px solid #e0e0e0;
	}
	
	form.max div.button button,
	form.max div.button a {
		float: right;
		margin-left: 5px;
		width: 280px;
		background: none;
		border: none;
	}
	
	form.max div.button button:nth-child(EVEN),
	form.max div.button a:nth-child(EVEN) {
		float: left;
	}
/*
	@note - FORM LABEL SELECT BOX
*/
form label div.lightbox {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	z-index: 5;
	display: none;
}

form label div.select {
	position: absolute;
	top: 65px;
	right: 0px;
	width: 284px;
	height: auto;
	max-height: 300px;
	background-color: #F2F2F2;
	border: 1px solid #e0e0e0;
	display: block;
	z-index: 6;
	display: none;
		-webkit-user-select: none; /* Safari 3.1+ */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
}

	form label.dropdown div.lightbox,
	form label.dropdown div.select {
		display: block;
	}

form label div.select h5 {
	padding: 0px 0px 0px 5px;
	width: auto;
	height: 25px;
	line-height: 25px;
	color: #32ADFF;	
	display: inline-block;
}

form label div.select ul {
	position: relative;
	width: auto;
	height: auto;
	max-height: 150px;
	overflow-y: auto;
}

form label div.select ul li {
	position: relative;
	padding-left: 10px;
	width: auto;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
	form label div.select ul li.selected,
	form label div.select ul li:hover {
		background-color: #32ADFF;
		color: #FFF;
	}
	
	form label div.select ul li.selected:active,
	form label div.select ul li.selected:hover {
		background-color: #66c2ff;
	}
			
@media only screen and (min-width: 768px) {
	body.s-p-c form.responsive label div.select {
		top: 45px;
		left: 300px;
	}
}

@media only screen and (min-width: 930px) {	
	form.responsive label div.select {
		top: 45px;
		left: 300px;
	}
}
	form.max label div.select {
		top: 45px;
		left: 300px;
	}

/*
	@note - FORM LABEL SELECT COLOR
*/
form label div.select ul.color {
	height: 85px;
	display: block;
}

form label div.select ul.color li {
	float: left;
	width: 40px;
	height: 40px;
	border: 2px solid #f8f8f8;
	border-radius: 50%;
	display: block;
}

form label div.select ul.color li.selected,
form label div.select ul.color li:hover {
	border-color: #32ADFF;
	color: #FFF;
}

/*
	@note - FORM LABEL SELECT RATING
*/
form label div.select ul.rating {
	height: 56px;
	display: block;
}

form label div.select ul.rating li {
	float: left;
	margin: 8px;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #000;
	cursor: pointer;
	display: block;
}

form label div.select ul.rating li.fa-star {
	color: #32ADFF;
}

form label div.select ul.rating li.selected,
form label div.select ul.rating li:hover {
	background: #32ADFF;
	color: #FFF;
}

/*
	@note - DATETIME
*/
form label div.select.datetime .icon {
	position: relative;
	float: left;
	left: 0;
	top: 0;
	margin: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #d9d9d9;
	color: #000;
	cursor: pointer;
	display: block;
}
	form label div.select.datetime .icon:active,
	form label div.select.datetime .icon:hover {
		color: #32ADFF;
	}
	form label div.select.datetime .icon.selected {
		background-color: #f2f2f2;
	}

form label div.select.datetime h5 {
	float: left;
	padding: 0;
	width: 160px;
	height: 30px;
	line-height: 30px;
	background-color: #d9d9d9;
	text-align: center;
	font-family: Lato;
	cursor: pointer;
	display: inline-block;
}
	
	/*
		@note - disable ALL TIME SETTINGS in date
	*/
	form label div.select.datetime.date-only .icon.fa-clock {
		color: #b3b3b3;
	}

	/*
		@note - disable ALL DATE SETTINGS in timedate and time
	*/
	form label div.select.datetime.time-only h5 {
		color: #b3b3b3;
		cursor: default;
	}
	form label div.select.datetime.time-only .icon {
		color: #b3b3b3;
		cursor: default;
	}
	form label div.select.datetime.time-only .icon.fa-clock {
		color: #000;
	}

/*
	@note - CALENDAR STYLES
*/
form label div.select div.datetime {
	margin-top: 30px;
}

	/*
		@note - calendar year style
	*/
	form label div.select div.datetime ul.yearlist,
	form label div.select div.datetime ul.monthlist,
	form label div.select div.datetime ul.weekdaylist,
	form label div.select div.datetime ul.daylist,
	form label div.select div.datetime ul.timelist,
	form label div.select div.datetime ul.hourlist,
	form label div.select div.datetime ul.minutelist,
	form label div.select div.datetime ul.meridiemlist {
		overflow: hidden;
		display: none;
		text-align: center;
	}
	
	form label div.select div.datetime ul.yearlist li,
	form label div.select div.datetime ul.monthlist li,
	form label div.select div.datetime ul.weekdaylist li,
	form label div.select div.datetime ul.daylist li,
	form label div.select div.datetime ul.timelist li,
	form label div.select div.datetime ul.hourlist li,
	form label div.select div.datetime ul.minutelist li,
	form label div.select div.datetime ul.meridiemlist li {
		padding: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 12px;
		display: inline-block;
	}
	
		/*
			@note - handle today nodes
		*/
		form label div.select div.datetime ul li.today {
			background-color: #8CC474;
			color: #FFF;
		}
			form label div.select div.datetime ul li.today.selected,
			form label div.select div.datetime ul li.today:active,
			form label div.select div.datetime ul li.today:hover {
				background-color: #6cbca5;
				color: #FFF;
			}

	/*
		@note - calendar month style
	*/
	form label div.select div.datetime ul.monthlist li,
	form label div.select div.datetime ul.hourlist li,
	form label div.select div.datetime ul.minutelist li,
	form label div.select div.datetime ul.meridiemlist li {
		width: 46.66px;
	}

	/*
		@note - calendar weekday (m-f) style
	*/
	form label div.select div.datetime ul.weekdaylist li {
		height: 30px;
		line-height: 30px;
		font-weight: bold;
	}
	
		form label div.select div.datetime ul.weekdaylist li:active,
		form label div.select div.datetime ul.weekdaylist li:hover {
			background: none;
			color: initial;
		}


	/*
		@note - calendar day style
	*/
	form label div.select div.datetime ul.daylist li {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
			
		form label div.select div.datetime ul.daylist li.faded {
			color: #b3b3b3;
		}
		
			form label div.select div.datetime ul.daylist li.faded.selected,
			form label div.select div.datetime ul.daylist li.faded:active,
			form label div.select div.datetime ul.daylist li.faded:hover {
				background-color: #FBCB43;
			}
			form label div.select div.datetime ul.daylist li.faded.selected:active,
			form label div.select div.datetime ul.daylist li.faded.selected:hover {
				background-color: #fcd569;
			}
		
	/*
		@note - datetime time style
	*/	
	form label div.select div.datetime ul.timelist li {
		margin-bottom: 5px;
		width: 60px;
		color: #b3b3b3;
	}
	
	form label div.select div.datetime ul.timelist li:active,
	form label div.select div.datetime ul.timelist li:hover {
		background: none;
		border-bottom: 4px solid #b3b3b3;
		color: #b3b3b3;
	}
		
	/*
		@note - datetime hour style
	*/	
	form label div.select div.datetime ul.meridiemlist li {
		width: 140px;
	}
	
	form label div.select div.datetime.hours ul.timelist li.hourtab,
	form label div.select div.datetime.minutes ul.timelist li.minutetab,
	form label div.select div.datetime.meridiems ul.timelist li.meridiemtab {
		background: none;
		border-bottom: 5px solid #32ADFF;
		color: #000;
	}
	
	/*
		@note - toggle calendar lists
	*/
	form label div.select div.datetime.years ul.yearlist,
	form label div.select div.datetime.months ul.monthlist,
	form label div.select div.datetime.days ul.weekdaylist,
	form label div.select div.datetime.days ul.daylist,
	form label div.select div.datetime.hours ul.timelist,
	form label div.select div.datetime.hours ul.hourlist,
	form label div.select div.datetime.minutes ul.timelist,
	form label div.select div.datetime.minutes ul.minutelist,
	form label div.select div.datetime.meridiems ul.timelist,
	form label div.select div.datetime.meridiems ul.meridiemlist {
		display: block;
	}
	
/*
	@note - TEXTAREA
*/
form label textarea {
	position: relative;
	padding: 15px;
	width: 100%;
	height: 120px;
	line-height: 25px;
	background-color: #F8F8F8;
	border: 1px solid #e0e0e0;
	text-indent: 10px;
	font-size: 17px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	overflow: auto;
	overflow-x: none;
	resize: none;
}

	form label.success textarea {
		border-color: #5bb75b;
	}
	
	form label.caution textarea {
		border-color: #faa732;
	}
	
	form label.error textarea {
		border-color: #da4f49;
	}
	
form label span.textarea span.charCount {
	float: right;
	padding-right: 10px;
	color: #b3b3b3;
}

form label textarea:focus {
	outline: none;
}

@media only screen and (min-width: 768px) {
	body.s-p-c form.responsive label span.textarea {
		float: none;
		display: block;
	}
	body.s-p-c form.responsive label textarea {
		margin-left: 20px;
		width: 560px;
		height: 250px;
	}
}

@media only screen and (min-width: 930px) {	
	form.responsive label span.textarea {
		float: none;
		display: block;
	}
	
	form.responsive label textarea {
		margin-left: 20px;
		width: 560px;
		height: 250px;
	}
}

	form.max label span.textarea {
		float: none;
		display: block;
	}
	
	form.max label textarea {
		position: relative;
		margin-left: 20px;
		width: 560px;
		height: 250px;
	}
	
/*
	@note - BLOG
*/
form label iframe.rtf {
	padding: 10px;
	width: 100%;
	height: 120px;
	min-height: 120px;
	background-color: #F8F8F8;
	border: 1px solid #e0e0e0;
	color: red;
	font-size: 17px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	overflow: auto;
}

form label ul.toolbox {
	width: 100%;
	height: auto;
}
	form label.dropdown div.toolset.select ul li,
	form label ul.toolbox li {
		margin: 5px;
		padding: 0;
		width: 29.7px;
		height: 30px;
		line-height: 30px;
		background-color: #f8f8f8;
		border: 1px solid #e0e0e0;
		font-weight: bold;
		text-align: center;
		border-radius: 5px;
		display: inline-block;
		cursor: pointer;
	}
	
	
	form label.dropdown div.toolset.select ul li:active,
	form label.dropdown div.toolset.select ul li:hover,
	form label ul.toolbox li:active,
	form label ul.toolbox li:hover {
		background-color: #d9d9d9;
		color: #000;
	}
	
	form label div.toolset.select {
		position: absolute;
		top: 100px;
		left: -2;
		max-height: 120px;
	}
			
	form label.dropdown div.toolset.select ul {
		display: none;
	}
	
	form label.dropdown div.select.toolset.text ul.text,
	form label.dropdown div.select.toolset.family ul.family,
	form label.dropdown div.select.toolset.size ul.size,
	form label.dropdown div.select.toolset.colour ul.colour,
	form label.dropdown div.select.toolset.highlight ul.highlight,
	form label.dropdown div.select.toolset.align ul.align,
	form label.dropdown div.select.toolset.paragraph ul.paragraph,
	form label.dropdown div.select.toolset.attachments ul.attachments,
	form label.dropdown div.select.toolset.emoji ul.emoji,
	form label.dropdown div.select.toolset.more ul.more {
		display: block;
	}

	form label.dropdown div.select.toolset.family ul.family li {
		padding: 0px 5px 0px 5px;
		width: auto;
		font-size: 10px;
	}
	
@media only screen and (min-width: 768px) {
	body.s-p-c form.responsive label ul.toolbox {
		margin-left: 20px;
		width: 560px;
		text-align: left;
	}
		
	body.s-p-c form.responsive label iframe.rtf {
		margin-left: 20px;
		width: 560px;
		height: 250px;
	}
	
	body.s-p-c form.responsive label div.select.toolset {
		top: 80px;
		left: 20px;
		margin: 5px;
		width: auto;
		max-width: 282px;
		max-height: 250px;
	}
	
	body.s-p-c form.responsive label div.select.toolset.more {
		right: 0px;
		left: initial;
	}
}

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

	form.responsive label ul.toolbox {
		margin-left: 20px;
		width: 560px;
		text-align: left;
	}
	
	form.responsive label iframe.rtf {
		margin-left: 20px;
		width: 560px;
		height: 250px;
	}
	
	form.responsive label div.select.toolset {
		top: 80px;
		left: 20px;
		margin: 5px;
		width: auto;
		max-width: 282px;
		max-height: 250px;
	}
	
	form.responsive label div.select.toolset.more {
		right: 0px;
		left: initial;
	}
}
	
	form.max label ul.toolbox {
		margin-left: 20px;
		width: 560px;
		text-align: right;
	}
	
	form.max label iframe.rtf {
		margin-left: 20px;
		width: 560px;
		height: 250px;
	}
	
	form.max label div.blogtool.select {
		top: 80px;
		left: 20px;
		margin: 5px;
		width: auto;
		max-width: 282px;
		max-height: 250px;
	}
	
	form.max label div.select.toolset.more {
		right: 0px;
		left: initial;
	}
	
/*
	@note TOGGLE SWITCH
*/
form label.switch input {
	cursor: pointer;
}

form label.switch input:focus {
	background-color: #F8F8F8;
	color: #000;
}

form label.switch div.icon {
	color:#000;
}

/*
	@note CHECKLIST
*/
form label ul.checklist {
	position: relative;
	padding: 15px;
	width: 100%;
	line-height: 25px;
	background: none;
	border: none;
	border-bottom: 2px solid #000;
	text-indent: 10px;
	font-size: 17px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	overflow: auto;
	overflow-x: none;
	resize: none;
}

form label ul.checklist li {
	position: relative;
	height: 30px;
	padding-left: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

form label ul.checklist li div.checkbox {
	position: absolute;
	left: 2.5px;
	top: 2.5px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: none;
	border: none;
	border-bottom: 2px solid #000;
	text-align: center;
	text-indent: 0px;
	font-size: 14px;
	display: block;
	cursor: pointer;
}

@media only screen and (min-width: 768px) {		
	body.s-p-c form.responsive label ul.checklist {
		margin-left: 20px;
		width: 560px;
		background: none;
		border: none;
	}

	body.s-p-c form.responsive label ul.checklist li {
		float: left;
		width: 176px;
	}
}

@media only screen and (min-width: 930px) {	
	
	form.responsive label ul.checklist {
		position: relative;
		margin-left: 20px;
		width: 560px;
		height: auto;
		background: none;
		border: none;
	}

	form.responsive label ul.checklist li {
		float: left;
		width: 176px;
		height: 30px;
		display: block;
		overflow: hidden;
	}

}

	form.max label ul.checklist {
		position: relative;
		margin-left: 20px;
		width: 560px;
		background: none;
		border: none;
	}
	
	form.max label ul.checklist li {
		float: left;
		width: 176px;
		height: 30px;
		display: block;
		overflow: hidden;
		font-size: 12px;
	}
	
/*
	@note - RADIO
*/
form label ul.radio {
	width: 100%;
	height: auto;
	max-height: none;
	text-align: center;
	overflow: hidden;
		-webkit-user-select: none; /* Safari 3.1+ */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
}

form label ul.radio li {
	width: 95%;
	margin: 5px 0px 5px 0px;
	height: 40px;
	line-height: 40px;
	background: none;
	border: none;
	border-bottom: 2px solid #000;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
}
	form label ul.radio li:hover,
	form label ul.radio li:active {
		border-bottom: 2px solid #32ADFF;
	}

	form label ul.radio li.selected {
		border-bottom: 2px solid #32ADFF;
		color: #32ADFF;
	}
		
	/*
		@note - define expanding && collapsing
	*/
	ul.radio.collapsed > li {
		display: none;
	}

	form label ul.radio.collapsed li.expanded,
	body.s-p-c form.responsive label ul.radio.collapsed li.expanded,
	form.responsive label ul.radio.collapsed li.expanded,
	form.max label ul.radio.collapsed li.expanded {
		position: relative;
		width: 100%;
		height: auto;
		border: none;
		display: block;
		overflow: hidden;
	}
	
	ul.radio.collapsed li.expanded > ul > li
	{
		position: relative;
		display: inline-block;
		line-height: 20px;
		vertical-align: bottom;
	}

		ul.radio.collapsed li.expanded > ul > li > i.lang-el
		{
			font-family: Lato, serif;
			line-height: 20px;
			font-size: 12px;
			font-weight: normal;
			display: block;
		}

		ul.radio.collapsed li.expanded > ul > li.expanded > i.lang-el
		{
			position: relative;
		}

	ul.radio.collapsed li.expanded.collapsed > ul > li {
		display: none;
	}
	
		
	ul.radio.collapsed li.expanded.collapsed > ul > li.expanded
	{
		display: block;
	}

		ul.radio.collapsed li.expanded.collapsed > ul > li.expanded a {
			width: 266px;
			height: 60px;
			line-height: 18px;
			display: table-cell;
			vertical-align: middle;
		}
		
	ul.radio.expanded li.root {
		display: none;
	}
	
	ul.radio.expanded.collapsed li.root {
		display: block;
	}

	ul.radio.collapsed li.expanded > b {
		padding-left: 15px;
		height: 50px;
		line-height: 25px;
		text-align: left;
		display: block;
	}

		ul.radio li > b > i.lang-el
		{
			font-family: Lato, serif;
			line-height: 20px;
			font-size: 12px;
			font-weight: normal;
			display: block;
		}
		
	ul.radio.collapsed li.expanded.collapsed > b
	{
		padding-left: 15px;
		border-bottom: 1px solid #e0e0e0;
		color: #c9c9c9;
	}
	
@media only screen and (min-width: 768px) {	
		
	body.s-p-c form.responsive label ul.radio {
		margin-left: 20px;
		padding: 20px 0px 20px 0px;
		text-align:left;
	}
	
	body.s-p-c form.responsive label ul.radio li {
		margin: 5px 0.83px 5px 0.83px;
		width: 185px;
	}
	
		body.s-p-c form.responsive ul.radio.collapsed li.expanded.collapsed > ul > li.expanded a {
			width: 185px;
		}
}

@media only screen and (min-width: 930px) {	
	
	form.responsive label ul.radio {
		text-align:left;
	}
	form.responsive label ul.radio li {
		margin: 5px 0.83px 5px 0.83px;
		width: 185px;
	}
		form.responsive ul.radio.collapsed li.expanded.collapsed > ul > li.expanded a {
			width: 185px;
		}
}
	form.max label ul.radio {
		text-align:left;
	}
	form.max label ul.radio li {
		margin: 5px 0.83px 5px 0.83px;
		width: 185px;
	}
		form.max ul.radio.collapsed li.expanded.collapsed > ul > li.expanded a {
			width: 185px;
		}

		
/*
	@note - TAB MENU
*/
form label.tablabel {
	height: 20px;
	min-height: 20px;
	overflow: hidden;
}

form dl.tabmenu {
	margin: 0;
	width: 100%;
	height: auto;
	max-height: none;
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
		-webkit-user-select: none; /* Safari 3.1+ */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
}

form dl.tabmenu dt {
	width: 95%;
	margin: 5px 0px 5px 0px;
	height: 60px;
	line-height: 60px;
	border-bottom: 2px solid #000;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
}
	form dl.tabmenu dt:hover,
	form dl.tabmenu dt:active {
		border-bottom: 2px solid #32ADFF;
	}

	form dl.tabmenu dt.selected {
		border-bottom: 2px solid #32ADFF;
	}
		
	/*
		@note - define expanding && collapsing
	*/
	dl.tabmenu.collapsed > dt {
		display: none;
	}
	
	dl.tabmenu.expanded > dt dl {
		display: none;
	}
	
	dl.tabmenu.expanded.collapsed > dt dl {
		display: block;
	}

	form dl.tabmenu.collapsed dt.expanded,
	body.s-p-c form.responsive dl.tabmenu.collapsed dt.expanded,
	form.responsive dl.tabmenu.collapsed dt.expanded,
	form.max dl.tabmenu.collapsed dt.expanded {
		background-color: #FFF;
		width: 100%;
		height: auto;
		line-height: normal;
		border: none;
		display: block;
		overflow: hidden;
	}
	
	dl.tabmenu.collapsed dt.expanded > dl > dt {
		display: inline-block;
		vertical-align: bottom;
	}

	dl.tabmenu.collapsed dt.expanded.collapsed > dl > dt {
		display: none;
	}
	
		
	dl.tabmenu.collapsed dt.expanded.collapsed > dl > dt.expanded {
		line-height: normal;
		display: block;
	}
			
		dl.tabmenu.collapsed dt.expanded.collapsed > dl > dt.expanded a {
			width: 266px;
			height: 60px;
			line-height: 18px;
			display: table-cell;
			vertical-align: middle;
		}
		
		dl.tabmenu dt.expanded dl > hr {
			margin: 0;
			width: 100%;
			height: 25px;
			border: none;
			display: block;
		}
		
	dl.tabmenu.expanded dt.root {
		display: none;
	}
	
	dl.tabmenu.expanded.collapsed dt.root {
		display: block;
	}
		
	dl.tabmenu.collapsed dt.expanded > b {
		padding-left: 15px;
		height: 50px;
		line-height: 50px;
		text-align: left;
		display: block;
	}	
		
	dl.tabmenu.collapsed dt.expanded.collapsed > b {
		padding-left: 15px;
		border-bottom: 1px solid #e0e0e0;
		color: #c9c9c9;
	}	
	
@media only screen and (min-width: 768px) {	
		
	body.s-p-c form.responsive dl.tabmenu {
		text-align:left;
	}
	
	body.s-p-c form.responsive dl.tabmenu dt {
		margin: 5px 0.83px 5px 0.83px;
		width: 185px;
	}
	
		body.s-p-c form.responsive dl.tabmenu.collapsed dt.expanded.collapsed > dl > dt.expanded a {
			width: 185px;
		}
}

@media only screen and (min-width: 930px) {	
	
	form.responsive dl.tabmenu {
		text-align:left;
	}
	form.responsive dl.tabmenu dt {
		margin: 5px 0.83px 5px 0.83px;
		width: 185px;
	}
		form.responsive dl.tabmenu.collapsed dt.expanded.collapsed > dl > dt.expanded a {
			width: 185px;
		}
}
	form.max dl.tabmenu {
		text-align:left;
	}
	form.max dl.tabmenu dt {
		margin: 5px 0.83px 5px 0.83px;
		width: 185px;
	}
		form.max dl.tabmenu.collapsed dt.expanded.collapsed > dl > dt.expanded a {
			width: 185px;
		}

form label input.numpad
{
	text-align: center;
	letter-spacing: 10px;
	font-size: 32px;
}

form label div.select ul.numpad
{
	height: 205px;
	max-height: 205px;
	text-align: center;
	overflow: hidden;
}

form label div.select ul.numpad li
{
	padding: 0;
	width: 90px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
		touch-action: manipulation;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

/*
	@note - FORM LABEL SELECT COUNTER
*/
form label div.select ul.counter {
	height: 50px;
	display: block;
	overflow: hidden;
}

form label div.select ul.counter li {
	float: left;
	padding: 0;
	width: 56px;
	height: 50px;
	line-height: 50px;
	border: 2px solid #f8f8f8;
	text-align: center;
	display: block;
}

form label div.select ul.counter li.active,
form label div.select ul.counter li.selected,
form label div.select ul.counter li:hover {
	border-color: #32ADFF;
	color: #FFF;
}

/*
	@note - FORM LABEL FILER
*/
form label div.files {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	height: auto;
	max-width: 600px;
	min-height: 250px;
	background-color: #F2F2F2;
	border: 1px solid #e0e0e0;
	display: none;
}

form label.dropdown div.files {
	display: block;
}