.container{
	margin-top: 3%;
	margin-bottom: 3%;
}
.img-logo{
	width: 55%;
}
.span-margen {
	margin-right: 2%;
}
#firma{
	background: #f5ecec;
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button-bevel !important;
}
.btn-enviar{
	text-align: center;
}
.fondo {
 background: #f3f3f3;
 padding: 30px;
}
.btn-large {
     padding: 0 71px !important;
    margin-top: 10px;
}
.customer {
  padding: 0px !important;
}

#newSignature{
	background: #fff
}
#inputtxt{
	display: none
}

.alpha{
    border: 2px solid #f44336 !important	
}
#fixbtn{
	cursor: pointer;
	float: right;
    width: 60px;
    height: 60px;
    position: fixed;
    left: 10px;
    top: 30px;
}
#fixbtn1{
	cursor: pointer;
	float: right;
    width: 60px;
    height: 60px;
    position: fixed;
    left: 10px;
    top: 30px;
}
#fixbtn i{
	font-size: 60px
}

#fixbtn1 i{
	font-size: 60px
}
.ratelist li{
	float: left;
}
.ratelist div{
	width: 65px;
	height: 65px;
	margin: 10px
}
.sad{
    background-image: url('../img/sad.svg')
}
.sad:hover{
    background-image: url('../img/sadhover.svg')
}
.bad{
	background-image: url('../img/bad.svg')
}
.bad:hover{
	background-image: url('../img/badhover.svg')
}
.ok{
	background-image: url('../img/ok.svg')
}  
.ok:hover{
	background-image: url('../img/okhover.svg')
} 
.good{
	background-image: url('../img/good.svg')
}
.good:hover{
	background-image: url('../img/goodhover.svg')
}
.awesome{
	background-image: url('../img/awesome.svg')
}
.awesome:hover{
	background-image: url('../img/awesomehover.svg')
}