/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 20, 2020, 4:07:18 PM
    Author     : chu
*/


            /* The Modal (background) */
            .modal {
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
/*                padding-top: 100px;  Location of the box */
                left: 0;
                top: 0;
                width: 100%; /* Full width */
                height: 100% ; /* Full height */
/*                overflow: auto; ;  Enable scroll if needed */
                background-color: rgb(0,0,0); /* Fallback color */
                background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
            }

            /* Modal Content */
            .modal-content {
                background-color: white;
/*         margin: auto;      */
                padding: 20px;
/*                border: 1px solid #888;*/
border-radius: 7px;
                width: 80%;
                /*---*/
                height: 70%;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                overflow-y:scroll;
            }

            /* The Close Button */
            .close {
                color: #aaaaaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
            }

            .close:hover,
            .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }