/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3/08/2021, 11:12:52 AM
    Author     : luis.sanchez
*/
body{
    font-family: 'Montserrat', sans-serif !important;
}

.swal-icon{
    width: 260px;
}

.color-azul-karan{
    color: #3cc0c6 !important
}

.color-gris-oscuro{
    color: #5c7387 !important
}

.bg-gris{
    background-color: #f4f3f3 !important
}

.bg-felicitacion{
    background-color: rgba(0, 99, 253, 0.6) !important
}

.bg-sugerencia{
    background-color: rgba(0, 128, 0, 0.6) !important
}

.bg-queja{
    background-color: rgba(255,191,0, 0.6) !important
}

.bg-denuncia{
    background-color: rgba(255, 20, 20, 0.6) !important
}

.imgRedonda {
    width:30px !important;
    height:30px !important;
    border-radius:15px !important;
}

#circulo{
  width: 200px;
  height: 200px;
  border-radius: 50%;
  font-size: 50px;
  color: #fff;
      align-content: center;
    align-items: center
}


.circular--portrait {
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  padding: 4px !important
}

.circular--portrait img {
  width: 100% !important;
  height: auto !important;
}

.text-gris{
    color: #34495e !important
}


@media screen and (max-width: 600px) {
   
    #descrip{
        font-size: 20px
    }

}


   //background-image: url(FELICITACIÓN_icono.png); 
   // background-position:50% 50%; 
    //background-repeat:no-repeat;  


/*
#circulo img{
   max-height: 80%;
   max-width: 80%;
} */