@charset "UTF-8";
/* CSS Document */

.h20{
  height:20px;
}

.kp-alert-overlay {
  background-color: rgba(0,0,0,0.50);
  width:      100%;
  height:     100%; 
  z-index:    300;
  top:        0; 
  left:       0; 
  position:   fixed; 
  display:    none;
  padding:30px;
  box-sizing:border-box;
  overflow-y: auto;
}



.kp-alert{
    background-color:#fff;
    max-width:400px;
    width:calc(100% - 60px); /* Deja 30px a cada lado */
    border-radius:34px;
    font-family:'Filson Pro', Arial;
    font-size:18px;
    font-weight:500;
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.23);
    text-align:center;
    overflow:hidden;
    line-height:normal;
    margin: auto;
    position:relative;
  }

.kp-alert-anim{
    animation:spin 4s linear infinite;
}
/* rotate 360 key for refresh btn */
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.kpalert-background{
  background:linear-gradient(90deg, #F78B83, #EDF67F); height:10px; width:100%;
}

#kpAlertIcon{
  margin-bottom:20px; margin-top:25px;
}

#kpAlertIcon i{
  font-size:60px;
}

#kpAlertMessage{
  color:#343434; padding:0px 20px;
}

#kpAlertButtons{
  height:25px;
}

.ok-icon{
  color:#A4DD00;
}

.info-icon{
  color:#EF8B8B;
}

.error-icon{
  color:#EC554C;
}

.confirm-icon{
  color:#FF894F;
}

.loading-icon{
  color:#EF8B8B;
}