.font-body {
    font-family: 'NeoSansPro-Regular';
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

.font-h1 h1{
 font-family: 'NeoSansPro-Regular';
    font-weight: 400;
     
}
.font-h1 small
{
 font-family: 'NeoSansPro-Light';
      
}

/** login **/
.input-form input{
   border-radius: 10px;
}
/* -- Formulario round -- */
.round-border input {
   border-radius: 10px;

}
#radius-border {

   border-radius: 10px;
}


.div-round-bottom{

   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

#div-round-left{
 border-bottom-left-radius: 10px;
 border-top-left-radius: 10px;
}
#div-round-right{
 border-bottom-right-radius: 10px;
 border-top-right-radius: 10px;
}
.boton-redondo{
   border-radius: 15px !important;
}

.boton-redondo-right{
   border-top-right-radius: 10px !important;
   border-bottom-right-radius: 10px !important;
}
.boton-redondo-left{
   border-top-left-radius: 10px !important;
   border-bottom-left-radius: 10px !important;
}

.div-round-select select{
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-top-left-radius: 10px;
}
.textarea-round textarea{
   border-radius: 10px;
}

/*** BOTON OUTLINE ***/

.btn1 {
  background-color: #4CAF50;
  border: none;
  color: black;
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

   /* Green */
.outline-success{
   background-color: white;
    color: #4CAF50;
    border: 1px solid #04AA6D !important;
}   

   /* agua */
.outline-aqua{
   background-color: white;
    color: #00c0ef;
    border: 1px solid #00c0ef !important;
}   

.outline-success:hover {
    background-color: #04AA6D;
    color: white;
}


   /* Azul  */
.outline-info{
   background-color: white;
    color: dodgerblue;
    border: 1px solid #2196F3 !important;
}


.outline-info:hover {
    background-color: #2196F3;
    color: white;
}
.outline-info {
  border: 1px solid #2196F3 !important;  
}

   /* Amarillo */ 

.outline-warning{
   background-color: white;
    color: orange;
    border: 1px solid #ff9800 !important;
 }
.outline-warning:hover {
    background-color: #ff9800;
    color: white;
}

   /*  Red   */
.outline-danger{
   background-color: white;
    color: red;
    border: 1px solid #f44336 !important;
}
.outline-danger,.outline-xs{
   border: 1px  solid #f44336 !important;
}
.outline-danger:hover {
    background-color: #f44336;
    color: white;
}
   /*  Gray  */
 .outline-default{
   background-color: white;
    color: black;
    border: 1px solid gray !important;
}
.outline-default:hover {
    background-color: gray;
    color: white;
    
}


/*** TABLA PARA MOVILES **/ 

  @media screen and (max-width: 600px) {
      .table-movile {
       display: block;
       overflow-x: auto;
     }
}

.shadow-box{

       box-shadow: 2px 3px 6px #b3b3b3 !important;
}


.center-items-row{
   align-items: center !important;
   justify-content: center !important;
}





/* ///////// REGISTRO - NUEVO PERSONAL ////////*/

.registro {

background-image:    url('../../../include/img/plantilla/fondo_back5.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

.regform{

   width: 75%;
   
}

.txt-sm-registro{

font-size: 14px;
font-weight: bold;
text-align: left;

}

 @media screen and (min-width: 756px) {
.center-row{

   align-items: center !important;
   justify-content: center !important;
   display: flex;
   height: 100vh;
}
}

.img-center-registro{

   display: flex;
   margin-left:auto;
   margin-right:auto;

}

@media screen and (max-width: 756px) {

.img-center-registro{

   display: flex;
   margin-left:auto;
   margin-right:auto;
   width: 100%;


}

}


/* ====== LOGIN - INDEX ===== */

@media screen and (max-width: 1023px){

  #img-footer{
    background: url('../../../include/img/plantilla/marcas-2021-1.png');
   top: 65%;
   
  }
}

@media screen and (min-width: 1024px){

  #img-footer{
    background: url('../../../include/img/plantilla/marcas-2021.png');
 top: 75%;     
  }
}

.login-page #img-footer {

 position: fixed;
 left: 0;
 bottom: 5%;
 width: 100%;
 height: 100%;
 background-size: 100% auto;
 background-repeat: no-repeat;
 overflow: hidden;
 z-index: -1;

}


@media screen and (max-width: 1023px){

  #back{
    background: url('../../../include/img/plantilla/fondo-hrm2_movil.jpg');
     filter: opacity(30%);
   
  }
}

@media screen and (min-width: 1024px){

  #back{
    background: url('../../../include/img/plantilla/fondo-hrm2.jpg');
    filter: opacity(30%);

  }
}



.login-page #back {

 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 /*background: url(../../../../include/img/plantilla/fondo1.png);*/
 overflow: hidden;
 z-index: -1;

 
}