.jqModal {
    display: none; /* By default, display will be hidden */
    position: fixed; /* Position will be fixed */
    z-index: 1; /* makes the modal box display on the top */
    padding-top: 150px; /* Location of the modal box */
    left: 0;
    top: 0;
    width: 100%; /* width 100%, resizable according to window size */
    height: 100%; /* height 100%, resizable according to window size */
    overflow: auto; /* Enable scroll if needed */
    
    background-color: rgb(0,0,0); /* color for the Fallback */
    background-color: rgba(0,0,0,0.7); /* Opacity for the fallback */
}
/* CSS for Modal Dialog Content Text */
.content {
    background-color: #FFF;
    margin: auto;
    padding: 20px;
    border: 3px solid #d8d4d4;
    width: 50%;
    overflow-x: hidden;
    overflow-y: auto;
}
/* CSS for Cross or exit or close Button */
.exit {
    color: #ff0000;
    float: right;
    font-size: 30px;
    font-weight: bold;
}

    .exit:hover 
    .exit:focus {
        color: #5be660;
        cursor: pointer;
    }

#modalBtn {
    background-color: #3478ee;
    color: white;
    padding: 12px 20px;
    margin: 10px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}