﻿.shadow_Box {
    text-align: center;

    box-shadow: 0px 0px 0.50em #d9d9d9;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    -moz-box-shadow: 0px 0px 0.50em #d9d9d9;
    -webkit-box-shadow: 0px 0px 0.50em #d9d9d9
}

.box_Div {
    text-align: center;
    background-color: ghostwhite;
    border: 0.1vw solid powderblue;

    border-radius: 0.2vw;
    box-shadow: 0px 0px 0.50em #d9d9d9;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    -moz-box-shadow: 0px 0px 0.50em #d9d9d9;
    -webkit-box-shadow: 0px 0px 0.50em #d9d9d9
}

.div_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.div_Header {
    /* Content Section */
    text-align: center;
    color: ghostwhite;

    /* Border Section */
    border: 0.1vw solid powderblue;
    padding: 0.5vw;
    margin: auto;
    border-radius: 0.5vw;

    /* Shadow Section */
    box-shadow: 0px 0px 0.50em #d9d9d9;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    -moz-box-shadow: 0px 0px 0.50em #d9d9d9;
    -webkit-box-shadow: 0px 0px 0.50em #d9d9d9
}

.div_Panel {
    /* Content Section */
    text-align: center;
    background-color: white;
    overflow: auto;

    /* Border Section */
    border: 0.1vw solid darkkhaki;
    padding: 0.4vw;
    margin: auto;
    border-radius: 0.4vw;

    /* Shadow Section */
    box-shadow: 0px 0px 0.50em #d9d9d9;
    -moz-border-radius: 0.125em;
    -webkit-border-radius: 0.125em;
    -moz-box-shadow: 0px 0px 0.50em #d9d9d9;
    -webkit-box-shadow: 0px 0px 0.50em #d9d9d9
}

div.container4 {
    position: relative
}

    div.container4 p {
        background: yellow;
        position: absolute;
        transform: translate(-50%, -50%)
    }

.centerIt {
    vertical-align: middle;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: block;
}

/* The alert message box */
.failed {
    background-color: #f44336; /* Red */
    color: white;
}

/* The alert message box */
.success {
    background-color: #006600; /* Green */
    color: white;
}

/* Label Alert Options*/
.alertData {
    color: ghostwhite;
    letter-spacing: 0.03em;
}

/* Box Wrapper - Div or Panel*/
.wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/* The close button */
.closebtn {
    color: white;
    float: right;
    cursor: pointer;
    transition: 0.3s;
}

    /* When moving the mouse over the close button */
    .closebtn:hover {
        color: black;
    }

.mod_Label {
    text-align: center
}

