/* Basics */
input[type="number"] {
	-webkit-appearence:input;
	appearence:input;
	box-shadow: none !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}



/* BTN's */
.btn.send-btn  {
    padding-left: 30px;
    position:relative;
}
	.btn.send-btn:hover {
		padding-left:30px;
	}

	.btn.send-btn::before {
		display:block;
		width:20px;
		height:20px;
		content:"";
		position:absolute;
		left:4px;
		top:2px;
		background-image: url(../images/layout/icons.png);
	    background-repeat: no-repeat;
	    background-position: 0px -510px;
	}


	.backgroundsize .btn.send-btn::before {
	    background-image: url(../images/layout/icons@2x.png);
	    background-size: 120px;
	}




/* FORMS */
input.saving {
	pointer-events:none;
	position:relative;
	color:rgba(68,68,68,0);
	background-image:url(../images/layout/loader.gif);
	background-position:center;
	background-repeat:no-repeat;
}


.form-element {
	overflow:hidden;
	max-width:414px;
	margin-bottom:5px;
}
	.odd .form-element {
		background-color:#EFEFEF;
	}


	.form-element label,
	.odd .form-element label {
		background-color:transparent;
	}

		.form-element--radio-grp {
			overflow:hidden;
		}



		.form-element--file-upload {
			position:relative;
			width:150px;
			height:27px;
		}

			input.file-upload--input {
				position:absolute;
				height:25px;
				width:150px;
				top:0px;
				right:0px;
				bottom:0px;
				left:0px;
				opacity:0;
				cursor:pointer;
			}

			.btn.file-upload--placeholder {
				position:absolute;
				height:23px;
				width:150px;
				top:0px;
				right:0px;
				bottom:0px;
				left:0px;
				pointer-events:none;
				box-sizing:border-box;
				padding:0px;
			}

			.file-upload--result-wrapper {
				position:relative;
				width:150px;
				height:27px;
			}

				input.file-upload--result-value {
					pointer-events:none;
					width:140px;
					background:#FFF;
					position:absolute;
				}

				a.file-upload--result-reset,
				a.file-upload--result-reset:hover {
					position:absolute;
					width:25px;
					height:25px;
					right:5px;
					color:#444 !important;
					text-decoration:none !important;
					text-align:center;
					font-size:15px;
					line-height:25px;
				}




.option-bar {
	overflow:hidden;
	margin:0px;
	padding:0px;
	font-size:0px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	max-width:200px;
}


	.option-bar .option {
		width:50%;
		margin:0px;
		padding:0px;
		line-height:15px;
		border-radius:0px;
		border-right:none;
		color:#666;
		background:transparent;
		font-size:13px;
		overflow:hidden;
		font-weight:bold;
	}
	.no-flexbox .option-bar .option {
		display:inline-block;
	}


		.option-bar .option label {
			border:1px solid #375297;
			width:auto;
			float:none;
			height:25px;
			color:#375297;
			text-align:center;
			box-sizing:border-box;
			padding-top:4px;
			background-color:#FFF;
			display:block;
			padding: 5px 7px 0px 7px;
			border-right:none;
		}

			.option-bar .option:first-child label {
				border-radius:5px 0px 0px 5px;
			}
			.option-bar .option:last-child label {
				border-radius:0px 5px 5px 0px;
				border-right:1px solid #375297;
			}

		
		.option-bar .option input {
			display:none;
		}

			.option-bar .option input:checked + label {
				background-color:#375297;
				color:#FFF;
			}


	.form-element .options-container {
		margin-top:5px;
		border-top:1px solid #9A9A9A;
	}



/* ALERT */
.alert {
	border:1px solid #D8D8D8;
	background-color:#FBFBFB;
	border-radius:10px;
}
	.alert p {
		padding:5px 8px;
		margin:0px;
		font-style:italic;
		font-size:12px;
		line-height:22px;
		padding-left:30px;
	}

	.alert.alert-warning p:before {
		display:inline-block;
		width:22px;
		height:22px;
		content:"";
		background-repeat:no-repeat;
		background-position:2px -119px;
		background-image:url(../images/layout/icons.png);
		position:absolute;
		margin-left:-25px;
	}

	.backgroundsize .alert.alert-warning p:before {
		background-image:url(../images/layout/icons@2x.png);
		background-size:120px;
	}




/* TAB BAR */
menu.tab-bar {
	overflow:hidden;
	margin:0px;
	padding:0px;
	font-size:0px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}

	menu.tab-bar .btn {
		display:block;
		width:50%;
		margin:0px;
		padding:0px;
		line-height:15px;
		border-radius:0px;
		border-right:none;
		font-size:13px;
		overflow:hidden;
		border:1px solid #375297;
		float:none;
		color:#375297;
		text-align:center;
		box-sizing:border-box;
		background-color:#FFF;
		padding: 5px 7px 0px 7px;
		border-right:none;
	}
	.no-flexbox menu.tab-bar .btn {
		display:inline-block;
	}

		menu.tab-bar .btn:first-child {
			border-radius:5px 0px 0px 5px;
		}
		menu.tab-bar .btn:last-child {
			border-radius:0px 5px 5px 0px;
			border-right:1px solid #375297;
		}


		menu.tab-bar .btn.active {
			color:#FFF;
			background-color:#375297;
		}


	/*
		menu.tab-bar .btn label {
			border:1px solid #375297;
			width:auto;
			float:none;
			height:25px;
			color:#375297;
			text-align:center;
			box-sizing:border-box;
			padding-top:4px;
			background-color:#FFF;
			display:block;
			padding: 5px 7px 0px 7px;
			border-right:none;
		}

			menu.tab-bar .option:first-child label {
				border-radius:5px 0px 0px 5px;
			}
			menu.tab-bar .option:last-child label {
				border-radius:0px 5px 5px 0px;
				border-right:1px solid #375297;
			}

			menu.tab-bar .option input:checked + label {
				background-color:#375297;
				color:#FFF;
			}
	*/

/*
menu.tab-bar {
	overflow:hidden;
	margin:0px;
	padding:0px;
	font-size:0px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	height:50px;
}
	menu.tab-bar .btn {
		width:50%;
		margin:0px;
		padding:0px;
		height:35px;
		line-height:15px;
		border:1px solid #666;
		border-radius:0px;
		border-right:none;
		padding:9px 20px;
		color:#666;
		background:transparent;
		font-size:16px;
		overflow:hidden;
		font-weight:bold;
	}
	menu.tab-bar .btn:first-child {
		border-radius:10px 0px 0px 10px;
	}
	menu.tab-bar .btn:last-child {
		border-radius:0px 10px 10px 0px;
		border-right:1px solid #666;
	}

	menu.tab-bar .btn.active {
		color:#FFF;
		background-color:#666;
	}

		menu.tab-bar.primary .btn {
			border:1px solid #DD1A19;
			color:#DD1A19;
			border-right:none;
		}

			menu.tab-bar.primary .btn:last-child {
				border-right:1px solid #DD1A19;
			}

			menu.tab-bar.primary  .btn.active {
				color:#FFF;
				background-color:#DD1A19;
			}
*/