.form-control:focus {border-color:Red!important;}

/* colores 
Paleta colores:
#dc5c05
#6ec5b8
#ff9000
#978b7d*/
:root {
	--color1:#ec8800;/*#ff9b18; /*naranjo oscuro*/
	--color2:#978b7d;/*#ffb612;/*#fec72e; /*naranjo claro*/
}





	body {
        color: #f5f5f5;
		background:#404c62;/*#425168;*/
		/*color: #566787;
		background: #f5f5f5;*/
		/*font-family: 'Varela Round', sans-serif;*/
		font-family:'Open Sans',sans-serif;
		font-size: 14px;
		overflow-x: hidden; /*ESCONDER SCROLL HORIZNTAL*/
		max-width: 100%;
        min-height:100vh;		
	}
	
	/*html {min-height:100vh;background:#f5f5f5;}*/
    html {min-height:100vh;background:#f5f5f5;}
	.col-100vh {
       height:100vh;
     }
    .col-50vh {
       height:50vh;
     }
	 .col-15vh {
       height:15vh;
     }
	  .col-40vh {
       height:40vh;
     }
	 .col-80vh {
       height:80vh;
     }
	 .col-75vh {
       height:75vh;
     }
	 .col-10vh {
       height:10vh;
     }
	 .col-35vh {
       height:35vh;
     }
	 
	
	.table-wrapper {
        background: #fff;
        padding: 0px 25px 20px 25px;
        margin: 30px 0;
		border-radius: 3px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
    }
	.table-title-top {        
		/*padding-bottom: 15px;*/
		background: var(--color1); /*#435d7d;*/
		color: #fff;
		padding: 5px 15px 5px 15px;
	/*margin: 20px 25px 10px;}*/
		border-radius: 3px 3px 0 0;
    }
    .table-title h2 {
		margin: 5px 0 0;
		font-size: 24px;
	}
	.table-title .btn-group {
		float: right;
	}
	.table-title .btn {
		color: #fff;
		float: right;
		font-size: 13px;
		border: none;
		min-width: 50px;
		border-radius: 2px;
		border: none;
		outline: none !important;
		margin-left: 10px;
	}
	.table-title .btn i {
		float: left;
		font-size: 21px;
		margin-right: 5px;
	}
	.table-title .btn span {
		float: left;
		margin-top: 2px;
	}

    .hint-text {
        float: left;
        margin-top: 10px;
        font-size: 13px;
    }    
	input {
    border: 0!important;
	outline: none!important;
	color:#ec8800!important;
	background:#ec8800!important;
	font-size:10px!important;
	position:absolute;
	z-index:2;
	left:5px;
	top:20px;
	width:5px;
    }
	
	.ta-center {    
			   /*justify-content: center;*/
			   text-align:center;
			   /*position:relative;*/
			   /*display: flex;*/
			   }
			   
.ta-right {    
			   /*justify-content: center;*/
			   text-align:right;
			   /*position:relative;*/
			   /*display: flex;*/
			   }
			   
    .producto {    
			      
				  padding-top: 12%;
				  font-size:70px;
				  top:-30px;
			   }
	.precio {    
			      position:absolute;
				  /*padding-top: 100px;*/
				  top:300px;
				  font-size:180px;
			   }
			   p_ {

	position:absolute;
	z-index:2;
	left:5px;
	top:20px
    }
	.version_id {
		position:absolute;
	    display:inline-block;
		/*z-index:2;*/
		font-size:24px;
		/*background:red;*/
		/*float:left;*/
		/*text-align:left;*/
		/*top: 50%;
        left: 7%;
        transform: translate(-50%, -50%);*/
		/*height:100vh;*/
		left:15px;
        top:37%;
		}
		.version_t {
		position:absolute;
	    display:inline-block;
		/*z-index:2;*/
		font-size:24px;
		/*background:red;*/
		/*float:left;*/
		/*text-align:left;*/
		/*top: 50%;
        left: 7%;
        transform: translate(-50%, -50%);*/
		/*height:100vh;*/
		left:200px;
        top:37%;
		}
		
		.version_sw {
		display:inline-block;
		position:absolute;
	    z-index:2;
		font-size:24px;
		top:37%;
        right:15px;
		/*top:45px;*/
		/*right:15px;*/
		/*float:right;
		text-align:right;*/}
		
	.mensaje {
		display:inline-block;
		position:absolute;
		font-size:35px;
		text-align:center;
		left:280px;
		/*top:20px;*/
	    font-weight: bold;
		top: 28%;
		/*transform: translate(-50%, -50%);*/
		}
		
    .titulo {
		display:inline-block;
		/*position:absolute;*/
		font-size:60px;
		/*left:50%;*/
		top:70%;
	    font-weight: bold}
		
	.table-title-bottom {        
		/*padding-bottom: 15px;*/
		background: var(--color2); /*#435d7d;*/
		color: #fff;
		position:relative;
		/*padding: 5px 15px 5px 15px;*/
	/*margin: 20px 25px 10px;}*/
		/*border-radius: 3px 3px 0 0;*/
		
    }
 #flecha {
  position: absolute;
  top:-87px;
  animation: rebota 0.7s alternate infinite ease-out;
  /*right:-50px;*/
}

@-webkit-keyframes rebota {
  0% {
    
     top: -60px;
	 /*top: -55px;*/
    /*height: 50px;*/
  }
  100% {
    
    top: -120px;
  }
}

.col-md-12 {
	padding-right: 0px!important;
    padding-left: 0px!important}