@font-face {
  font-family: 'Simetrical';
  src: url("fonts/bmwrgbd-webfont.eot");
  src: url("fonts/bmwrgbd-webfont.eot?#iefix") format("embedded-opentype"),
     url("fonts/bmwrgbd-webfont.woff") format("woff"), url("../fonts/bmwrgbd-webfont.ttf") format("truetype"),
     url("fonts/bmwrgbd-webfont.svg#bmwtyperegularbold") format("svg");
  font-weight: normal;
  font-style: normal; }


.flash-notice-token{
  color: rgb(209, 72, 65);
  width: 100%;
  text-align: center;
  padding: 15px;
  font-family: arial;
  font-size: 16px;
}

.success-bg {
  background-color: #8bbe67 !important; }

.danger-bg {
  background-color: #e25c63 !important; }

.errorCompletar{
  color: #fe5d55;
}

.content-title{
  width: 40%;
  margin: 2% auto .5% auto;
}

.icon, .iconm, .icon-m{
  color: white;
  font-size: 30px;

}

.icon-m, .icon-s{
  color: #969696;
  margin-right: 30px;
}

.icon-s{
  color: #1abc9c;
}

.iconm{
  font-size: 36px !important;
  margin-left: 2px;
}

.flash-notice{
	color: #D14841;
	margin:0;
	font-size: 14px;
	display: none;
}

.flash-notice-s{
	color: #1abc9c;
}

#message{
	width: 100%;
	min-height: 90px;
	/*padding: 4% 0 0 0;*/
  display: none;
}
#message-ep{
	width: 100%;
	height: 50px;
	padding: 2% 0 0 0;
}
/* GENERALES */
body {
  background: #F6F6F6 !important;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-50-r {
  margin-top: 50px;
  margin-bottom: 50px;
}

.text-simetrical {
  font-family: "Simetrical";
  color: #666699;
  letter-spacing: -0.08em;
}

#container-verificacion, #error-verificacion, #send-verificacion, .form-forgot {
  /*ont-family: Arial,Helvetica,sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.logo {
  position: relative;
  top: 5px;
  left: -4px;
  font-size: 18pt;
}

.checkmark {
  display: inline-block;
  font-weight: bold;
  /*font-size: 30px;*/
  width: 30px;
  height: 30px;
  background: #ffffff;
  color: #99FF66;
  border-radius: 100%;
  padding: 5px;
}

.titulo {
  font-size: 35pt;
}

.enlace,
.enlace:hover {
  font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
  color: #666699;
  text-decoration: none;
}

.link-login{
  font-family: 'Simetrical';
	text-align: center;
	color: #666699;
	display: block;
	margin: 0 auto;
	margin-bottom:3px;
  font-size: 1opt;
}

.link-wrap {
  max-width: 350px;
  margin: 0 auto;
}

.link-wrap hr {
  height: 1px;
  background: #666699;
}

.form-wrap {
  position: relative;
  padding: 20px;
  max-width: 500px;
  margin: 10px auto 0;
  background: #F6F6F6; }
  .form-wrap .form-control {
    font-size: 17px;
    text-indent: 35px;
    height: 52px;
    line-height: 52px; }
  .form-wrap .form-control::-webkit-input-placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-wrap .form-control::-moz-placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-wrap .form-control:-ms-input-placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-wrap .form-control::placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-wrap label {
    position: absolute;
    left: 15px; }
  .form-wrap .form-group {
    margin-bottom: 5px; }
    .form-wrap .form-group .circle_icon {
      font-size: 17px;
      width: 30px;
      height: 30px;
      border: 2px solid #d1d1d1;
      border-radius: 100%;
      text-align: center;
      line-height: 28px;
      color: #d1d1d1;
      -webkit-text-stroke: 1px #d1d1d1;
      position: relative;
      opacity: 0.8;
      top: 10px;
      left: 15px; }
  .form-wrap .logo {
    width: 60%;
    height: 15px;
    margin: 15px auto; }
  .form-wrap input{
    border-radius: 4px;
  }

#form_Entrar,
#acceder,
#acceder100,
#btn-acceder, #form_enviar, #form_enviarCompletar {
  color: #FFFFFF;
  background: #666699;
  border-color: #666699 !important;
  width: 60%;
  margin-top: 30px;
  font-size: 25px;
  height: 52px;
  padding: 10px 16px;
}

#form_Entrar{
  border-radius: 6px !important;
}

#acceder100,
#btn-acceder, #form_enviar {
  width: 100%;
  margin-top: 10px;
}

.col-center {
  float: none !important;
  margin: 0 auto !important;
}

#contactando{
  display: none;
  text-align: center;
}
#contactando img{
  width: 20px;
}
/*Recuperando Password*/
#error-verificacion,
#send-verificacion {
  padding: 20px;
  max-width: 450px;
  margin: 0 auto;
  background: #FF6666;
  /*box-shadow: 0 0 6px #999999;*/
}
#send-verificacion {
  background: #99FF66;
}

.form-forgot {
  position: relative;
  padding: 30px;
  max-width: 450px;
  margin: 0 auto;
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #e5e5e5; }
  .form-forgot .form-control {
    font-size: 17px;
    text-indent: 35px;
    height: 52px;
    line-height: 52px; }
  .form-forgot .form-control::-webkit-input-placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-forgot .form-control::-moz-placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-forgot .form-control:-ms-input-placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-forgot .form-control::placeholder {
    color: #d1d1d1;
    font-size: 17px; }
  .form-forgot label {
    position: absolute;
    left: 25px; }
  .form-forgot .form-group {
    margin-bottom: 5px; }
    .form-forgot .form-group .circle_icon {
      font-size: 17px;
      width: 30px;
      height: 30px;
      border: 2px solid #d1d1d1;
      border-radius: 100%;
      text-align: center;
      line-height: 28px;
      color: #d1d1d1;
      -webkit-text-stroke: 1px #d1d1d1;
      position: relative;
      opacity: 0.8;
      top: 10px;
      left: 15px; }
  .form-forgot .logo {
    width: 60%;
    height: 15px;
    margin: 15px auto; }
  .form-forgot input{
    border-radius: 4px;
  }

#contenedor_ayuda{
	margin: 20px auto;
	border-top: 1px dashed #ccc;
	font-size: 12pt;
	padding-top: 15px;
	width: 80%;
}
#contenedor_ayuda span{
	font-weight: bold;
	margin: 20px 10px 0 0;
  padding-top: 15px;
	text-align: center;
}
/*
* Estilos Contrato
*/

.contenedor-contrato{
  position: relative;
  padding: 20px;
  max-width: 500px;
  margin: 0 auto;
  background: #FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #e5e5e5;
}

.contenedor-contrato-body{
  position: relative;
  padding: 10px 20px 0px 30px;
  margin: 0 auto;
  text-align: justify;
  max-height: 410px;/*calc(100vh - 210px)*/
  overflow-y: auto;
}
.contenedor-contrato-body{
  color: gray;
}

.contenedor-contrato-footer{
    padding: 15px;
    text-align: center;
    border-top: 2px solid #e5e5e5;
}
.btn-acepto,
.btn-no-acepto{
    color: #ffffff;
    background-color: #8bbe67;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 60%;
    font-size: 16px;
    font-weight: bold;
}

.btn-no-acepto{
  background-color: #e25c63;
}

.link-idioma{
  text-align: center;
  padding-top: 50px;
}.link-idioma a{
  color: #666699;
  font-size: 12pt;
}

.form-control{
  border: 1px solid #ccc !important;
  border-radius: 4px;

}

.form-control:focus{
  border-color: #66afe9 !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}
.logo-contrato{
  font-size: 50px;

}

#header-completar{
    background: #E4E1E1;
    border-bottom: 1px solid #B3B3B3;
    min-height: 50px;
    margin-bottom: 20px;
}

.content-completar{
  background-color: #F2F2F2;
}

.form-completar{
  padding: 30px;
  margin: 0 auto;
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #e5e5e5;
}

/*.form-complete .form-group {
  margin:0px;
}*/

.form-complete .form-group .errorCompletar{
  margin: 5px;

}

.sim-header-icon-complete {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    top: 9px;
    border-radius: 25px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    text-shadow: none;
    font-size: 18pt;
    margin: 0px 18px;
    background: #e4e1e1;
    color: #5f5f60;
}

.f-right{
  float: right;
}

/* datepicker */

.datepicker table tr th, .datepicker table tr td{
  background-color: white;
  color: #333;
  border:none;
}

.datepicker table, .datepicker table tr, .datepicker table tr td, .datepicker table tr th{
  border: none;
}

#form_enviarCompletar{
  font-size: 14px;
  padding: 6px 12px;
  height: 35px;
  width: 100%;
}

@media only screen and (max-width: 320px){
	#contenedor_login{
		width: 295px;
		padding: 20px 0 10px 0;
	}
}