html, body {
            width: 100%;
            overflow-x: hidden;
        }

        body {
            font-family: 'Open Sans', Arial, sans-serif;
            font-size: 16px;
            padding-bottom: 50px;
        }

        /*Form Layout*/

        .header {
            margin-bottom: 30px;
        }

        .container {
            max-width: 500px;
            margin: 0 auto;
            width: 100%;
            padding: 0 30px;
        }

            .container .row {
                margin-bottom: 0px;
            }

        @media (min-width: 540px) {
            .container {
                padding: 0;
            }
        }

        img.responsive {
            width: 100%;
            max-width: 900px;
            height: auto;
        }

        .width-100 {
            width: 100%;
        }

        .row h4 {
            width: 100%;
            margin-top: 20px;
            font-size: 1.125rem;
            font-weight: 800;
            margin-bottom: 20px;
        }

        .row h5 {
            font-size: 1rem;
            font-weight: 800;
            margin: 20px 0 10px;
            width: 100%;
        }

        .row > label {
            font-size: 1rem;
            margin-bottom: 5px;
        }

        .row .select {
            position: relative;
            width: 100%;
        }

            .row .select::before {
                background: none;
                display: block;
                font-family: 'Font Awesome 5 Free';
                content: '\f0d7';
                font-size: 20px;
                position: absolute;
                pointer-events: none;
                z-index: 20;
                top: 6px;
                right: 10px;
                color: black;
                font-weight: 800;
            }

        .row select, .row > input[type=text], .row > input[type=number] {
            border: 1px solid #ccc;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            width: 100%;
            margin-bottom: 20px;
        }

        input::-webkit-inner-spin-button,
        input::-webkit-clear-button {
            display: none;
        }

        .row select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer;
        }

        .heading {
            color: crimson;
        }

        .text-small {
            font-size: 14px;
        }

        input[type=submit] {
            margin-top: 30px;
            cursor: pointer;
            background: darkgreen;
            color: #fff;
            outline: none;
            border: none;
            line-height: 35px;
            padding: 0 30px;
        }

            input[type=submit]:disabled, input[type=submit]:disabled:hover {
                background: #666;
                color: #999;
                cursor: default;
            }

            input[type=submit]:hover {
                background: green;
            }

        /* Checkbox/Radio buttons */

        input[type=checkbox], input[type=radio] {
            display: none;
        }

            input[type=checkbox] + label, input[type=radio] + label {
                font-weight: 400;
                padding-left: 36px;
                position: relative;
                cursor: pointer;
            }

                input[type=checkbox] + label::before, input[type=radio] + label::before {
                    font-family: 'Font Awesome 5 Free';
                    display: inline-block;
                    position: absolute;
                    top: -1px;
                    left: 1px;
                    letter-spacing: 10px;
                    font-size: 26px;
                    line-height: 26px;
                    color: #ccc;
                    font-weight: 400;
                }

                input[type=checkbox] + label::before {
                    content: "\f0c8";
                }

            input[type=checkbox]:checked + label::before {
                font-weight: 900;
                content: "\f14a";
                color: darkgreen;
            }

            input[type=radio] + label::before {
                content: "\f111";
            }

            input[type=radio]:checked + label::before {
                font-weight: 900;
                color: darkgreen;
            }

        ul, ol {
            padding-inline-start: 20px;
            margin-block-start: 5px;
            margin-block-end: 10px;
        }

        /*Table Content*/

        .slot-table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0px;
        }

            .slot-table tr td {
                height: 40px;
                padding: 0;
                border: 1px solid #ddd !important;
            }

                .slot-table tr td:first-child {
                    width: 110px;
                    font-size: 14px;
                    background: #eee;
                    padding: 5px;
                    text-align: center;
                }

                .slot-table tr td.select {
                    width: auto;
                }

                .slot-table tr td select {
                    line-height: 40px;
                    height: 40px;
                    border: none;
                    outline: none;
                    width: 100%;
                    margin-bottom: 0px;
                }

            .slot-table select:required:invalid {
                color: grey;
            }

            .slot-table select option[value=""][disabled] {
                display: none;
            }

            .slot-table select option {
                color: black;
            }