@charset "UTF-8";
/*-----------------------------*/
/*-------Estilo basicos--------*/
/*-----------------------------*/
/**
 *
 * Generate Lecturas
 *
 */
/**
 *
 * Generate Tablas
 *
 */
@font-face {
  font-family: "HelveticaLTStd BoldCond";
  src: url("../fonts/HelveticaLTStd BoldCond/HelveticaLTStd-BoldCond_1.eot");
  src: url("../fonts/HelveticaLTStd BoldCond/HelveticaLTStd-BoldCond_1.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLTStd BoldCond/HelveticaLTStd-BoldCond_1.woff") format("woff"), url("../fonts/HelveticaLTStd BoldCond/HelveticaLTStd-BoldCond_1.ttf") format("truetype"), url("../fonts/HelveticaLTStd BoldCond/HelveticaLTStd-BoldCond_1.svg#HelveticaLTStd BoldCond") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "HelveticaLTStd Cond";
  src: url("../fonts/HelveticaLTStd Cond/HelveticaLTStd-Cond_1.eot");
  src: url("../fonts/HelveticaLTStd Cond/HelveticaLTStd-Cond_1.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLTStd Cond/HelveticaLTStd-Cond_1.woff") format("woff"), url("../fonts/HelveticaLTStd Cond/HelveticaLTStd-Cond_1.ttf") format("truetype"), url("../fonts/HelveticaLTStd Cond/HelveticaLTStd-Cond_1.svg#HelveticaLTStd Cond") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "HelveticaLTStd CondObl";
  src: url("../fonts/HelveticaLTStd CondObl/HelveticaLTStd-BoldCondObl_1.eot");
  src: url("../fonts/HelveticaLTStd CondObl/HelveticaLTStd-BoldCondObl_1.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLTStd CondObl/HelveticaLTStd-BoldCondObl_1.woff") format("woff"), url("../fonts/HelveticaLTStd CondObl/HelveticaLTStd-BoldCondObl_1.ttf") format("truetype"), url("../fonts/HelveticaLTStd CondObl/HelveticaLTStd-BoldCondObl_1.svg#HelveticaLTStd CondObl") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "HelveticaLTStd Lt";
  src: url("../fonts/HelveticaLTStd Lt/HelveticaLTStd-Light_1.eot");
  src: url("../fonts/HelveticaLTStd Lt/HelveticaLTStd-Light_1.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLTStd Lt/HelveticaLTStd-Light_1.woff") format("woff"), url("../fonts/HelveticaLTStd Lt/HelveticaLTStd-Light_1.ttf") format("truetype"), url("../fonts/HelveticaLTStd Lt/HelveticaLTStd-Light_1.svg#HelveticaLTStd Lt") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "HelveticaLTStd Lt Bold";
  src: url("../fonts/HelveticaLTStd Lt Bold/HelveticaLTStd-Bold_1.eot");
  src: url("../fonts/HelveticaLTStd Lt Bold/HelveticaLTStd-Bold_1.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLTStd Lt Bold/HelveticaLTStd-Bold_1.woff") format("woff"), url("../fonts/HelveticaLTStd Lt Bold/HelveticaLTStd-Bold_1.ttf") format("truetype"), url("../fonts/HelveticaLTStd Lt Bold/HelveticaLTStd-Bold_1.svg#HelveticaLTStd Lt Bold") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "HelveticaLTStd LightCond";
  src: url("../fonts/HelveticaLTStd LightCond/HelveticaLTStd-LightCond_1.eot");
  src: url("../fonts/HelveticaLTStd LightCond/HelveticaLTStd-LightCond_1.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLTStd LightCond/HelveticaLTStd-LightCond_1.woff") format("woff"), url("../fonts/HelveticaLTStd LightCond/HelveticaLTStd-LightCond_1.ttf") format("truetype"), url("../fonts/HelveticaLTStd LightCond/HelveticaLTStd-LightCond_1.svg#HelveticaLTStd LightCond") format("svg");
  font-style: normal;
  font-weight: normal; }
/* Formato .otf */
@font-face {
  font-family: 'Raspoutine';
  src: url("../fonts/RaspoutineDemiBold_TB/RaspoutineDemiBold_TB.otf");
  font-style: normal;
  font-weight: normal; }
/*--------------------------*/
/*--------Font base---------*/
/*--------------------------*/
/*Tipo de letra en body*/
/*h1,h2,h3...*/
/*Tama├▒o de letra en body*/
/*Tama├▒o de letra en H1*/
/*Tama├▒o del h1 del sistema*/
/*Tama├▒o de letra en los botones*/
/*Tama├▒o del texto del login*/
/*Tama├▒o del texto de la descripcion*/
/*Tama├▒o del texto del boton iniciar*/
/*Tama├▒o del titulo de la evaluacion*/
/*Tama├▒o del texto de la evaluacion*/
/*Tama├▒o del texto de los botones de anterior y siguiente en evaluacion*/
/*Tama├▒o del avanze del curso*/
/*Tama├▒o del panel footer*/
/*-----------Modal-----------*/
/*Tama├▒o Titulo del modal*/
/*Tama├▒o Label del modal*/
/*Tama├▒o del h2 del modal de evaluaciones*/
/*--------------------------*/
/*-----Backgroung base------*/
/*--------------------------*/
/*--------------------------*/
/*--------Color base--------*/
/*--------------------------*/
/*Color de letra amarillo del Login*/
/*Color de letra del modal de evaluaciones*/
/*Texto debajo del titulo en los modal*/
/*Color de warning*/
/*Color de error*/
/*Color de success*/
/*Border radius, modificar tambien en less*/
/*--------------------------*/
/*-------Tama├▒os base-------*/
/*--------------------------*/
/*Tama├▒o de la foto en edicion del perfil*/
/*Alto del contenedor de la foto en editar perfil*/
/*Ancho del bootstrap*/
/*Margin-left para centrar div que usen col-md-3*/
/*--------------------------*/
/*-------Icon check-------*/
/*--------------------------*/
/**
 *
 * Generate Lecturas
 *
 */
/**
 *
 * Generate Tablas
 *
 */
/*--------------------------------*/
/*---------Clase Utiles-----------*/
/*--------------------------------*/
.display-none {
  display: none !important; }

.display-inline {
  display: inline-block !important;
  vertical-align: middle; }

.padding-reset {
  padding: 0 !important; }

.no-border-radius {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important; }

.no-border-right {
  border-right: 0 !important; }

.no-border {
  border: 0 !important; }

.fondo_popup {
  background: rgba(0, 0, 0, 0.7);
  height: 120%;
  width: 100%;
  z-index: 3000;
  position: fixed;
  top: 0;
  left: 0; }

.popup {
  color: #fff;
  position: fixed;
  top: 50%;
  left: calc((100% - 800px)/2);
  z-index: 4000;
  width: 800px;
  height: 450px;
  margin-top: -180px; }

.close_popup {
  background: #000;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 5px 10px;
  position: relative;
  top: -32px; }

.popup.bg_white {
  background: #fff;
  color: #000; }

.border-dashed {
  border: 1px dashed #000; }

.valign-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.b-body {
  width: 100%; }

.padding-modal, .modal .modal-header, .modal .modal-body, .modal .modal-footer {
  padding-left: 60px;
  padding-right: 60px; }

input[disabled="disabled"].btn {
  filter: alpha(opacity=100);
  opacity: 1;
  pointer-events: initial; }

.b-footer .container-fluid > div {
  opacity: 0.8;
  font-size: 10px; }

/*--------------------------------*/
/*--------Bootstrap reset---------*/
/*--------------------------------*/
body {
  font-family: "HelveticaLTStd Cond";
  font-size: 12px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "HelveticaLTStd BoldCond"; }

label.error {
  color: #F21919; }

.panel-group {
  margin-bottom: 0px; }

@media only screen and (max-width: 730px) {
  .b-footer .container > div {
    text-align: center;
    width: 100%; } }
.navbar-brand img {
  margin-top: -80px; }

.navbar > .container-fluid {
  padding: 0 6%; }
  .navbar > .container-fluid .navbar-brand {
    margin-left: -40px; }

.makro-nav {
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  height: 105px;
  z-index: 3;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); }
  .makro-nav .edit-perfil {
    font-size: 16px;
    padding: 32px 0px;
    text-transform: capitalize; }
    .makro-nav .edit-perfil a {
      background-color: transparent !important;
      padding: 0;
      margin: 0 15px; }
      .makro-nav .edit-perfil a.dropdown-toggle:hover {
        color: #5c5c5c; }
      .makro-nav .edit-perfil a:hover, .makro-nav .edit-perfil a:focus {
        background-color: transparent; }
    .makro-nav .edit-perfil li {
      float: none; }
      .makro-nav .edit-perfil li .dropdown-menu {
        margin-top: 12px; }
  .makro-nav .img-usuario {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden; }
    .makro-nav .img-usuario img {
      width: 40px;
      height: 40px; }

footer {
  background-color: #c00016;
  bottom: 0;
  color: #fff;
  font-family: "HelveticaLTStd Lt";
  height: 47px;
  line-height: 19px;
  width: 100%;
  z-index: 3; }
  footer .container {
    padding: 14px 0px; }
  footer .container-fluid {
    padding: 14px 5%; }
  footer .int_copy {
    margin-top: -2px; }

.f-padding-rs {
  padding: 0px 3px;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }
  .f-padding-rs.f-fb {
    padding-left: 12px; }

@media only screen and (max-width: 1100px) {
  footer .container-fluid {
    padding: 14px 4%; } }
/*-----------------------------*/
/*------Estilo Formulario------*/
/*-----------------------------*/
/*-----------------------------*/
/*----------Body Login---------*/
/*-----------------------------*/
body {
  background-image: url(../img/util/jpg/foto_version4.png), url(../img/util/jpg/foto_version4.jpg);
  background-size: contain, cover;
  background-position: top right, center right;
  background-repeat: no-repeat, no-repeat;
  height: 100vh;
  	/*
  	@media (max-width: 1200px) {
  		//background-position: center center;
	    //background-attachment: fixed;
  	}
  	*/ }
  /*@media (max-width: 1300px) {
    body {
      background-size: cover, cover;
      height: 118vh !important; By Paul
    }
  }*/

  @media (max-width: 1380px){/*By Paul*/
    body {
        background-size: cover, cover;
        height: 126vh !important;
    }
  }

/*.login-makro{
	background-image: url("../img/util/jpg/bg_logo.jpg");
	background-size: cover;
  	background-position: top center;
  	background-repeat: no-repeat;
  	width: 100%;
  	//.b-body{padding-bottom: 15.5%;}
}*/
.section-login {
  color: #fff;
  margin-top: 130px; }
  .section-login h1 {
    font-size: 68px;
    line-height: 68px;
    -webkit-text-shadow: -1px 2px 0px #444;
    -moz-text-shadow: -1px 2px 0px #444;
    -ms-text-shadow: -1px 2px 0px #444;
    -o-text-shadow: -1px 2px 0px #444;
    text-shadow: -1px 2px 0px #444; }
    .section-login h1 span {
      font-size: 78px; }
  .section-login p {
    font-size: 16px;
    padding-left: 5px;
    -webkit-text-shadow: -1px 1px 2px #333;
    -moz-text-shadow: -1px 1px 2px #333;
    -ms-text-shadow: -1px 1px 2px #333;
    -o-text-shadow: -1px 1px 2px #333;
    text-shadow: -1px 1px 2px #333; }
  .section-login form[name="formLoginMakro"] {
    /*margin-top: 35px; */
    margin: 0 auto;
    max-width: 280px;
    margin-top: 18px;    
  }

.form-inline input[type="submit"], .form-inline input[type="button"] {
  font-size: 16px;
  padding: 8px 28px;}

.form-makro-login {
  background-color: rgba(206, 206, 206, 0.5);
  /*background-color: rgba(0, 0, 0, 0.5);*/
  padding: 3px 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .form-makro-login input::-webkit-input-placeholder {
    color: #ffc231;
    font-style: italic; }
  .form-makro-login input:-moz-placeholder {
    color: #ffc231;
    font-style: italic; }
  .form-makro-login input::-moz-placeholder {
    color: #ffc231;
    font-style: italic; }
  .form-makro-login input:-ms-input-placeholder {
    color: #ffc231;
    font-style: italic; }
  .form-makro-login .pasaporte-validado {
    color: #a3a3a3; }
    .form-makro-login .pasaporte-validado input::-webkit-input-placeholder {
      color: #a3a3a3;
      font-style: italic; }
    .form-makro-login .pasaporte-validado input:-moz-placeholder {
      color: #a3a3a3;
      font-style: italic; }
    .form-makro-login .pasaporte-validado input::-moz-placeholder {
      color: #a3a3a3;
      font-style: italic; }
    .form-makro-login .pasaporte-validado input:-ms-input-placeholder {
      color: #a3a3a3;
      font-style: italic; }
  .form-makro-login input {
    background-color: transparent;
    border: 0;
    color: #ffc231;
    font-style: italic;
    padding-left: 0px;
    font-family: "HelveticaLTStd Cond";
    width: 100% !important;
    color: #ffc231; }
    .form-makro-login input:focus {
      outline: 0; }

#inputDocumento {
  padding-bottom: 6%; }
  #inputDocumento .header_dialog {
    color: #fff;
    font-size: 16px; }
  #inputDocumento .dialog_formInputDocumento {
    background-image: url("../img/util/png/bg_login_valido.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*padding: 35px 0px 30px 28px;*paul/
    /*margin-top: 10px; paul*/
    padding: 15px 0px 30px 28px; /*paul*/
  }
    #inputDocumento .dialog_formInputDocumento .form-validate-special label.error {
      position: absolute;
      left: 0;
      bottom: -28px;
      color: #F21919; }

.img-pasaporte {
  background-image: url("../img/util/png/credencial.png");
  background-repeat: no-repeat;
  background-position: 50% center;
  border-right: 1px dashed #fff;
  height: 33px;
  width: 45px; }

.img-user {
  background-image: url("../img/util/png/user.png");
  background-repeat: no-repeat;
  background-position: 50% center;
  border-right: 1px dashed #fff;
  height: 33px;
  width: 45px; }

/*---- Modal ----*/
#registroDatos .modal-dialog {
  margin: 8% auto; }

#emailMakro .modal-header {
  padding-top: 30px; }
#emailMakro .modal-body {
  padding-bottom: 30px; }
  #emailMakro .modal-body label {
    padding: 7px 0;
    margin-bottom: 0; }
  #emailMakro .modal-body p {
    color: #8a8888; }
  #emailMakro .modal-body .control-label {
    padding-left: 0; }

.b-footer {
  position: fixed; }

@media only screen and (max-width: 780px) {
  footer {
    height: 65px !important; }
    footer .col-xs-6 {
      width: 65%; }
    footer .col-xs-3 {
      text-align: right;
      width: 35%; }
      footer .col-xs-3.text-right {
        text-align: center;
        width: 100%; } }
@media only screen and (max-width: 768px) {
  .modal {
    padding: 0% 17%;
    margin-left: -15%; } }
@media only screen and (max-width: 600px) {
  footer {
    height: 80px !important; }
    footer .col-xs-6, footer .col-xs-3 {
      width: 100%;
      text-align: center; } }
@media only screen and (max-width: 520px) {
  .modal .form-inline .col-xs-6 {
    padding-right: 0;
    width: 100%; }
    .modal .form-inline .col-xs-6 .control-label {
      width: 16%; }
    .modal .form-inline .col-xs-6 .form-validate {
      width: 84%; }
  .modal .cn-dni {
    margin-bottom: 15px; }
  .modal .cn-telefono {
    padding-right: 15px !important; } }
.modal .modal-header {
  padding-top: 42px;
  border: 0;
  padding-bottom: 0; }
  .modal .modal-header h4 {
    font-size: 26px; }
  .modal .modal-header p {
    color: #8a8888; }
.modal .modal-body .form-group {
  padding-right: 0; }
.modal .modal-body label {
  font-size: 16px;
  text-align: left;
  color: #000; }
.modal .modal-body input {
  border: 0px; }
  .modal .modal-body input:focus {
    outline-color: #CDCDCD; }
.modal .cn-form-control {
  padding-right: 0; }
.modal .form-validate label.error {
  position: absolute;
  right: 12px;
  top: 12px;
  color: #c00016;
  font-size: 12px; }
.modal .cn-telefono {
  padding-right: 0; }
  .modal .cn-telefono input {
    width: 100%; }
.modal .cn-dni {
  padding-right: 9px; }
.modal .form-control {
  background-color: #e4e4e4; }
.modal .form-inline {
  display: inline-block;
  margin-bottom: 13px; }
  .modal .form-inline > div {
    padding-left: 0; }
.modal .modal-footer {
  border: 0;
  padding-bottom: 42px;
  padding-top: 0; }

.b-body nav.navbar{
  min-height: 0;
}

body{
  height: 83vh !important;
}

.footer-col{
  margin-top: 100px !important;
}

@media (min-width: 1080px) {
  .footer-makro img{
    padding-left: 88% !important;
  }
}

@media (min-width: 1920px) {
  .footer-makro img{
    padding-left: 107% !important;
  }
}


@media(max-width: 1280px) {
    body{
      height: 81vh !important;
    }
}

@media(max-width: 415px) {
    body {
        background-color: rgba(0, 0, 0, 0.8) !important;
        background-image: none;
    }
}

img.white-makro{
    position: absolute;
    right: 0;
}




@media(max-width: 780px) {
    body{
      height: 92vh !important;
    }
    .footer-col {
      margin-top: 0 !important;
    }

    .container-fluid .col-xs-12 {
      text-align: center !important;
    }
}

.footer-makro{
    position: relative !important;
}

.footer-makro img{
    position: absolute !important;
    z-index: 9999999;
}

footer .container-fluid {
    padding: 14px 0;
}




/*# sourceMappingURL=login.css.map */



/*DANDEL HERE*/

.b-footer {
    position: fixed !important;
    height: 100px !important;
}

.footer-col {
    margin-top: 0 !important;
}

footer .container-fluid {
    padding: 0 0;
    display: flex;
    height: 100px;
    align-items: flex-end;
}

footer .container-fluid div{
    padding-bottom: 8px !important;
}

img.white-makro {    
    position: absolute;
    right: 0;
    bottom: 0;
    height: 80px;
}

@media(max-width: 991px) {
    footer .container-fluid {
        display: initial;        
    }

    .container-fluid .col-xs-12 {
        padding-left: 32px !important;
        text-align: left !important;
    }

    img.white-makro {
        position: absolute;
        right: 0;
        height: 100px;
    }

    footer .container-fluid div:first-child { 
        margin-top: 16px !important;
    }
}