html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

label {
    color:black;
}

.navBar {
    background-color: rgb(104, 185, 220);
}

.headerText {
    color:white;
}

h4 {
    font-family: 'Trebuchet MS';
    
}

.boxHeader {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin: 13px 3px 3px 3px;
    color: rgb(144, 43, 118);
}

.inputBox {
    border: solid 1px black;
    margin:5px;
    padding:5px 0px 10px 5px;
    overflow:hidden;
}

.form-label {
    font-weight: bold;
    width: 80%;
    color: rgb(144, 43, 118);
    padding: 3px 3px 0px 10px;
}

.form-control {
    width: 80%;
    margin: 0px 3px 13px 10px;
}

.form-select {
    width: 80%;
    margin: 0px 3px 13px 10px;
}

.formCheckbox {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 9px;
    border: 2px solid #555;
    margin: 5px 0px 0px 25px;
}

.formColumn {
    float: left;
}

.radioBtn {
    height:20px;
    width:20px;
}

.radioBtnRow {
    display: inline-block;
    margin-left: 10px;
}

.radioBtnItem {
    float: left;
    position: relative;
    margin: 0% 8% 0% 8%
}

.checkbox {    
    height: 22px;
    width: 22px;
    vertical-align: middle;
}

.drugCheckboxRow {
    display:unset;/* inline-block;*/
    margin-left: 10px;
    max-width: 600px;
    min-width: 550px;

}

.alcCheckboxRow {
    display: inline-block;
    margin-left: 10px;
    max-width: 600px;
    min-width: 550px;
}

.singleTestRow {
    display: inline-block;
    margin-left: 10px;
    /*    max-width: 150px;*/
    /*min-width: 130px;*/
}

.checkboxItem {
    float: left;
    position: relative;
    margin: 1% 2% 1% 2%;
    min-width: 15%;
    display: inline-block;
    padding: 3px;    
}

.alcoholLabel {
    font-size: 95%;
    max-width: 130px;
    min-width: 130px;
    vertical-align: middle;
    font-family: Calibri;
}

.drugLabel {
    font-size: 89%;
    font-family:Calibri;
    max-width: 130px;
    min-width: 118px;
    vertical-align: middle;
}

.sampleTypelabel {
    margin-left:5px;
}



#sampleCheckboxRow {
    display:  inline-block;
    margin-left:13px;
}

#submitBtn {
    margin: 5px 15px 30px 20px;
    padding: 0px 15px 0px 15px;
    height: 50px;
    font-size: 22px;
    font-family: Calibri;
    font-weight: bold;
    /*background-color:rgb(140, 227, 113);*/
    background-color: rgb(234, 8, 130);
    border: none;
}

#hDeal_GeneralNotes {
    height:100px;
}

#formColumnLeft {
    padding-right:35px;
}

#formColumnRight {
    padding-left: 0px;
}

#sampleExpLabel {
    font-size: 12px;
    color: rgb(144, 43, 118);
    margin:0px;
}

#drugLabelCansford {
    font-size: 94%;
    font-family: Calibri;
    vertical-align: middle;
    font-weight: bold;
    color: rgb(144, 43, 118);
}

#cansfordTestLabel {
    font-size: 10px;
    color: rgb(144, 43, 118);
}

#errorLabel {
    color: red;
    padding: 0px 0px 0px 10px;
    font-weight: bold;
    font-size: 17px;
    margin-top:5px;
}

#errorMessageContainer {
    height: auto;
}

#resultMessage {    
    padding: 25px 0px 0px 0px;
    font-weight: bold;
    font-size: 17px;
}

#drugsInputBox {
    border: solid 1px black;
    margin: 5px;
    padding: 5px 0px 10px 5px;
    overflow: hidden;
}

#captcha {
    margin: 10px 10px 0px 10px;
    padding: 10px 10px 10px 10px;
    position: relative;
    float: unset;
    clear: both
}

#hDeal_CollectionDate {
    min-width:149px;
    margin:0px;
    }

#otherLabel {
    font-size:15px;
}