/*
body { max-width: 950px; min-width: 700px; width: 100%; min-width: 770px; width: 100%; text-align: center; margin: 5px auto; color: #384161; }
div#container { width: 950px; background: url('JLGBbottom.jpg') no-repeat bottom; padding-bottom: 130px; overflow: hidden; }
#container div#title { background: none; height: 251px; overflow: hidden; padding: 5px; color: #000000; text-align: left; }
div#heading { font-family: 'Arial Rounded MT Bold', 'Arial'; text-align: center; margin: 70px 0 0 305px; width: 630px; overflow: hidden; }
div#heading h1 { margin: 0; font-size: 28pt; }
div#body table { margin: 0 auto; border-collapse: collapse; }
div#body table th { text-align: right; padding: 2px 5px; vertical-align: top }
div#body table td { text-align: left; padding: 2px 5px; }
div#signature { text-align: left; padding: 0 1em; margin-top: 2em; font-size: 14pt; }
*/

body {color: #1b1464;}
#container div#title {background: none;height: auto;}
div#title #heading h1 { text-align: center; }

input[type=text], input[type=date], input[type=tel], input[type=email], input[type=password], textarea, input[type=number], select {
    max-width: 90%;
    width: 90%;
}

input[type=number] {
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid darkgray;
    padding: 11px 20px;
    color: #333333;
    border-radius: 5px;
    max-width: 100%;
    width: 316px;
    max-width: 316px;
    width: 100%;
    font-size: 1rem;
}

form table { table-layout: fixed;}

fieldset table th { width: 40%; }
fieldset table td { width: 60%; text-align: left; }

#amountContainer {max-width: 100%;width: 100%;/* margin: 0px 0px 0px 23px; */position: relative;right: 15px;}
#amount {max-width: 90%;}



.cctd { text-align: left; }
.center { text-align: center !important; }
tr.hide { display: none; }
tr.show { display: table-row; }
.error_strings li { color: red; }

input[type="submit"] {
    background-color: #1b1d64;
    color: #ffffff;
    box-shadow: none;
    border: none;
    margin: 10px 0px 0px 0px;
    padding: 13px 15px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 9px;
}
.noborder th, .noborder td { border: none; }


@media(max-width:768px){
    fieldset table {padding: 14px 16px 14px 16px;}
    fieldset table td:nth-of-type(odd) { padding-right: 0; }
}

@media(max-width:600px){
    fieldset table {padding: 14px 16px 14px 16px;}
	fieldset table th { display: none; }
	fieldset table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        /* float: left; */
        float: none;
        font-weight: bold;
        clear: both;
        display: block;
        text-align: left;
    }
    fieldset table td {width: 100%;text-align: left;padding: 10px 0px 10px 0px !important;}
    #amountContainer { left: 0; }
    #amount { max-width: calc(100% - 15px); }
    input[type=text], input[type=date], input[type=tel], input[type=email], input[type=password], textarea, input[type=number], select {
        max-width: 100%;
        width: 100%;
    }

}

.warn {
    background-color: var(--yellow);
    padding: 1em;
    border-radius: 0.5em;
}

.embedded .banner, .embedded .footer, .embedded #topmargin {
    display: none;
}
.embedded #title {
    padding-top: 0;
}