body {
            font-family: "Lato", sans-serif;
            word-wrap: break-word;

        }

        h1 {
            text-align: center;
            font-weight: bold;
        }

        h2 {
            text-align: center;
            font-weight: bold;
        }

        /* Style the tab */
        .tab {
            float: left;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
            width: 15%;
            height: 100%;
            margin: 0;
            padding: 0;
            background-color: #f1f1f1;
            position: fixed;
            overflow: auto;
            word-wrap: break-word;

        }

        #tabnav {
            height: 100vh;
        }

        /* Style the buttons inside the tab */
        .tab button {
            display: block;
            background-color: inherit;
            color: black;
            padding: 22px 16px;
            width: 100%;
            border: none;
            outline: none;
            text-align: left;
            cursor: pointer;
            transition: 0.3s;
            font-size: 17px;
        }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current "tab button" class */
        .tab button.active {
            background-color: #ccc;
        }

        /* Style the tab content */
        .tabcontent {
            float: left;
            width: auto;
            height: 100%;
            padding: 5px;
        }

        table {
            background-color: #fff;
            font-weight: bold;
            font-size: medium;
            table-layout: fixed;
        }

        table {
            text-align: center;
            word-wrap: break-word;

        }

        table#example td,
        th,
        thead {
            text-align: center;
            word-wrap: break-word;

        }

        table#example th {
            text-align: center;
            word-wrap: break-word;

        }

        table#example1 td,
        th,
        thead {
            text-align: center;
            word-wrap: break-word;

        }

        table#example1 th {
            text-align: center;
            word-wrap: break-word;

        }

        table#example3 td,
        th,
        thead {
            text-align: center;
            word-wrap: break-word;

        }

        table#example3 th {
            text-align: center;
            word-wrap: break-word;

        }


        #image {
            text-align: center;
            margin: auto;
        }

        input,
        select {
            width: 100%;
            text-align: center;
        }

        #headerbtn {
            background-color: #04AA6D;
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            cursor: pointer;
        }

        #headerbtnPrint {
            background-color: #04AA6D;
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            cursor: pointer;
        }

        h1 {
            text-align: center;
        }

        #Quantity {
            border: 1px;
            border-color: black;
        }

        .example2 {
            width: auto;
            text-align: center;
        }

        div.tabcontent {
            margin-left: 16%;
            height: auto;
        }

        /* On screens that are less than 700px wide, make the sidebar into a topbar */
        @media screen and (max-width: 700px) {
            .tab {
                width: 100%;
                position: relative;
            }

            #tabnav {
                height: auto;
            }

            #newfilm {
                display: none;
            }

            #headerbtnPrint {
                display: none;
            }

            #listprint {
                display: none;
            }

            #addfilmbtn {
                display: none;
            }

            .tab a {
                float: left;
            }

            div.tabcontent {
                margin-left: 0;
            }

            td {
                overflow: hidden;
                word-wrap: break-word;
            }
        }