onpe-alert/onpe-alert.css

Componente para mostrar mensajes de resultados.

/*
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 : 09-mar-2017, 14:38:35
    Author     : RRojas
*/



/*********************************************************/
/*****  OFICINA NACIONAL DE PROCESOS ELECTORALES ONPE ****/
/******************* Area: Gite; *************************/
/****** Autor del codigo css = Edgardo M Paresdes M ******/
/*********************************************************/

.content-alert{
    width: 100%;
    max-width: 610px;
}
.content-alert h1{
    font-size: 36px;
    color: #4e4e4e;
    font-weight: 600;
    display: inline-block;
    height: auto;
    line-height: 32px;
    padding-top: 12px;
    margin: 0;
    min-width: initial;
}

.content-alert .img-alert {
    height: 70px;
    width: 80px;
    min-width: 80px;
}

.content-alert .mensaje {
    letter-spacing: 0px !important;
    max-width: 90%;
    color: #616161;
    line-height: 23px;
    margin-bottom: 37px;
    margin-top: 20px;
    text-align: left;
}


.content-alert .md-button.md-default-theme.md-warn, .content-alert .md-button.md-warn {
    color: rgb(221,44,0);
}

md-dialog .md-dialog-content {
    padding: 0px; /* 11px; */
}

.content-alert  .cont-alert{
    padding: 38px 32px;
    border: 4px solid;
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}


.content-alert.check .cont-alert {
    border-color: #8CC24F;
}

.content-alert.warning .cont-alert{
    border-color: #FECC03;
}

.content-alert.error .cont-alert{
    border-color: #DC1B1F;
}

.content-alert.msg .cont-alert{
    border-color: #01B2DD;
}


.content-alert.msg  .md-button, .content-alert.check .md-button, .content-alert.error .md-button, .content-alert.warning .md-button {
    font-size: 18px !important;
    min-width: 120px;
}

.ico_alert{
    width: 34px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.ico_alert img{
    width: 34px;
    height: 34px;
}

.ico_alert img.check{
    background: #8CC24F;
}

.ico_alert img.warning{
    background: #FECC03;
}

.ico_alert img.error{
    background: #DC1B1F;
}

.ico_alert img.msg{
    background: #01B2DD;
}