.tab-pane {

min-height: 250px !important;

}


.nav-link.active, .nav-link.active:hover{
   background-color: #756f6e !important;
   border: 0.1rem solid #756f6e;
   border-radius: 0.2rem;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 0.1rem;
   line-height: 2rem;
   padding: 0 1rem;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   white-space: nowrap;
   padding: 5px 10px;
margin: 0px 0px 5px 5px;
}

.nav-link, .nav-link:hover {
   background-color: #c2c2c2 !important;
   border: 0.1rem solid #756f6e;
   border-radius: 0.2rem;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 0.1rem;
   line-height: 2rem;
   padding: 0 1rem;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   white-space: nowrap;
   padding: 5px 10px;
margin: 0px 0px 5px 5px;
}


/** Css imdex **/

body {
   margin-top: 1rem;
   font-family: "Calibri" !important;
   background-image: linear-gradient(to right, #f5f0e9, #f6f2ec, #f7f5ef, #f9f7f3, #faf9f6);
 }

 .input,.vs__search {
   -webkit-appearance: none;
   background-color: transparent;
   border: 1.5px solid #a4a4a4;
   border-radius: 0.2rem;
   box-shadow: none;
   box-sizing: inherit;
   padding: 8px 30px 8px 8px;
   margin-bottom: 10px;
   border-radius: 8px;
   font-family: "Nunito Sans", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   width: 100%;
   color: #626262;
   font-size: 1rem;
 }

 label, h3, .btn,.navbar-brand {
   font-family: "Nunito Sans", sans-serif;
   color: #626262;

}


.list-nombres {
  position: absolute;
  top: -84px;
  right: -240px;
}
.bg-nav {
background: #171D1A;
color: #FAF9F6 !important;
}
.bg-nav * {
  color: #FAF9F6 !important;
  }
  
  


 .label-input {
   display: block;
   font-size: 1rem;
   font-weight: 600;
   margin-bottom: 0.5rem;
   min-width: 100px;
   margin-top: 5px;
 }

 section {
   flex: 0 0 100%;
   max-width: 50%;
 }

 .text-font {
   font-family: "Roboto", sans-serif;
   font-weight: 600;
   color: #000;
 }

 .button,
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   background-color: #000;
   border: 0.1rem solid #000;
   border-radius: 12px;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 0.1rem;
   line-height: 2rem;
   padding: 4px 12px;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   white-space: nowrap;
 }

 #container {
min-height: 97vh;
}

#card {
background: white;
border-radius: 12px;
width: 80% !important;
}

nav {
border-radius: 12px 12px 0px 0px;
}

.card-b {
padding: 35px;
}

h3 {
color: #756f6e;
font-size: 1rem;
}

.cont-msj {
height: 50px;
}



@media (max-width: 750px) {
  #card {
    width: 100% !important;
    }

    .template {
    margin-left: -25px;
    }
   #contentForm{
   padding-left: 2rem ;
   }
}



@media (max-width: 100px) {
  #card {
    width: 100% !important;
    }

}