.form {padding: 20px;}
.form label {padding-left: 0px; padding-right: 0px; text-align: center;}

.formulario input::-webkit-input-placeholder {color: #c2c2c2;}/* Chrome/Opera/Safari */
.formulario input ::-moz-placeholder {color: #c2c2c2;}/* Firefox 19+ */
.formulario input :-ms-input-placeholder {color: #c2c2c2;}/* IE 10+ */
.formulario input :-moz-placeholder {color: #c2c2c2;}/* Firefox 18- */

.formulario .btn {width: 180px; margin: 0 15px;}
.formulario .form-group {margin-bottom: 60px;}

/* Formularios Select */
.formulario label {color: #666;}
.formulario input {font-size: 16px; color: #000; border: solid 1px #ccc; border-radius: 0px; text-align: center;}
.formulario textarea {display: block; width: 100%; height: 200px; border: solid 1px #ccc; border-radius: 0px;}
.formulario select {border: solid 1px #EAEAEA; border-radius: 0px; height: 100% !important;}

.formulario .slc {
    font-size: 16px;
    position: relative;
    height: 34px;
	border: 1px solid #ccc;
	margin-bottom: 16px;    
}
.formulario .slc::before {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: -1;
    content: "\f078";
    font-family: "fontawesome";
    font-size: 14px;
    color: #0C2D5D;
}
.formulario .slc select {
    border: 0;
    width: 100%;
    height: 36px;
    color: #999;
    padding: 0px 25px 0 10px;
    text-align: center;
    text-align-last: center;

    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.formulario .slc select::-ms-expand {
    display: none;
}
.slc-asesor,
.slc-fecha,
.slc-hora {
	padding: 0px 45px;
}
.slc-asesor:before,
.slc-fecha:before,
.slc-hora:before {
	content: "";
	width: 18px;
	display: block;
	position: absolute;
	pointer-events: none;
	left: 15px;	top: 0;	bottom: 0;
}
.slc-asesor:before {
	background: url(../img/icon-form-asesor.svg) no-repeat center;
	background-size: contain;
}
.slc-fecha:before {
	background: url(../img/icon-form-date.svg) no-repeat center;
	background-size: contain;
}
.slc-hora:before {
	background: url(../img/icon-form-hora.svg) no-repeat center;
	background-size: contain;
}
/* Formularios radios */
.formulario .radios {
    padding: 0 10px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: middle;
}
.formulario .radios input[type="radio"] {
    position: absolute;
    left: -9999px;
    margin: 0;
}
.formulario .radios input[type="radio"] + label {
    margin: 0;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    padding-left: 30px;
    display: inline-block;
}
.formulario .radios input[type="radio"] + label:before {
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    border: 1px solid #ccc;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.formulario .radios input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.formulario .radios input[type="radio"]:checked + label:after {
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.formulario .radios input[type="radio"] + label:after {
    content: '';
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.formulario .radios.chrysler input[type="radio"] + label:after {background: #10122d;}
.formulario .radios.dodge input[type="radio"] + label:after {background: #E1251B;}
.formulario .radios.jeep input[type="radio"] + label:after {background: #445000;}
.formulario .radios.ram input[type="radio"] + label:after {background: #000;}
/* Formularios Checkboxes */
.checkboxes {
    margin-bottom: 5px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.checkboxes input[type="checkbox"] {
    position: absolute;
    left: -9999px;
    margin: 0;
}
.checkboxes input[type="checkbox"] + label {
    color: #666;
    margin: 0;
    cursor: pointer;
    font-weight: 400;
    line-height: 34px;
    position: relative;
    padding-left: 30px;
    display: block;
}
.checkboxes input[type="checkbox"] + label:before {
    content: '';
    top: calc(50% - 10px);
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    border: 1px solid #ccc;
}
.checkboxes input[type="checkbox"] + label:after {
    content: '';
    font-family: FontAwesome;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
    top: 10px;
    left: 3px;
    width: 14px;
    height: 14px;
    position: absolute;
    background: #0C2D5D;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.checkboxes input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.checkboxes input[type="checkbox"]:checked + label:after {
    opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* .checkboxes input[type="checkbox"] + label a {
    text-decoration: underline;
} */



/**********
login
**********/
.login-wrap {
    display: flex;
    flex-direction: column;
    width: 650px;
    height: 100%;
    margin: auto;
}

.login-wrap .body-login {
    width: 60%;
    margin: auto;
    margin-top: auto;
}
.login-wrap .body-login h3 {
    color: #b3b3b3;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.login-wrap .body-login h3 span {color: #000;}
.login-wrap .body-login article {
    color: #b3b3b3;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    margin-bottom: 50px;
}
.login-wrap .body-login input {color: #000; text-align: left;}
.login-wrap .body-login .form-group {
    position: relative;
}
.login-wrap .body-login .form-group label {
    position: absolute;
    top: 7px;
    left: 20px;
    color: #c6c6c6;
}
.login-wrap .body-login .form-group .form-control {
    padding-top: 30px;
    padding-left: 20px;
    box-shadow: none;
    border: 2px solid #d5d5d5;
}
.login-wrap .body-login .form-group .form-control:focus {
    border-left-color: #2e3192;
    border-left-width: 3px;
}
.login-wrap .body-login .recordatorio {
    display: flex;
}
.login-wrap .body-login .recordatorio p {width: 50%;}
.login-wrap .body-login .recordatorio p:last-child {text-align: right;}
.login-wrap .body-login .recordatorio p a {
    display: inline-block;
    color: #000;
    margin-top: 10px;
}
.login-wrap .body-login .btn-ingresar {
    display: block;
    width: 250px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #2e3192;
    padding: 15px 0;
    margin: 30px auto 0;
    border-radius: 5px;
}

.login-wrap .footer-login {
    width: 100%;
    color: #b3b3b3;
    text-align: center;
    padding-top: 15px;
    margin: auto;
    margin-top: auto;
    margin-bottom: 0;
    border-top: solid 2px #e6e6e6;
}
.login-wrap .footer-login article {width: 80%; margin: 0 auto 10px;}
.login-wrap .footer-login article a {color: #000;}

.btn-regresar {padding-top: 20px;}
.btn-regresar a {color: #000; font-size: 18px;}
.btn-regresar a img {width: 8px; margin-right: 10px;}

.btn-regresar.home {padding: 10px 15px; background: #000;}
.btn-regresar.home a {color: #fff; text-transform: uppercase;}
.btn-regresar.iframe {padding: 10px 15px; background: #000;}
.btn-regresar.iframe a {color: #fff; text-transform: uppercase;}