/*NO BORRAR*/
/*@font-face {
font-family:SourceSansPro-Regular;
font-display: auto;
src: url('../fonts/SourceSansPro-Regular.ttf');
}*/

@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,300italic");

#frm_contacto label.error{
	margin-left: 10px;
	width: auto;
}

.error{
	color: #B94A48 !important;
	margin:0px !important;
}

.link { 

	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font: normal 12px/12px HelveticaNeue, Arial;
	padding: 8px 11px;
	text-decoration: none;
}

.link.azul {
	background: -moz-linear-gradient(center top , #30517A, #3276B1) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:#3276B1;
	border-color: #30517A ;
	box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;
	color: #FFF !important;
	text-shadow: 0 1px 0 #30517A;
}

.link.azul:hover {
	background: -moz-linear-gradient(center top , #3276B1, #30517A) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #30517A;
	box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;
	color: #FFF !important;
	text-shadow: 0 1px 0 #30517A;
}

.align-left{
	text-align:left;
}

.align-right{
	text-align:right;
}

.mr_captcha{
	margin-bottom:10px;
}

/*FIN BORRAR*/
body{
	color: #252122;
	font-family:'Source Sans Pro';
}

.header{
	position: relative;
	background: #ffffff;
	padding: 5em 0 4em 0;
	text-align: center;
}

.hm_form{
	padding: 1em 0 1em 0;
	font-size: 18px;	
}

.hm_form a{
	color:#00a69c;	
}

.hm_form p{
	margin-bottom:35px;	
}

.hm_form h1{
	border-bottom: solid 1px #000;
	font-weight: 700;
	font-size: 36px;
	letter-spacing: -0.035em;	
	margin-bottom:2em;
	padding-bottom: 2em;
	text-align:center;
	text-transform:uppercase;
}

.hm_form h2{
	font-weight: 700;
	font-size: 34px;
	margin-bottom:35px;
	letter-spacing: -0.035em;
	position: relative;
	text-align:center;
	z-index: 10;
}

.hm_form h2 span{
	background:#fff;
	padding:0 25px;
}

.hm_form h2::after{
	content: '';
	position: absolute;
	background-color: #00a69c;
	width: 75%;
	height: 1px;
	bottom: 13px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}

.hm_form h3{
	color:#000;
	font-weight: 400;
	font-size: 25px;
	margin-bottom:25px;
	letter-spacing: -0.035em;
}

.hm_form h3 span{ 
	position: relative;
	z-index: 10;
}

.hm_form h3 span::after{
	content: '';
	position: absolute;
	background-color: #00A69C;
	width: 100%;
	height: 1px;
	bottom: -5px;
	left: 0;
	/*right: 0;
	margin: 0 auto;*/
	z-index: -1;
}

.hm_form h4{
	font-weight: 400;
	font-size: 26px;
	margin-bottom:25px;
	letter-spacing: -0.035em;
}

.hm_form h4 span{
	position: relative;
	z-index: 10;
}

.hm_form h4 span::after{
	content: '';
	position: absolute;
	background-color: #00A69C;
	width: 100%;
	height: 1px;
	bottom: -5px;
	left: 0;
	/*right: 0;
	margin: 0 auto;*/
	z-index: -1;
}

.form-group{
	margin-bottom:25px;
}

.btn-enviar{
	background: #00A69C;
	color: #fff  !important;
	font-size: 20px;
	font-weight: 700;
	padding:7px 45px;
	transition:all 500ms;
}

.btn-enviar:hover, .btn-enviar:focus, .btn-enviar:active{
	background: #2A3B8E;
	color: #fff;
}

.cn-insumos{
	background:#f6f6f6;
	padding:15px;
	border: 5px solid #fff;
	font-size: 14px;
}

.cn-insumos input{
	margin-bottom:15px;
}

.cn-insumos span, .cn_paquete span{
	color:#00a69c;
	font-weight: 600;
}

.cn-insumos label{
	margin-bottom:15px;
}

.rs_pedido{
	border:1px solid #333;
	min-height: 145px;
}

.rs_pedido p{
	margin-bottom:5px !important;
}

@media(max-width:990px){
	.align-left, .align-right, .cn-insumos{
		text-align:center;
	}
}

#div_contacto_nra{
	display: none;
	padding: 0px 50px;
}

#div_contacto_extra{
	display: none;
	padding: 0px 50px;
}

#div_contacto_recoleccion{
	display: none;
}

/*#div_requiere_factura{
	display: none;
}*/

#div_regimen_fiscal_moral, #div_regimen_fiscal_fisica{
	display: none;
}

#div_contacto_insumos{
	display: none;
	padding: 0px 50px;
}

.cotizacion_preeliminar{
	float: right;
	display: none;
	width: 100%;
}

.Inputverificado{
	border: 2px solid green;
}

.errorInput{
	border: 2px solid red;
}

#myCanvas {
	border:4px solid #444;
	border-radius: 15px;
	background-color: #fafafa;
}

.firma_correcta{
	display:none;
	color: green;
	text-align: center;
}

.bg-gris{
	background: #F5F5F5;
	width:100%;
	min-height: 400px;
}

/**
 * UPLOAD BUTTON
*/
input[type="file"]{
	padding: 4px;
	margin: -4px;
	position: relative;
	outline: none;
	border: 0;
	font-size: 14px;
	transition: all 0.3s;
}

/* File Selector Button Styles */
input[type="file"]::file-selector-button{
	border-radius: 4px;
	padding: 0 16px;
	height: 40px;
	cursor: pointer;
	background-color: #00A69C;
	color: transparent;
	border: 1px solid rgba(#000, 0.16);
	box-shadow: 0px 1px 0px rgba(#000, 0.05);
	margin-right: 16px;

	/*
	This is a hack to change the button label. 
	I'm hiding the default label and then 
	manually applying the width based on 
	updated icon and label.
	*/
	width: 132px;

	/*
	Firefox doesn't support the pseudo ::before 
	or ::after elements on this input field so 
	we need to use the @supports rule to enable 
	default styles fallback for Firefox.
	*/
	@supports (-moz-appearance: none){
		color: black;
	}
}

input[type="file"]::file-selector-button{
	transition: all 0.5s;
}

input[type="file"]::file-selector-button:hover{
	background-color: #008a81;
}

input[type="file"]::file-selector-button:active{
	background-color: #008a81;
}

/* Faked label styles and icon */
input[type="file"]::before{
	position: absolute;
	pointer-events: none;
	top: 14px;
	left: 16px;
	height: 20px;
	width: 20px;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

input[type="file"]::after{
	position: absolute;
	pointer-events: none;
	top: 16px;
	left: 40px;
	color: white;
	content: "Subir";
	font-size: 14px;
}

/* Handle Component Focus */
input[type="file"]::focus-within::file-selector-button,
input[type="file"]::focus::file-selector-button {
	outline: none;
	outline-offset: 0px;
}

#ic_cotizacion{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#ic_cotizacion *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#ic_cotizacion thead tr{
	background-color: #e1e1f5;
	color: #8d90a7;
}

#ic_cotizacion tbody tr:nth-child(even){
	background-color: #fafafc;
}

#ic_cotizacion tbody tr:last-child{
	font-weight: bold;
}

#ic_cotizacion th, #ic_cotizacion td{
	padding: 1rem 0.5rem;
	text-align: center;
}