body {
    font-family: 'Montserrat', sans-serif;
}

.navbar{
margin-bottom: 20px;
background-color: #FFFFFF;
padding: 15px;
max-width: 100;
}
.subtitulos{
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    font-size: 17px; 
    font-weight: 600
}

.cabecera {
    width: 100%;
    padding-top: inherit;
    padding-bottom: inherit;
    font-size: 20px; 
    font-weight: 600
}
.espacios1{
    padding: 5px ;
}
header {
    height: 250px;
    background-color:  #FFFFFF;

}

.form-container {
    background: url('../images/fondo.png');
    background-repeat: no-repeat;
    background-size: cover;
}

/* problemas con MODAL */
.form-input {
    position: relative;
    color:#47AB34;
    background-color: #FFFFFF;
    padding: 45px;

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
@media (max-width: 768px){
    .form-main{
        word-wrap: break-word;
        place-content: center;
        text-align: center;
        display: block;
        min-height: 100vh;
        flex-wrap: wrap;
        padding: 45px;

    }
    .form-input {
        word-wrap: break-word;
        position: relative;
        width: 100%;
        color:#47AB34;
        background-color: #FFFFFF;
        padding: 20px;
    }
}
.form-main{
    place-content: center;
    text-align: center;
    display: flex;
    min-height: 115vh;
    flex-wrap: wrap;
    padding: 40px;
}

.form-button {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #FFFFFF;
    width: 100%;
    border: 1px solid #47AB34;
    border-radius: 10px;
    padding: 8px;
    font-weight: 600;
    color: #47AB34;
    font-size: 15px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
    text-decoration: auto;
}

.form-button:hover,
.form-button:active,
.form-button:focus {
    background: #47AB34;
    color: #ffff;
}
.img-header{
    margin-left: 15%;
}
.div-8{
    text-align:right;
    font-family: "Montserrat", Sans-serif;
    font-size: 10px;
    font-weight: 500;
    
}
.for-navbar{
    color: var(--bs-navbar-brand-color);
    white-space: nowrap;    padding-top: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    white-space: 20px;
    padding: 5px;
}
.for-navbar:hover{
color: #000;
text-decoration-line: underline;
text-decoration-color:#47AB34; ;
}

.espacios{
    padding: 10px ;
}

.form-texto{
    color: #47AB34;
    font-size: 12px;
}
.footer{
    background: black;
    color: #FFFFFF;
}

@media screen {
}
.img-fluid{
    max-width: 100%;
    width:400px;
    height: auto; 
}
.form-label{
    float: left;
}
.btn-secondary{
    background: #47AB34;
    border: none;
    color: #FFFFFF;
}
.editbtn{
    background: #47AB34;
    border: none;
    color: #FFFFFF;
}
.editbtn:hover {background-color: #3e8e41; color: #FFFFFF;}

.editbtn:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.btnGrupos{
    background: #553acc;
    border: none;
    color: #FFFFFF;
}
.btnGrupos:hover {background-color: #402d99; color: #FFFFFF;}

.btnGrupos:active {
  background-color: #402d99;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/*Boton editar lista de usuarios*/
.btn-secondary
{
    background-color: #3e8e41;
}
.btn-secondary:hover {
    background-color: #447546;
    color: #FFFFFF;
}
/*lineas responsive lista de usuarios*/
.linea-h {
    border-top: 2px solid #47AB34;
    height: 2px;
    color: #47AB34;
    padding: 0;
    margin: 20px auto 0 auto;
  }
  .linea-v {
    border-left: 2px solid #47AB34;
    height:75%;
    left: 50%;
    position: absolute;
   }
   .border-left{
    border-left: 1px solid #47AB34;
   }
   .border-right{
    border-right: 1px solid #47AB34;
   }

/* tabla responsive */
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
}

.progress .bar{
    background: #553acc;
    margin: 100px auto;
    padding: 100px;
}