/**
Autor:Rodrigo Chambi.
Estilo para mostrar la tostadora
*/
.crd-alert {
    display: block;
    position: fixed;
    width: 250px;
    z-index: 10000 !important;
    top: 20px;
    right: 20px;
    border-radius: 4px;
}
.crd-alert .content{
  display: grid; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 0.2fr 1.8fr;
  gap: 0px 0px; 
  margin-bottom: 10px;
  margin-top: 10px;
}
.crd-alert.info{
    border: 1px solid #045faa;
    background-color: #a3daff;
    color: #045faa;
    font-size: 14px;   
    margin-top: 60px;
}
.crd-alert.succes{
   border: 1px solid #04aa6d;
    background-color: #a3ffdd;
    color: #04aa6d;
    font-size: 14px;  
    margin-top: 60px;
}
.crd-alert.error{
   border: 1px solid #aa0404;
    background-color: #ffa3a3;
     color: #aa0404;
    font-size: 14px; 
    margin-top: 60px;
}
.crd-alert .close{
  height: 24px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.crd-alert.succes .close{
  border-bottom: 1px solid #04aa6d; 
}
.crd-alert.error .close{
  border-bottom: 1px solid #aa0404;
}
.crd-alert .content{
  padding: 4px;
   font-size: 12px;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.crd-alert .content .icon {
  padding-left: 10px;
  width: 40px;
}
.crd-alert .content .icon svg{
  transform: scale(1.5);
  max-height: 20px;
  display: inline;
}
.crd-alert .close b{
  display: block;
 margin-left: 10px;
 padding-top: 2px;
}
.crd-alert .close span{
  display: block;
  position: relative;
  left: 90%;
  top: -89%;
}
.crd-alert .close svg{
  transform: scale(0.6);
  cursor: pointer;
  max-height: 26px;
  display: inline;
}
.crd-alert.info .icon, .crd-alert.info .close{
  fill: #045faa;
}
.crd-alert.succes .icon, .crd-alert.succes .close{
  fill:#04aa6d;
}
.crd-alert.error .icon, .crd-alert.error .close{
  fill:#aa0404;
}