@import url('https://fonts.googleapis.com/css?family=Neucha|Courgette|PT+Sans+Narrow|Abel|Great+Vibes|Pinyon+Script|Srisakdi:400,700');

#maintables {
	margin-top: 50px;
}

#maintables i {
	    background: #f9f9f9;
        width: 124px;
    border-radius: 50%;
    height: 124px;
    line-height: 124px;
    border-radius: 50%;
}
#maintables h5 {
	color: #1b99b9;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 15px;
}

p#top {
	margin-top: 30px;
	color: rgb(0, 139, 139);
	letter-spacing: 3px;
}

span.sp_italics {
	font-style: italic;
}


form#cl_report input {
	width: 75%; 
	display: inline-block;
	margin-bottom: 5px;
}

.form-control2 {
display: inline-block;
width:60%;
height:calc(2.90625rem + 2px);
padding:0.75rem 1rem;
font-size:0.9375rem;
line-height:1.5;color:#52575C;
background-color:#fff;
background-clip:padding-box;
border:1px solid #ced4da;
border-radius:0.25rem;
-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

/*
div#to_display_hts, div#to_display_hto {
	display: none;
}
*/

input#display_harm_to_self [type=radio]:checked {
	
}

form fieldset {
	background-color: rgb(224, 235, 224);
	
	/* Round corners applied to the field set */
	border-radius: 10px;
	padding: 10px;
	
	margin: 10px;
	border: solid 1px rgb(52, 58, 64);
	
}

form fieldset {
	
}

form legend {
	color: green;
	font-family: 'Courgette', cursive;
	padding: 5px;
	
}

form legend#cl_info {
	/* Restricting the legend width allows for the 
       fieldset to show the top border.*/
	width: 40%;
	font-size: 1.3em;
	
	
}

form legend#cl_dx {
	/* Restricting the legend width allows for the 
       fieldset to show the top border.*/
	width: 40%;
	font-size: 1.3em;
	
}


form legend#cl_issues {
	/* Restricting the legend width allows for the 
       fieldset to show the top border.*/
	width: 70%;
	font-size: 1.1em;
	
}


form legend#cl_alerts {
	/* Restricting the legend width allows for the 
       fieldset to show the top border.*/
	width: 46%;
	font-size: 1.1em;
	
}


fieldset#concerns {
	
}

/*
fieldset#demographics {
	margin: 0px 8px; 
	padding: 8px 0px 0px 8px; 
}
*/

/* The formatting applies to the check-boxes 'id' for target behaviors, issues affecting
behavior, and alerts */
form input#cl_hscf, form input#cl_hsof, form input#cl_bhho, 
form input#cl_psf, form input#cl_poh, form input#cl_pica,
form input#cl_puncho, form input#cl_kicko, form input#cl_slapo, 
form input#cl_phairo, form input#cl_biteo,  form input#cl_pinch_o, form input#cl_throw_si,
form input#cl_destruct_si, form input#cl_larea_si, form input#cl_awol_si, 
form input#cl_sleep, form input#cl_pain, form input#cl_ptsd,
form input#cl_choking, form input#cl_dysphagia, form input#cl_fallrisk {
	margin-left: 0px; 
	margin-right: 5px; 
	padding-right: 0px; 
	width: auto;
}

form label#cl_sleep {
	margin-left: 1.25em;
}

form input.targetbx {
	margin-left: 0px; 
	margin-right: 5px; 
	padding-right: 0px; 
	width: auto;
}


input#dx_search, input#med_search {
	width: 40%;
     display: inline-block;
}



#728px {
	margin-bottom: 20px;
}

p#rside {
	margin-top: 250px;

}


/* =========================
   MOBILE STYLES: 0 to 480px 
   =========================
*/

@media only screen and (max-width: 480px) {

form legend#cl_info, form legend#cl_dx, form legend#cl_issues,
form legend#cl_alerts, form legend#cl_issues {
	/* Restricting the legend width allows for the 
       fieldset to show the top border.*/
	width: 65%;	
	font-size: 0.9em;	
}

form legend#cl_issues {
	/* Restricting the legend width allows for the 
       fieldset to show the top border.*/
	width: 80%;	
	font-size: 0.9em;	
}

form legend#cl_alerts {
	/* Restricting the legend width allows for the 
       fieldset to show the top border.*/
	width: 35%;	
	font-size: 0.9em;	
}

form input#cl_sleep, form input#cl_pain {
	margin-left: 0px; 
	margin-right: 5px; 
	padding-right: 0px; 
	width: auto;
}


#navTabs1_hts, #navTabs1_hto, #navTabs1_soi, #navTabs1_otbx {
	font-size: 0.9em;
	padding: 2px;
}

}