.alarmInfoWrap {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    z-index: 999;
}
.wrap-dialog {
    position: fixed;
    top: 20%;
    left: 40%;
    width: 30%;
    height: 30%;
    font-size: 1.2rem;
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    /*border:solid 1px red;*/
}
.dialog {
    position: relative;
    margin: 0.5%;
    width: 99%;
    height: 98%;
    background-color: #FFFFFF;
    /*border: solid 1px blue;*/
}
    .dialog .dialog-header {
        height: 20%;
        /*padding: 2%;*/
        background-color: lightskyblue;
        border: solid 1px #ffd800;
    }
    .dialog .dialog-header .dialog-title {
        font-size: 1.2rem;
        padding: 2%;
    }

    .dialog .dialog-body {
        height: 60%;
        padding: 2%;
        font-size: 1rem;
        /*/*border:solid 1px #b6ff00;*/
    }

    .dialog .dialog-footer {
        height: 19.5%;
        background-color: whitesmoke;
        /*border:solid 1px #1cd4f8;*/
    }
        .dialog .dialog-footer .btn {
            width: 15%;
            /*padding: 2%;*/
            height: 88%;
            color: blue;
            background-color:transparent;
            border: none;
        }

.hide {
    display: none;
}

.ml50 {
    margin-left: 40%;
}