body{

    background-color: navy;

    /* border: 1px solid white; */
    border-right: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    
 }


    /* LOGO, NAME */
    #logoInfo{
        color:gold;
        text-align: center;
        display: flex;
        align-items: start;
        flex-direction: column;
        margin-left: 0px;
        position: relative;
        top: -20px;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }


    #logoInfo a{
        color: white;
        text-decoration: none;
        padding: 10px;
        position: relative;
        left: 10px;
        top: -15px;
        font-family:Georgia, 'Times New Roman', Times, serif;
    }


    /* INVOICE TITLE*/

    #invoice{
        color: gold;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 20px;
        margin-top: 45px;
        font-family:'Courier New', Courier, monospace;
    }

    /* INVOICE FIELD */

    #containerInvoice{
        background-color: rgb(0, 0, 0);
        border-radius: 5%;
        border: 1px solid white;
        width: 100%;
        height: 100%;
        margin-top: -15px;
    }


        #invoiceSec{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            
        } 

            /* Order Number */

        #orderNumb{
            /* background-color: aqua; */
            color: white;
            background-color: black;
            position: absolute;
            text-align: center;
            top: 0;
            left: 0;
            margin-top: 170px;
            margin-left: 20px;
            font-size: 1.2em;
            z-index: 6;
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        }

        /* #orderNumb > table{
            border-left: 1px solid red;
        } */


            /* Customer Date  */

            #orderDate{
                position: absolute;
                background-color: black;
                color: white;
                text-align: center;
                right: 0;
                top: 0;
                margin-top: 166px;
                font-size: 1.2em;
                margin-right: 20px;
                z-index: 4;
                font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            }
/* 
            #orderDate > table{
                border-left: 1px solid red
            } */



            /* Customer Info  */

        #custInfo{
            /* background-color: beige; */
            color: white;
            position: relative;
            top: 3em;
            text-align: center;
            width: 90%;
        }

        #custInfo > h2{
            color: white;
            border-bottom: 1px solid gold;
        }

        #custInfo table th{
            font-size: 1.5em;
            font-weight: 500;
            border-left: 1px solid gold;
            border-right: 1px solid gold;
            border-bottom: 1px solid gold;
            /* background-color: navy; */
            color: white;
            width: 10%;
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        }

             /* Customer Details */

        #custOrderDetail{
            /* background-color: palegreen; */
            color: white;
            position: relative;
            top: 4em;
            width: 90%;
            text-align: center;
        }

        #custOrderDetail > h2{
            color: white;
            border-bottom: 1px solid gold;
        }

        #custOrderDetail table th{
            font-size: 1.5em;
            font-weight: 500;
            border-left: 1px solid gold;
            border-right: 1px solid gold;
            border-bottom: 1px solid gold;
            /* background-color: navy; */
            color: white;
            width: 10%;
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        }

        #custOrderDetail > tbody{
            background-color: antiquewhite;
        }

    
        /* Search Customer */
        #lookUpCon{
            display: none;
        }


        .lookUp{
            display: flex;
            flex-direction: column;
            position: absolute;
            left: 50%;
            top: 10%;
            background-color: navy;
            border-radius: 5%;
            /* border: 1px solid gold; */
            z-index: 4;
        }

        #searchField{
            background-color: gold;
            color: black;
            text-align: center;
            font-weight: 600;
            position: relative;
            width: 50%;
            margin-left: 25%;
        }

        #searchValue{
            text-align: center;
            position: relative;
        }

        #searchBtn{
            width: 55%;
            position: relative;
            left: 20%;
            background-color: gold;

        }

    
        #searchUpCus{
            position: absolute;
            width: 50%;
            left: 52%;
            top: 0;
            margin-top: 10px;
            z-index: 5;
        }

        .fa-print-magnifying-glass{
            color: gold;
            font-size: 2em;
        }

        #logo{
            width: 30vw;
            position: absolute;
            bottom: 0;
            right: 0;
            display: none;
        }


        /* BACK HOME */

        #backHomeIcone{
            position:fixed;
            bottom: 10px;
            z-index: 9;
            margin-left: 15px;
        }

        .fa-house-chimney{
            position: sticky;
            font-size: 2em;
            z-index: 8;
            color: white;
        }

/* 
    #invoiceTitle{
        text-align: right;
        padding-right: 20px;
        color: gold;
        font-family:'Times New Roman', Times, serif;
    } */

    /* .fa-map-location-dot{
        color: white;
        filter: drop-shadow(1px 1px 1px green);
        font-size: 2em;
        position: relative;
        top: 10px;
    } */


    /* h3{
        position: relative;
        left: 25%;
        width: 50%;
        color: gold;
        font-family:'Times New Roman', Times, serif;
    }

    #invoiceContainer{
        display: flex;
        flex-direction: column;
    }   

    section{ */
        /* background-color: black; */
        /* display: flex;
        height: auto;
        flex-direction: column;
        align-items:start;
        text-align: center;
        position: relative;
        top: -40px;
    }

    section a{
        color: white;
        position: relative;
        left: 6%;
        top: -20px;
        text-decoration: none;
        padding: 2vw;
    }

    section h2{
        color: gold;
        position: relative;
        left: 5%;
        top: -10px;
        font-family:'Times New Roman', Times, serif;
    }

    #dataTable2, #dataTable3{
        position: relative;
        width: 100%;
    }



    th{
        color:white;
        border: 1px solid white;
        border-radius: 10%;
        font-size: 1.2em;
        text-align: center;
    }
    
    tbody{
        background-color: lightgoldenrodyellow;
        font-weight: 400;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;;
    } */

    /*  LOOK UP SECTION */

 


    /* .fa-left-from-bracket{
        color: gold;
        font-size: 2em;
        position: absolute;
        left: 5px;
        top: 5px;
    } */