@charset "utf-8";
/* CSS Document FORMs*/

	/******************************************/
	.CaixaComponentes{ 
		position: relative;
		display: inline-block;
		width: 260px;
		height: auto;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		border: 1px solid #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align:left;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background-color: transparent;
		box-shadow:
			0px 0px 10px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 10px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 10px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}
	.CaixaComponentesSquare{ 
		position: relative;
		display: inline-block;
		width: 260px;
		height: 140px;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		border: 1px solid #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align:left;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background-color: transparent;
		box-shadow:
			0px 0px 10px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 10px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 10px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}


	.control {
		font-family: arial;
		display: block;
		position: relative;
		padding-left: 27px;
		margin-bottom: 8px;
		padding-top: 5px;
		cursor: pointer;
		font-size: 14px;
	}
	.control input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
	.control_indicator {
		position: absolute;
		top: 3px;
		left: 0;
		height: 20px;
		width: 20px;
		background: #e6e6e6;
		border: 0px solid #000000;
	}

		
	/******************************************/
	placeholder{
		color: #F60;
	}
	input[type=sms]{/* cor azul */
		width:80%;
		max-width:250px;
		color: white;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 5px;
		border: 0px solid #555;
		cursor: pointer;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #000000;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}
	input[type=sms1]{/* cor laranja */
		width: 130px;
		color: white;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 5px;
		border: 0px solid #555;
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #000000;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}

	select[type='assunto']{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		width:80%;
		max-width:250px;
		color: #000000;
		padding: 10px 10px 10px 10px;
		margin: auto;
		border: none;
		border-radius: 5px;
		border: 0px solid #555;
		cursor: pointer;
		text-align:center;
		background:#FFF;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}

	select[type='NomeDevices']{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		width: 250px;
		color: white;
		padding: 10px 10px 10px 10px;
		margin: auto;
		border: none;
		border-radius: 5px;
		border: 0px solid #555;
		cursor: pointer;
		text-align:center;
		background:#FFF;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}

	select[type='horas']{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		width: 100px;
		color: white;
		padding: 10px 10px 10px 10px;
		margin: auto;
		border: none;
		border-radius: 5px;
		border: 0px solid #555;
		cursor: pointer;
		text-align:center;
		background:#FFF;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}


	input[type=input],
	input[type=''],
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password]{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		width:80%;
		max-width:250px;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 5px;
		border: 0px solid #555;
		cursor: pointer;
		text-align:center;
		color: #000000;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}


	textarea{
		width: 250px;
		height: 200px;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 5px;
		border: 0px solid #555;
		cursor: pointer;
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}


	input[type=number]{
		position: relative;
		width: 100px;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}
	input[type=telefone]{
		position: relative;
		width: 200px;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		color: #000;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow:
			0px 0px 14px rgba(000,000,000,0.4),
			inset 0px 0px 3px rgba(0,0,0,0.4);
	}



	.slidecontainer {
			width: 100%;
	}
	
	.slider {
			  -webkit-appearance: none;
			  width: 100%;
			  height: 15px;
			  border-radius: 5px;
			  background: #d3d3d3;
			  outline: none;
			  opacity: 0.7;
			  -webkit-transition: .2s;
			  transition: opacity .2s;
	}
	
	.slider:hover {
		opacity: 1;
	}
	
	.slider::-webkit-slider-thumb {
		  -webkit-appearance: none;
		  appearance: none;
		  width: 25px;
		  height: 25px;
		  border-radius: 50%;
		  background: #4CAF50;
		  
		  cursor: pointer;
	}
	
	.slider::-moz-range-thumb {
		  width: 30px;
		  height: 30px;
		  border-radius: 50%;
		  background: #4CAF50;
		  cursor: pointer;
		  background: url('../imagens/clockcollorMini.png');
	}