.body { background-color: #f3f3f3; }
.container { margin-top: 60px; }
.logo { text-align: center; margin-bottom: 20px; }
.logo img { width: 400px; }

.form-group { padding: 0 5px; }
.doble { display: inline-block !important; width: 50%; padding: 0 5px;}

.labeltocholegal { padding: 0 5px; }
.tocholegal { border: 1px solid #afafaf; padding: 20px 20px; /*max-height: 300px; overflow-y: scroll;height: auto; margin: 0 5px;*/margin: 0 5px 20px 5px; }
.tocholegal pre{ margin:0; }
.aviso { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.arrowdowndiv { text-align: center; width: 200px; margin: auto; margin-top: -20px; }
.arrowdowndiv img { width: 40px; position: relative; }

/*
.check {display: block;position: relative;margin-left: 5px; padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: justify;}
.check input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 5px;}
.check:hover input ~ .checkmark {background-color: #ccc;}
.check input:checked ~ .checkmark {background-color: transparent; border:1px solid #ccc; border-radius: 5px;}
.checkmark:after {content: "";position: absolute;display: none;}
.check input:checked ~ .checkmark:after {display: block;}
.check .checkmark:after {left: 9px;top: 5px;width: 5px;height: 12px;border: solid black;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
*/

.radio {display: block;position: relative;margin-left: 5px;padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: justify;}
.radio input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 3px;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;border: 1px solid lightgray;}
.radio:hover input ~ .checkmark {background-color: #ccc;}
.radio input:checked ~ .checkmark {background-color: gray;}
.checkmark:after {content: "";position: absolute;display: none;}
.radio input:checked ~ .checkmark:after {display: block;}
.radio .checkmark:after {top: 6px;left: 6px;width: 6px;height: 6px;border-radius: 50%;background: white;}

.btn { width: 100%; /*margin: 20px 5px;*/ }

.err { display:none; color: white; margin: 0 5px 15px 5px; padding: 2px 10px; border-radius: 4px; font-weight: 600; background-color: red; font-size: 15px; text-align: center; }

.resp { text-align: justify; border: 2px solid lightgray; margin: 0 20%; padding: 40px; border-radius: 5px; background-color: white;}
.iconresp { padding: 0 20%; text-align: center; }
.iconresp i { font-size: 100px; text-align: center; }
.fa-check-circle { color:green; }
.fa-times-circle { color:red; }
.textresp { padding: 0 20%; text-align: justify; margin-top: 30px; font-weight: 600; font-size: 22px; }


/* Extra small devices (phones, 600px and down) */
@media only screen and (min-device-width : 320px) and (max-device-width : 667px){
  .logo img { width:100%; } 
  .resp { margin: 0; }
  .textresp { padding: 0; }
}