*{
    margin: 0%;
    padding: 0%; 
}body{
    margin: 0%;
    padding: 0%; 
     background-color: whitesmoke;
}
legend {
    display: none;
}
#ivDropDown, #ioDropDown{
    display: none; 
}
#outPutText {
    display: none; 
    background-color: antiquewhite;
    border: 2px solid grey; 
}
/*Form Container*/ 
#callInfoForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.5em;
}
/*Fieldset container class: container*/
/*Container id's: caoContainer, sexContainer, possitionContainer, abcContainer, pupilContainer, skincontainer, pulseContainer, transportContainer  */
/* Colors: 'EMS Red' rgb(194, 0, 0), 'EMS Blue' rgb(0, 51, 153)*/
fieldset {
    background-color: rgb(255,235,205);
}
/* For fieldsets that include textual input only */
.divTextInput {
    border: 2px groove black;
    border-radius: 8px;
    width: 70vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.container { 
    position: relative; 
    display: flex;
    flex-direction: column;
    background-color: rgb(255,235,185);
    border: 2px groove black;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    padding-top: 30px;
    width: 70vw;
}
.innerContainer {
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 3px 0px; 
}
/*Container Header*/
.containerLegendP {
    align-self: center;
    margin: 0 0 1rem 0; 
    position: absolute; 
    top: 0;
    width: 95%;
    background: rgb(0, 51, 153);
    color: whitesmoke;
    font-weight: bold;
    text-align: center;
    padding-left: 2px;
    border-bottom: 2px groove black;
    border-left: 0.5px groove black;
    border-right: 0.5px groove black;
    border-radius: 6px;
    font-size: 130%;
}
.innerLP {
    position: relative;
    font-size: 120%; 
}
.dropDownheader {
    margin: 1rem 0 0.25rem 0;  
}
/*Drop Downs*/
.dropDown {
    display: none;
}
/*Input*/
.buttonButton {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
} 
.buttonLabel {
    cursor: pointer;
    display: inline-block;
    background-color: whitesmoke;
    color: darkred; 
    border: 2px solid grey; 
    border-radius: 4px;
    margin: 3px 1.5px;
    padding: 10px;
    font-size: 115%; 
    transition: all 150ms ease-in;
}
.inputText {
    padding: 6px;
}
.inputSelect {
    padding: 6px;
    text-align: center;
}
.lblTextInput{
    font-size: 120%;
}
.buttonLabel:hover {
    background-color: grey;
}
.buttonButton:checked + label {
    background-color: rgb(0, 51, 153);
    color: whitesmoke; 
}
#presentHistoryTextBox {
    min-height: 75px; 
}
.btnSubmit {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 110%;
    padding: 5px;
    background-color: whitesmoke;
    color: darkred; 
    border: 2px outset grey;
    border-radius: 6px;
    transition: all 150ms ease-in;
}
.btnSubmit:hover {
    background-color: grey;
}
.btnSubmit:active, .btnSubmit:focus {
    background-color: rgb(0, 51, 153);
    color: whitesmoke;
} 
/*Footer*/
footer {
    background-color: rgb(0, 51, 153);
    display: flex;
    justify-content: center;
    color:rgb(255,235,185); 
}
/*Output*/
.headToToe {
    display: none;
}
/*Misc Styles*/
.leftText {
    text-align: left;
}
/*Media Queries*/
@media only screen and (min-width: 550px){
    header h1 {
        font-size: 300%;
    }
    header p {
        font-size: 120%;
    }
    
    .divTextInput {
        flex-direction: row;
        width: 495px;
    }
    .divTextInput input:first-of-type {
        margin-left: 5px; 
    }
    #natureTransportLabel {
        margin-left: 5px; 
    }
    #nlsLeft {
        margin-left: 5px; 
    }
    .container {
        width: 495px;
    }

}