@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&family=Roboto:wght@300;500&display=swap');

html, body{
    background: rgb(255, 255, 255);
    height: 100%;
}

h1, h2, h3, h4, h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #1C222E;
}

h3{
    font-size: 1.4em !important;
}

.login{
    height: 100%;
    display: flex;
    align-items: center;
}

.tarjetaLogin{
    background-color: #fff;
    height: 400px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px 9px -2px rgba(0, 0, 0, 0.4); 
    box-shadow: 0px 6px 9px -2px rgba(0,0,0,0.4);
}

.logoLogin{
 width: 100px;
 opacity: 0.2;
 margin: 20px 0 0 80px;
}

.letreroLogin{
    margin-top: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.loginForm input{
    padding: 3px;
    border-radius: 5px;
}

.errorcontainer{
    text-align: center;
    padding: 5px;
    color: chocolate;
}

.loginBox{
    padding-top: 1px;
}

.inputblock, .btnPropio {
    font-family: 'Roboto', sans-serif;
}


.inputblock input{
    width: 100%;
    border: none;
    padding: 7px;
    border-radius: 5px;
    background-color: #A8DADC;
}

.btnPropio{
    background-color: #A8DADC;
}

.nuevoRegistroBtn, .fs-4{
    font-family: 'Roboto', sans-serif;
}

.topRegistroBox{
    background-color: #6a0f49;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.active:not(.tab-pane){
    background-color: #666E70 !important;
    color: #fff !important;
}

main{
    background-color: #fff;
}

.navbar{
    background-color: #666E70 !important;
}

.bg-rosa{
    background-color: #ffc3d0;
    border-radius: 5px;
    padding: 10px;
}

.bg-gris{
    background-color: #6d807f;
    border-radius: 5px;
    padding: 10px;
    margin-left: 5px;
}

.bg-gris h3{
    color: #fff;
}

.progress 
{
  display:none; 
  position:relative; 
  width:400px; 
  border: 1px solid #ddd; 
  padding: 1px; 
  border-radius: 3px; 
}
.bar 
{ 
  background-color: #B4F5B4; 
  width:0%; 
  height:20px; 
  border-radius: 3px; 
}
.percent 
{ 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 
}