/*Color original: #009EE0*/

.wrapper {
  position: relative;
  /*width: 500px;*/
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #4BD1A0;
}

.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width:100%;
  height:100%;
  
}


.btn-separacion {
     margin-top: 20px;
}
  

.signature-pad--titulo {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}

.panel-primary > .panel-heading{
     background-color: #4BD1A0 !important;
     border-color: #4BD1A0 !important;
}

.panel-primary {

    border-color: #4BD1A0 !important;

}

input { 
    text-transform: uppercase;
}

  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
/*  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; */ /* !important used for overriding all other customisations */
/*  background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; */ /* Better placement regardless of input width */
	background: url("../graficos/br_down.png") white no-repeat 98.5% !important;
	background: url("../graficos/br_down.png") white no-repeat calc(100% - 10px) !important;
}

/*Check box*/
input[type="checkbox"]{
	position: absolute;
	right: 9000px;
}

input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #4BD1A0;
	animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

a:link#condicionesuso,a:link#legal_link,a:link#aceptar_link,a:link#generar_pdf{
  color: #4BD1A0;
}

a:visited#condicionesuso,a:visited#legal_link,a:visited#aceptar_link,a:link#generar_pdf{
  color: #4BD1A0;
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: #4BD1A0 !important;
    font-weight: bold;
}    

.well {
	border: 1px solid #4BD1A0 !important;
	text-align: center !important;
}	

#overlay{	
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}
.spinner {
	width: 80px;
	height: 80px;
	border: 8px #ddd solid;
	border-top: 8px #4BD1A0 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	100% { 
		transform: rotate(360deg); 
	}
}
.is-hide{
	display:none;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.wrapper {
  width: 300px;
  }