/* App defaults */
html { 
padding:.2em;
margin: .25rem;
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal; 
text-decoration : none; 
color : #000000; 
}

body { margin:0; padding:0; }

textarea.fill, table.fill, div.fill {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

textarea { 
-webkit-overflow-scroll: touch;
resize: none;
}

div { -webkit-text-size-adjust: 100%; }	/* Stops iOS devices from automatically zooming when screen is rotated */
div.break { margin-top:.5em; }
div.concern_content { margin-right:10px; display:inline-block; vertical-align:top; }
div.inline { display: inline; }
div.ref { width:98%; }
div.lineCtrl { display:inline-block; } /* used for making things be on one line or break to a new line */

input.widthCtrl, select.widthCtrl, textarea.widthCtrl, div.widthCtrl { width:25em; }

p { margin: .75em 0; }

table.noBorder { border-style:none; border-collapse:collapse; }
table.noBorder th { border-style:none; }
table.noBorder td { border-style:none; }

hr { margin:.75em 0; }

li.sectionListItem { line-height : 1.5em; }

img.logo { margin-right: .5em; }

input[type="button"], .yellowButton {
background:#FFCC00;
cursor:pointer;
white-space:nowrap;
-webkit-appearance:none;
vertical-align:middle;
text-align:center;
text-decoration:none;
border:1px solid #555555;
font-weight:bold;
padding: .2em .3em;
background-clip: padding-box;
-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.7);
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.7);
box-shadow:2px 2px 3px rgba(0,0,0,0.7);
text-shadow: 1px 2px 2px #dddddd;
margin: 0 .4em .4em 0;
}

select, textarea, input[type="password"], input[type="text"] {
padding : .1em .3em;
font-family : Arial, Helvetica, sans-serif;
background : #ffffc4;
}

.rounded {
-webkit-appearance: none;
vertical-align : middle;
}

.button {
cursor : pointer;
white-space : nowrap;
padding : .1em .3em;
margin : .2em 0;
-webkit-appearance: none;
vertical-align : middle;
}

a.rh {
color : #A40422;
font-weight : bold;
}

ol.sectionList {
margin : 0 1.75em 0 1.5em;
padding : 0;
font-weight : bold;
color : #444444;
}

.emsg {
margin-top : 10px;
color : #cc0000;
font-weight : bold;
}

.lbl {
color : #555555;
font-weight : bold;
vertical-align : middle;
margin : 1px;
}

#floatingSectionButtons {
position : fixed;
top : 0;
right : .1em;
z-index:200;
}

.floatingSectionButton {
line-height:100%;
margin-bottom: .2em;
width: 1.5em;
min-height: 2.75em;
text-align:center;
display:block;
}

.floatingSectionButtonIcon {
min-height: 2em;
display: flex;              /* establish flex container */
flex-direction: column;     /* stack flex items vertically */
justify-content: center;    /* center items vertically, in this case */
align-items: center;        /* center items horizontally, in this case */
}

#sectionMenu {
display: none;
position : absolute;
right: .1em;
z-index : 250;
background : #a40422;
padding:.2em;
width:316px;
}

.section_menu_option {
display : block;
line-height : 170%;
background : #ffffff;
margin : .2em 0;
font-weight : bold;
text-align : center;
overflow : hidden;
}

.section_menu_option_hover:hover {
background : #000000;
color : #ffffff;
}

.label {
color : #444444;
margin : 1px;
}

.descriptionPrompt {
color : #000066;
display : inline;
vertical-align : middle;
}

.descriptionPromptSel {
background : #000066;
color : #ffffff;
}

.description {
background : #DAD6FF;
color : #000066;
}

.descriptionSel {
background : #000066;
color : #ffffff;
}

.concern {
background : #E3D1D5;
color : #7D001F;
}

div.concern_type, div.pest_type {
overflow : hidden:
width : 12em;
}

.concernSel {
background : #7D001F;
color : #ffffff;
}

.concernChoices {
color : #7D001F;
font-weight : bold;
}

.choice {
background : #dddddd;
color : #222222;
cursor : pointer;
font-weight : bold;
margin-right: .5em;
}

.choiceSel {
background : #222222;
color : #ffffff;
}

.pest_type {
background : #B8FFBA;
color : #036600;
}

.pestTypeSel {
background : #036600;
color : #ffffff;
}

span.type_caption { font-weight: bold; display: inline; } /* used for hiding showing concern type button caption text */

.sectionSelected {
color : #888888;
}

.prg {
text-align : center;
display : none;
}

.bold {
font-weight : bold;
}

.normal {
font-weight : normal;
}

.underline {
text-decoration : underline;
}

.italic {
font-style : italic;
}

.bigger {
font-size: 120%;
}

.smaller {
font-size: 70%;
}

.freeSpaceOK {
font-weight : bold;
color : #006600;
vertical-align : middle;
}

.freeSpaceWarn {
font-weight : bold;
color : #cc3300;
vertical-align : middle;
}

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
    user-select: none; 
}

.remember {
cursor : pointer;
border : medium solid black;
padding: .0 .5em;
display : inline;
margin : .5em .2em;
background : white;
}

.remember_on {
background : red !important;
}

.remShort {
width : 2em;
margin-right : .5em;
}

.remMed {
width : 5em;
margin-right : .5em;
}

.remLong {
width : 8em;
margin-right : .5em;
}

table.rem_table {
padding : 0;
margin : 0;
}

table.rem_table td {
vertical-align: top;
white-space : nowrap;
padding : .2em;
line-height: 1.8em;
}

#reportItemControls {
	max-width: 100vw;
	overflow: auto;
}

#UR_uploadChoice {
	display: flex;
	margin-top: 1rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid black;
}


table.photos {}
table.photos td { padding:10px 5px; page-break-inside: avoid }

/* Screen not print	*/ .snp { visibility: visible; display: inline;} 
/* Print not screen	*/ .pns { visibility: hidden; display: none;}

@media print { 
.snp {  display: none;}
.pns { display: inline; visibility: visible;}
}

@media screen and (max-width: 30em)
{
	html { margin:0; }
	div.lineCtrl { display: block; margin-top: .2em; }
	div.section_menu { width: 100%; }
	span.type_caption { display: none; }
	input.widthCtrl, select.widthCtrl, textarea.widthCtrl, div.widthCtrl { width: 90%; }
	div.concern_type, div.pest_type { width : 1.5em; }
}