#dialogoverlay {
    display: none;
    opacity: 0.7;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFF;
    width: 100%;
    z-index: 10;
    
}

#dialogbox {
    display: none;
    position: fixed;

    /*background: #000;*/
    /*background-color: #306D67;*/
    background-color: white;
    border-radius: 7px;
    width: 550px;
    z-index: 10;
    box-shadow: 2px 2px 20px rgb(235, 235, 227);
}

    #dialogbox > div {
        /*background: #FFF;*/
        /*background-color: #306D67;*/
        background-color: white;
        margin: 8px;
    }

        #dialogbox > div #dialogboxhead {
            /*background: #808080;*/
            /*background-color: #306D67;*/
            background-color: white;
            font-size: 10px;
            padding: 10px;
            /*color: #CCC;*/
            color: darkgray;
            border-radius:5px;
        }

        #dialogbox > div #dialogboxbody {
            background-color: whitesmoke;
            color: black;
            text-align: center;
            font-weight: bold;
            font-family: 'Montserrat';
            padding: 20px;
            box-shadow: 2px 2px 20px rgb(235, 235, 227);
        }

        #dialogbox > div #dialogboxfoot {
            background-color: whitesmoke;
            /*background: #666;*/
            padding: 10px;
            text-align: center;
        }



@media screen and (max-width: 600px) {
    /*Phone screen*/
    #dialogbox {
        width: 84%;
        margin-left: 95px;
        /*background-color: #306D67;*/
    }
}