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

*{
    font-size:12px;
}
body {
    font-family:verdana,helvetica,arial,sans-serif;
    padding:20px;
    font-size:12px;
    margin:0;
}

h2 {
    font-size:18px;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}
.demo-info{
	padding:0 0 12px 0;
}
.demo-tip{
	display:none;
}
.contenedor
{
    color: #FFFFFF;
    /* 
    color: rgba(242,0,46,0.8);
    */
    /*display: flex;*/
    
    box-shadow: 2px 2px 1px 0px #E6E6E6;
    border-radius:10px;
    /*
    background-color: hsla(120, 50%, 50%, 0.4);
    */
    background-color: #6c8c16;
    padding-top: 0px;
    margin: 1px auto;
    width: 80px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size:10px;
}
.contenedor_panel
{
    color: #090909;
    /* 
    color: rgba(242,0,46,0.8);
    */

    /*display: flex;*/
    flex-wrap: wrap;
    flex-flow: row wrap;

    box-shadow: 2px 2px 1px 0px #E6E6E6;
    border-radius:10px;
    /*
    background-color: hsla(120, 50%, 50%, 0.4);
    */
    background-color: #6c8c16;
    padding-top: 0px;
    margin: 1px auto;
    width: 80px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size:8px;
}
.contenedor_inicio
{
    color: #090909;
    /* 
    color: rgba(242,0,46,0.8);
    */

    /*display: flex;*/
    flex-wrap: wrap;
    flex-flow: row wrap;

    box-shadow: 2px 2px 1px 0px #E6E6E6;
    border-radius:10px;
    /*
    background-color: hsla(120, 50%, 50%, 0.4);
    */
    background-color: #6c8c16;
    padding-top: 0px;
    margin: 1px auto;
    width: 80px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    font-size:10px;
}

.contenedor-elipse
{
    border-radius:50%;
    background-color: LightGreen;
    padding-top: 0px;
    margin: 1px auto;
    width: 80px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size:8px;
}
.notificacion
{
    color: #17202A;
    /* 
    color: rgba(242,0,46,0.8);
    */
    /*display: flex;*/
    
    background-color: #42CA05 FFFFFF;
    
    box-shadow: 2px 2px 2px 2px #6c8c16;
    border-radius:10px;
    /*
    background-color: hsla(120, 50%, 50%, 0.4);
    */
    padding-top: 0px;
    margin: 1px auto;
    width: 300px;
    height: 100px;
    text-align: center;
    font-weight: bold;
    font-size:14px;
}
.email_notifica
{
    color: #17202A;
    /* 
    color: rgba(242,0,46,0.8);
    */
    /*display: flex;*/
    
    background-color: #42CA05 FFFFFF;
    
    box-shadow: 3px 3px 3px 3px #6c8c16;
    border-radius:10px;
    /*
    background-color: hsla(120, 50%, 50%, 0.4);
    */
    padding-top: 0px;
    margin: 1px auto;
    width: 600px;
    height: 300px;
    text-align: center;
    font-weight: bold;
    font-size:16px;
}
a:link, a:visited {
    background-color: #6c8c16;
    color: white;
    padding: 0px 15px;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
}

a:hover, a:active {
    background-color: red;
}

.contenedor_bloqueo
{
    color: #FFFFFF;
    /* 
    color: rgba(242,0,46,0.8);
    */
    /*display: flex;*/
    
    box-shadow: 2px 2px 1px 0px #E6E6E6;
    border-radius:10px;
    /*
    background-color: hsla(120, 50%, 50%, 0.4);
    */
    background-color: #ff0000;
    padding-top: 0px;
    margin: 1px auto;
    width: 80px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size:10px;
}

.notificacion_bloqueo
{
    color: #17202A;
    /* 
    color: rgba(242,0,46,0.8);
    */
    /*display: flex;*/
    
    background-color: #ff7f00;
    
    box-shadow: 2px 2px 2px 2px #6c8c16;
    border-radius:10px;
    /*
    background-color: hsla(120, 50%, 50%, 0.4);
    */
    padding-top: 0px;
    margin: 1px auto;
    width: 300px;
    height: 100px;
    text-align: center;
    font-weight: bold;
    font-size:14px;
}