body {
    padding: 0em;
    margin: 0em;
    min-height: 100%;
    height: 100%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    background: #004357;
}

.formcontainer {
    z-index: 200;
    border-radius: 3px;
    padding: 2em;
    max-width: 80%;
    width: 800px;
    background: #FFF;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    text-align: center;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-top: 0em;
    font-size:1.5em;
}

h2{
	font-size:1.2em;
	margin-top:.25em; 
	margin-bottom:.25em
}

hr{margin:1em 0em}
hr.invisible{border-color:#0000; clear:both; margin:0em}

.callout{justify-content: flex-start;border:1px solid #CCC;/* margin:0em 0em 1em 1em; */padding:1em 1em 1em 1em;/* max-width:25%; */background:#EEE;display: flex;flex-direction: column;}
.callout h2,
.callout p{margin:0em 0em .25em 0em;}
.callout p{flex-grow: 1;}
.callout button{margin-top:1em}
.callout .input-group{display:flex;}
.callout .input-group input{flex-grow:1}
.callout .input-group button{margin:0em}
button {
    padding: 1em 1.5em;
    font-size: 16px;
    border-radius: 2px;
    font-weight: Bold;
    border: none;
    color: #FFF;
    background: #004357;
    cursor:pointer;
}
button:hover{background:#0B6F8D}

.svgcontainer {
    --imgsize:60px;
    display: flex;
    grid-template-columns:auto 1fr auto;
    margin-bottom:2em;
    justify-content: space-between;
    align-items: center;
}

	.svgcontainer img {height:var(--imgsize);max-width:40%}
	.svgcontainer img:nth-child(odd){grid-column:1}
	.svgcontainer img:nth-child(even){grid-column:3}

.messages{text-align:center; font-weight:bold; color:#C00}
.messages p.success{color:#69a42d;}
.messages p.black{color:#000}

.successmessage{margin:1em 0em; padding:1em; border-radius:3px; border:2px solid #69a42d; box-shadow:0px 0px .25em #69a42d33 inset; background-color:#69a42d22; color:#69a42d; text-align:center;}
.successmessage p{color:#000}

.grid {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: auto 1fr;
    position: relative;
    justify-content: center;
    adding:0em 0em 2em 0em; margin:0em 0em; 
}	
	
	.grid p{margin:0em}
	.grid h2{margin:1em 0em 0em 0em}
	.grid .messages{display:none; text-align:right}
	.grid .gridspan{grid-column:1/-1;}
	
	.grid label {
	    font-weight: bold; position:relative; top:.3em
	}
	.grid label[required]:after, 
	.grid strong[required]:after{content:"*"; color:#C00; margin-left:.3em}
	
	.grid input, 
	.grid select {
	    border-radius: 3px;
	    padding: 3px;
	    border: 1px solid #CCC;
	    padding: .5em .5em;
	}
	.grid input[disabled]{
		cursor:not-allowed; 
		background:#EEE
	}
		.grid .checkboxwrapper{display:grid; font-weight:normal !important; grid-template-columns:auto 1fr; align-items:center; justify-content:center}
		.grid .checkboxwrapper input{margin:0em 1em 0em 0em; position:relative; top:-.25em; width:1.5em; height:1.5em; margin-top:0em;}
	
	.grid .wide, 
	.grid .input-group,
	.grid .input-group-rows{display:flex}
	
	.grid .wide>*:first-child{flex-grow:1000;}
	
	.grid .input-group>*:first-child{ border-top-right-radius:0em; border-bottom-right-radius:0em}
	.grid .input-group>*:last-child{border-top-left-radius:0em; border-bottom-left-radius:0em}
	.grid .input-group>button{padding:.5em 1em; font-size:14px;}
	
	.grid .input-group-rows{flex-direction:column;}
	.grid .input-group-rows>*:not(last-child){border-bottom-left-radius:0em; border-bottom-right-radius:0em;}
	.grid .input-group-rows>*:not(:first-child){border-top-left-radius:0em; border-top-right-radius:0em; border-top:0em;}

.sr-only{display:none}
@media reader{
	.sr-only{display:block}
}


.orgstatusquestions label,
.orgstatusquestions input{margin:1em .5em 1em 0em ; top:0em !important;}
.orgstatusquestions p{margin-bottom:1em !important;}
.opyes, .opno{display:none}