#alert-pedro{
        padding: 17px;
        border-radius: 5px;
        text-align: center;
        position: fixed;
        bottom: 0px;
        left: 0px;
        top: 0px;
        right: 0px;
        margin: auto;
        overflow: hidden;
        z-index: 99999999;
    }
    .icons-alert{
        font-size: 20px;
        margin: 0px 0 0 0;
    }
    .titulo-alert{
        font-size: 24px;
        margin: 10px;
    }
    .contenido-alert {
        margin: 10px auto;
    }
    .contenedor-alert{
        border-radius: 5px;
        background-color: white;
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        position: relative;
        width: auto;
        padding: 10px;
        z-index: 99999999;
    }
    @media (min-width: 768px) {
        .contenedor-alert {
            width: 300px;
            margin: 30px auto;
        }

        @media (min-width: 992px) {
            .contenedor-alert {
                width: 600px;
            }
        }
    }
    .oscurecer-alert{
        filter: blur(1px) opacity(0.7) !important;
        background-color: black;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        background-color: rgba(0, 0, 0, 0.4);
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: none;
        z-index: 99999998;
    }
    #alert-pedro{
        display: none;
    }
    .line{
      animation: drow_square 2s infinite;
    }

    @keyframes drow_square {
      0%{
        opacity:1;
      }
      50%{
        opacity:0.5;
      }
      100%{
        opacity:1;
      }
    }