.tableImg td
        {
            padding: 0px 10px;
            width: 25%;
            vertical-align: center;
        }

        .tableImg td.tdRight
        {
            text-align: right;
            padding-right: 10px;
            font-weight: 900;
   
        }

        .imageButton
        {
            cursor: pointer;
        }

        .simplethumb
        {
            border-radius: 5px;
            cursor: pointer;
            transition: 0.3s;
            border: 1px solid #dee2e6;
            padding:3px;
        }

        .simplethumb:hover
        {
            opacity: 0.7;
        }

        /* The Modal (background) */
        .modal
        {
            displaY: block;
            position: fixed;
            /* Stay in place */
            z-index: 500;
            /* Sit on top */
            /* 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.9);
            /* Black w/ opacity */
        }

        /* Modal Content (image) */
        .modal-content
        {
            margin: auto;
            display: block;
            max-width: 1000px;
        }

        /* Caption of Modal Image */
        #caption
        {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
            text-align: center;
            color: #ccc;
            padding: 10px 0;
        }

        /* Add Animation */
        /*.modal-content,*/
        /*#caption,*/
        /*.inImageBox*/
        /*{*/
        /*    -webkit-animation-name: zoom;*/
        /*    -webkit-animation-duration: 0.6s;*/
        /*    animation-name: zoom;*/
        /*    animation-duration: 0.6s;*/
        /*}*/

        /*@-webkit-keyframes zoom*/
        /*{*/
        /*    from*/
        /*    {*/
        /*        -webkit-transform: scale(0)*/
        /*    }*/

        /*    to*/
        /*    {*/
        /*        -webkit-transform: scale(1)*/
        /*    }*/
        /*}*/

        /*@keyframes zoom*/
        /*{*/
        /*    from*/
        /*    {*/
        /*        transform: scale(0)*/
        /*    }*/

        /*    to*/
        /*    {*/
        /*        transform: scale(1)*/
        /*    }*/
        /*}*/

        .inImageBox
        {
            position: absolute;
            z-index: 501;
            top: 170px;
            background-color: rgba(255, 255, 255, 0.3);
            color: black;
            font-weight: bold;
            padding: 20px;
        }

        .imgNext
        {
            position: absolute;
            right: 0px;
            top: 120px;
            color: orange;
            font-size: 70px;
            font-weight: bold;
            padding-bottom: 150px;
            padding-top: 10px;
            padding-left: 30px;
            cursor: pointer;
        }

        .imgPrev
        {
            position: absolute;
            z-index: 101;
            top: 120px;
            color: orange;
            font-size: 70px;
            font-weight: bold;
            padding-top: 10px;
            padding-bottom: 150px;
            padding-right: 30px;
            cursor: pointer;
        }

   
        .closeImgModal:hover,
        .closeImgModal:focus
        {
          
            text-decoration: none;
            cursor: pointer;
        }

        /* 100% Image Width on Smaller Screens */
        @media only screen and (max-width: 700px)
        {
            .modal-content
            {
                width: 100%;
            }
        }