/* NEW */

#form2 {
	width: 100%;
	background-color: #f4f4f4;
	height: inherit;
	padding: 0px;
	margin: 0px;
	color: #000;
	font: normal normal 1rem/1.12rem Roboto;
	-webkit-overflow-scrolling: touch;
}
.noscroll {
	overflow: hidden !important; 
	/*pointer-events: none;*/
}
#form2 .titlespace {
	margin-bottom: 10px;
}
#form2 .submittime, #form2 .startElement, #form2 .formBox.toolsPageClose {
	display: none;
}
#FormData .FormControlerDraft {
	display: none !important;
}
#FormData.formPreviewDeviceContainer.minimal {
	/*margin-top: 34px !important;
    padding-bottom: 38px !important;*/
}
#FormData.minimal #FormDataBox {
	top: 40px;
}
#form2 .submitAction {
	display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    max-width: 360px;
    background-color: #cede26 !important;
    min-height: 32px !important;
    color: #000;
    font: bold 17px/17px OpenSans,Arial !important;
    border: 1px solid #000 !important;
    padding: 0 12px !important;
    margin: 8px auto;
    white-space: nowrap;
    cursor: pointer;
    text-transform: capitalize;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 0;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#form2 .submitAction:hover {
	background-color: #0071ad !important;
	color: #FFF;
}

#form2 #doFormsBuildContent {
	display: flex;
    flex-direction: column;
    flex-flow: wrap;
    padding-top: 10px;
    /*height: 100%;*/   
}
#form2 .nolive, #form2 .typeIcon, #form2 .toolsDataUpdate {
	display: none !important;
}
#form2 .formBox {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	background-color: #FFF;
	text-align: center;
	vertical-align: top;
	box-shadow: 0px 0px 2px #b3b3b3;
}
#form2 .formBox.FormSubmit {
	box-shadow: none;
    background-color: transparent;
}
#form2 .formBox.FormSubmit.hasDisplay[show=asis] {
	display: block !important;
}

#form2 .formBox .multi, #form2 .formBox .drawSignatureButtons, #form2 .formBox .drawSignature {
	display: none;
}
#form2 .formBox .drawSignatureButtons {
	margin: -4px 0 4px;
}
#form2 .formBox .show {
	position: relative;
	display: block !important;
	padding: 2px 0px 0px;
	min-height: 26px;
}
#form2 .FeedTable TD.show {
	display: table-cell !important;
	font: normal normal 1rem/1rem Roboto;
}
#form2 .formBox.hide {
	display: none !important;
}
#form2 .title {	
    color: #000;
    font: bold normal 1.25rem/1.4rem OpenSans,Arial;
    padding: 2px 3px;
    overflow: hidden;
}
#form2 .title:empty {
	display: none;
}
#form2 .title.required {
	display: block !important;
}
#form2 .formBox .titleinline .title {
	display: inline-block;
	width: 25%;
	float: left;
}
#form2 .formBox .titleinline.titleright .title {
	float: right;
}
#form2 .formBox .titleinline.titleright .title.required:after {
	margin-left: -4px;
}
#form2 .formBox .titleinline .multi.show {
	display: inline-block !important;
	vertical-align: top;
	width: calc(75% - 6px);
	text-align: left;
	float: right;
}
#form2 .titleinline .subtitle, #form2 .titleinline .labelsubtitle {
	display: inline-block !important;
	vertical-align: top;
	width: calc(75% - 14px);
	float: right;
}
#form2 .formBox .titleinline.titleright .multi.show {
	text-align: right;
	float: left;
}
#form2 .subtitle, #form2 .labelsubtitle {
	padding: 4px 4px 2px;
}
#form2 .subtitle:empty, #form2 .labelsubtitle:empty {
	display: none !important;
}
#form2 .missing {
	background-color: #fbe4e4 !important;
	box-shadow: 0px 0px 2px 1px #ff0000 !important;
}
#form2 .DataTableLookup .display1 {
	text-align: right !important;
}
#form2 .LayoutGrid {
    padding: 0;
    background-color: #e2e2e2;
}
#form2 .formBox.Emailing .emailsubject {
	display: inline-block;
	margin: 4px 0;
}
#form2 .formBox.Emailing .emailsubject:before {
	position: absolute;
	content: "\f1c6";
    font: 26px/18px LineAwesome;
    left: 3px;
}
#form2 .LayoutGrid .formBox {
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	margin: 0;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}
#form2 .LayoutGrid .formBox:after {
	content:"";	
	/*
	position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    border-left: 1px solid #4b4b4b;
    */
}
#form2 .LayoutGrid .formBox[dtype='[DATALIST]'] {
	overflow: visible;
}
#form2 .LayoutGrid.noborder .formBox:after {
	display: none;
}
#form2 .LayoutGrid .formBox.Signature {
	text-align: center;
}
#form2 .GridArea, #form2 .ResultArea>DIV, #form2 .TableArea {
	display: flex;
	flex-wrap: wrap;
}
#form2 .GridArea.hide {
	display: none !important;
}
#form2 .checkBoxListLive, #form2 .radioListLive {
	text-align: left;
	padding: 0 0px;
	margin-bottom: 3px;
}
#form2 .checkBoxListLive.missing, #form2 .radioListLive.missing {
	background-color: #ffd9d9;
    box-shadow: 0px 0px 2px 2px red !important;
}
#form2 .drawSignatureStart {
	display: inline-block;
	width: 32px;
	height: 32px;
    background-color: #003c81;
    color: #FFF;
    margin: 4px 0 0 6px;
    vertical-align: top;
    cursor: pointer;
}
#form2 .drawSignatureStart:hover {
	box-shadow: 0 0 4px 3px #FFF;
    color: #FFF;
}
#form2 .drawSignatureStart:before {
	content: "\f2b2";
	font: normal 28px/36px LineAwesome;
    padding-left: 2px;
}
#form2 .drawSignatureStart SPAN{
	display: none;
	min-width: 130px;    
	pointer-events: none;
	margin-bottom: 6px;
	padding: 0 12px;
}
#form2 .Buttons {
	display: inline-block;
    background-color: #003C81;
    color: #FFF;
    width: 32px; 
    height: 32px; 
    margin: 0px 2px 2px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
    text-align: center;
    vertical-align: top;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}
#form2 .RepeatButton {
	width: auto !important;
    min-width: 200px;
    padding: 0 20px;
    font: 18px/36px OpenSans,Arial;
    margin: -2px auto 6px;
    height: 36px !important;
}
#form2 .Buttons:before {
	font: normal 28px/36px LineAwesome;
}
#form2 .Buttons:hover {
	box-shadow: 0 0 4px 3px #FFF;
	color: #FFF;
}
#powerSignature .Buttons.drawSave {
	background-color: #cede26 !important;
	color: #000 !important;
}
#powerSignature .Buttons.drawCancel {
	background-color: #003C81;
	display: none;
}
#form2 .formBox.Signature .drawSignatureImg, #form2 .formBox.Signature IMG.photo {
	display: inline-block;
	border: 1px solid #000;
	width: 150px;
	height: 50px;
	background-color: #FFF;
	margin: 0px;
}
#form2 .formBox.Signature[size=big] .drawSignatureImg {
	width: 300px;
	height: 100px;
}
#form2 .formBox.Signature .elemtext {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: wrap;
	padding-bottom: 5px;
}
#form2 .formBox.Signature .title {
	width: 100%;
}
#form2 .drawSignatureImg.missing {
	box-shadow: 0px 0px 2px 2px red !important;
}
#form2 .formBox .icon-search, #form2 .formBox .icon-delete, #form2 .formBox .icon-info, #form2 .formBox .icon-eye, #form2 .formBox .icon-noeye,  #form2 .formBox .icon-trash, #form2 .iconinfo2 {
	display: none;
}
#form2 .formBox[hint=true] .icon-search, #form2 .formBox[hint=true] .icon-info, #form2 .formBox[hint=true] .iconinfo2 {
	display: block !important;
}
#form2 .formBox[trash=true] .icon-delete {
	display: inline-block;
}
#form2 .formBox[hint=true] .elemtext{
	display: none !important;
}
#form2 ARTICLE .formBox[hint=true] .elemtext {
	max-height: 170px;
    min-height: 30px;
    overflow-y: auto;
    overflow-x: hidden;
}
#form2 .formBox[hint=true][input=mapping] .dataEntry {
	/* datatext mapping image */
	max-height: 400px;
	margin: 0 auto;
}
#form2 .formBox .dataEntry.show{
	display: block !important;
}
#form2 .formBox>DIV {
	min-height: 30px;
	overflow: hidden;
}
#form2 .formBox[dtype='[DATALIST]']>DIV {
	overflow: visible;
}
#form2 .formBox[dtype='[DATALIST]'] .multi:before {
	content: "\f343";
    font: bold 24px/26px LineAwesome;
    color: #000;
    position: absolute;
    left: 1px;
    top: 1px;
    padding: 4px 3px;
    cursor: pointer;
}
#form2 .formBox[dtype='[DATALIST]'] .multi:after {
	content: "\f165";
	font: 22px/28px LineAwesome;
	color: #000;
	position: absolute;
    right: 1px;
    top: 3px;
    background-color: #FFF;
    pointer-events: none;
}
#form2 .formBox.toolsPageOpen>DIV {
	min-height: 0;
	padding: 10px 0 100px;
}
#form2 .formBox.toolsPageOpen>DIV:first-child {
	padding: 10px 0;
}
#form2 .formBox.LayoutGrid>DIV {
	min-height: 0;
	overflow: hidden;
}
#form2 .formBox DIV.icons {
	position: absolute;
    right: 2px;
    top: 0;  
}
#form2 .formBox.hintshow .dataEntry, #form2 .formBox.hintshow .elemtext {
	display: block !important; /* show clicked hint*/
}
#form2 .formBox DIV.icons>DIV:nth-child(2) {
	display: none;
}
#form2 .formBox.DataTableLookup {
	font: 15px/28px Arial;
}
#form2 .ResultArea {
	margin: 0 4px;
}
#form2 .ResultArea .GridResultTitle {
	display: flex;
	width: 100%;
	text-align: center;
	margin: 4px 0 4px;
	font: bold italic 22px/22px OpenSans,Arial;
}
#form2 .ResultArea .GridResultTitle>B {
	flex-grow: 1;
}
#form2 .ResultArea .GridResultTitle>DIV {
	font: bold italic 14px/22px OpenSans,Arial;
}
#form2 .ResultArea .GridResultTitle.Hidden {
	display: none;
}
#form2 .ResultArea ARTICLE {
	display: flex;
    flex-flow: wrap;
    overflow: hidden;
    margin: 10px 0px 2px;
    box-shadow: 0px 0px 0px 2px #4b4b4b;
    width: 100%;
}
#form2 .ResultArea ARTICLE:empty {
	background-color: red;
	height: 40px;
}
#form2 .icon {
	vertical-align: top;
    pointer-events: all;
    cursor: pointer;
    background-color: #e4e4e4;
    padding: 0;
    border-radius: 50%;
}
#form2 .formBox.delete {
    background-image: url(../img/stripes.png);
}
#form2 .UPprogress-div {
	display: none;
}
#form2 .datalist {
	display: block !important;
	background-color: #e2e9f1;
	color: #000;
	text-align: left;
	overflow-x: hidden;
    overflow-y: auto;
    max-height: 0px;
    margin-top: -3px;
    margin-bottom: 10px;

    transition: 0.2s max-height ease-out;
    -webkit-transition: 0.2s max-height ease-out;
}
#form2 .datalist.on {
    max-height: 182px;
}
#form2 .datalist>SPAN {
	display: block;
	border-bottom: 1px solid #4b4b4b;
	padding: 7px 5px;
	white-space: nowrap;
	overflow: hidden;
	font: 15px/15px Arial;
	cursor: pointer;
}
#form2 .datalist>SPAN:hover {
	background-color: #003c81;
	color: #FFF;
}
#form2 .datalist>SPAN>B {
	pointer-events: none;
}
#form2 INPUT:focus, #form2 TEXTAREA:focus, #form2 SELECT:focus {
	background-color: #d2e2ea;
	border-color: #0071ad;
	outline: 0;
}
#form2 INPUT[type=number] {
	text-align: right;
	overflow: hidden;
	padding: 2px 2px;
	max-width: 90%;
	border-radius: 0px;
}
#form2 INPUT[type=range] {
	-webkit-appearance: none;
    width: 98%;
	max-width: 400px;
    height: 14px !important;
    padding: 2px 0;
    border-radius: 10px !important;
    background: #abd2f8;
    outline: none;
    margin: 10px auto 20px;
    border: 1px solid #000;
    position: relative;
}
#form2 INPUT[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 32px; 
    height: 32px; 
    border-radius: 16px;
    background: #005581; 
    border: 1px solid #FFF;
    cursor: pointer; 
}
#form2 .inputtype6 {
	margin: 0 auto;
    width: 98%;
    max-width: 400px;
}
#form2 .inputtype6>DIV {
	display: flex;
	align-items: center;
	margin: -12px 0 6px;
}
#form2 .inputtype6>DIV>SPAN{
    font: 12px/12px Arial;
}
#form2 .inputtype6 B.slider {
	flex-grow: 1;
	font: bold 24px/20px Digital, Arial !important;
	text-align: center;
}
#form2 .inputtype6>SPAN {
	display: none;
}
#form2 .inputtype6>.slider {
	display: block;
	margin: -12px 0 6px;
}
#form2 INPUT[type=text], #form2 INPUT[type=email], #form2 INPUT[type2=SELECT] {
	width: 100%;
	max-width: 400px;
	padding: 2px;
	font: 16px/16px Arial;
	border-radius: 0px;	
	height: 26px;
}
#form2 INPUT {
	padding: 2px;
	font: 16px/16px Arial;
	border-radius: 0px;
	margin-bottom: 5px;
	height: 26px;
	vertical-align: top;
	border: 1px solid #6c6c6c;
	background-color: #f3f3f3;
}
#form2 INPUT[type=file] {
	font: 15px/15px OpenSans,Arial !important;
	border: 1px solid #6c6c6c;
    border-radius: 0px;
    margin-bottom: 4px;
    height: 34px;
}
#form2 .pictureMobile {
	display: flex;
    justify-content: space-around;
} 
#form2 SELECT, #form2 INPUT[target="datalist"] {
	/* width 100% for datalist open makes screen too wide some reason!!*/
	width: -webkit-fill-available;
	max-width: 100%;
	height: 30px;
	font: 16px/20px Arial;
	border-radius: 0px;
	border: 1px solid #6c6c6c;
	margin-bottom: 3px;
	background-color: #FFF;	
}
#form2 INPUT[target="datalist"] {
	padding: 0px 22px 0px 28px !important;
}
#form2 SELECT[multiple] {
	height: auto;
}
#form2 .formBox.DataTableLookup .Spinning:after {
	content: "\f110";
	display: inline-block;
    color: #007df9;
    font: normal 18px/20px FontAwesome;
    position: absolute;
    right: 20px;
    margin-top: 2px;
    -webkit-animation: rotation 1s infinite linear;
    pointer-events: none;
}
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}

#form2 SELECT OPTION.disabled {
	display: none;
}
#form2 A, #form2 A:visited, #form2 A:active, #form2 A:hover {
	color: #FFF;
    font-style: italic;
    background-color: #0071ad;
    padding: 2px 10px;
    font: 16px/24px Arial;
    text-decoration: none;
}
#form2 A.doc:before {
	content: "\f121";
	display: inline-block;
    font-family: LineAwesome;
    font-style: normal;
    font-weight: normal;
    speak: none;
    width: 24px;
    font-size: 20px;
    vertical-align: middle;
}
#form2 .dataEntry {
	text-align: left;
	padding: 2px 0px;
	min-height: 24px;
	border-radius: 0;
	vertical-align: super;
}
#form2 .dataEntry IMG {
	display: block;
	text-align: center;
	margin: -4px auto;
	padding: 6px 0;
	max-width: 100%;
	max-height: 600px;
}
#form2 .dataEntry>DIV {
	border-top: 1px dashed #000;
	padding: 2px 4px;
}
#form2 .dataEntry>DIV:first-child {
	border-top: 0;
	padding-top: 0px !important;
}
#form2 .formBox.Weather .dataEntry>DIV {
	display: block;
}
#form2 .formBox.UniqueID B, #form2 .formBox.UniqueID SPAN {
	font: bold 16px/18px Arial;
	padding: 4px 2px;
}
#form2 .formBox.UniqueID .iddatastring>SPAN {
	display: none;
}
#form2 .takenPictures {
	pointer-events: none;
}
#form2 .takenPictures.Drawing {
	pointer-events: all;
}
#form2 .takenPictures IMG, #form2 .takenPictures CANVAS {	
    display: block;
    text-align: center;
    width: 100%;
    max-width: 320px;
    max-height: 600px;
    pointer-events: none;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}
#form2 .takenPictures SPAN, #form2 .takenPictures A {
	position: relative;
	display: inline-block;
	pointer-events: none;
	margin: 3px;
	padding: 0px;
	vertical-align: top;
	background-color: transparent;
}
#form2 .EmbedImage .takenPictures SPAN, #form2 .EmbedImage .takenPictures A {
	border: 0;
}
#form2 .EmbedImage .takenPictures IMG {
	width: 100%;
	max-width: unset;
	max-height: unset;
}
#form2 .takenPictures SPAN:before, #form2 .takenPictures A:before {
	position: absolute;
    content: "\f34c";
    font: 34px/34px LineAwesome;
    width: 34px;
    height: 38px;
    background-color: rgba(255,255,255,0.6);
    padding: 2px 3px 0 3px;
    pointer-events: auto;
    cursor: pointer;
    border-radius: 30px;
    border: 1px solid #000;
    text-shadow: 1px 1px 1px #000;
    top: 6px;
    left: 4px;
}
#form2 .takenPictures .takenPicDel:after {
	position: absolute;
	content: "\f1c1";
    font: 34px/34px LineAwesome;
    color: #0071ad;
    width: 34px;
    height: 38px;
    background-color: rgba(255,255,255,0.6);
    padding: 2px 3px 0 3px;
    pointer-events: auto;
    cursor: pointer;    
    border-radius: 30px;
    border: 1px solid #000;
    text-shadow: 1px 1px 1px #FFF;
    top: 6px;
    right: 12px;
}
#form2 .EmbedImage .takenPicDel:before {
	position: absolute;
    content: "\f2ed";
    font: 32px/32px LineAwesome;
    color: #000;
    width: 24px;
    height: 34px;
    background-color: rgba(255,255,255,0.6);
    padding: 2px 8px 0 4px;
    pointer-events: auto;
    cursor: pointer;    
    border-radius: 19px;
    border: 1px solid #000;
    top: 8px;
    left: 12px;
}
#form2 .takenPictures SPAN.nodraw:after, #form2 .takenPictures A.nodraw:after {
	display: none;
}
#form2 .takenPictures SPAN.nozoom:before, #form2 .takenPictures A.nozoom:before {
	display: none;
}
#form2 .takenPictures SPAN.Drawing:before, #form2 .takenPictures A.Drawing:before {
	position: absolute;
    content: "\f00d";
    font: 32px/32px LineAwesome;
    width: 24px;
    height: 34px;
    background-color: rgba(255,255,255,0.6);
    padding: 2px 6px 0;
    pointer-events: auto;
    cursor: pointer;    
    border-radius: 19px;
    border: 1px solid #000;
    top: 8px;
    left: 4px;
}
#form2 .takenPictures SPAN.Drawing:after, #form2 .takenPictures A.Drawing:after {
	position: absolute;
    content: "\f0c7";
    color: red;
    font: 30px/31px LineAwesome;
    width: 24px;
    height: 34px;
    background-color: rgba(255,255,255,0.6);
    padding: 2px 6px 0;
    pointer-events: auto;
    cursor: pointer;    
    border-radius: 19px;
    border: 1px solid #000;
    top: 8px;
    right: 4px;
}
#form2 .formBox.DataTableLookup .multi DIV {
	display: none;
}
#form2 .formBox.DataTableLookup .multi DIV.show{	
    margin: 1px 0;
    text-align: left;
    /*box-shadow: 1px 1px #000;*/
}
#form2 .formBox.DataTableLookup .multi.show.inline {
	border: 0;
	display: block !important;
    margin: 0;
}
#form2 .formBox.DataTableLookup .multi DIV.show.inline {
	display: inline-block !important;
    margin: 1px 2px 1 !important;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 98%;
    text-overflow: ellipsis;
    border-radius: 50px;
}
#form2 .formBox.DataTableLookup .multi DIV.show.inline P {
	/* for do first the above selection button */
	padding: 4px 10px;
    margin: 0;
    pointer-events: none;
}
#form2 .formBox.DataTableLookup[dtype='[CHECKBOX]'] .multi DIV.show.inline {
	border-radius: 0px;
}
#form2 .nolive.show {
	display: none !important;
}
#form2 .mailMergeError {
	display: block;
    text-align: left;
}
#form2 .mailMergeError SPAN {
	display: block;
    color: red;
}
#form2 .formBox.DataText.Upload .uploaded {
	color: blue;
}
#form2 .formBox.DataText.Upload .dataEntry>DIV{
	display: inline-block;
	font-weight: bold;
}
#form2 .formBox .imageList SPAN {
		display: inline-block;
	}
#form2 .formBox .imageList IMG{
    max-width: 90%;
    margin: 4px;
	vertical-align: top;
}
#form2 .formBox .takenPictures IMG.imageFrame {
	border: 10px solid #FFF;
	width: 94%;
}
#form2 .formBox .takenPictures IMG.imageShadow {
	box-shadow: 4px 4px 5px #313131;
}

#form2 .formBox .required:after {
	content: "\f127";
    font: bold 10px/12px LineAwesome;
	color: red;
    text-shadow: 1px 1px #FFF;
    vertical-align: super;
}
#form2 .formBox.required:after {
	display: none;
}
#form2 TEXTAREA{
	width: 98%;
	height: 62px !important;
	font: normal 13px/14px Roboto,Arial;
	resize: none;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0px 2px 4px;
	border-radius: 0px;
}
#form2 .inputPDF {
	border: 1px solid #000;
	background-color: #FFF;
	text-align: left;
	padding: 2px;
	font-size: 13px;
}
#form2 .formBox.GPS INPUT {
	width: 80%;
}
#form2 .GPSmap A {
	pointer-events: none;
	background-color: transparent;
	padding: 0;
	font-size: 0;
}
/*
#form2 .GPSmap IMG, #form2 .dataEntryInfo IMG{
	width: 300px !important;
	height: 300px;
	border: 1px solid #000;
	margin-bottom: 3px;
}
*/
#form2 .dataEntryInfo {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	min-height: 24px;
}
#form2 .dataEntryInfo>SPAN {
	width: 100%;
	margin: 2px 0 10px;
	font-weight: bold;
}
#form2 .Emailing .emailbody{
	display: none;
}
#form2 .Emailing .emailbodyShow{
	background-color: #FFF;
	color: #000;
	text-align: left;
	padding: 0 3px;
	margin: 0 4px;
	min-height: 20px;
}
#form2 .icon-sync, #form2 .icon-email {
	display: none;
}
#form2 IMG.dataEntry, #form2 .GPSmap IMG {
	max-width: 400px;
	max-height: 400px;
    width: 100%;
	box-shadow: 0px 0px 1px 1px #000000;
	padding: 0;
	background-color: #eeedec;
	margin-bottom: 3px;
}
#form2 .FormBox.MailMerge {
	display: none !important;
}

#form2 .formBox .show.inline {	
	display: inline-block !important;
	margin: 2px 2px;
    border: 1px solid #5d5d5d;
    padding: 0px;
}
#form2 .formBox .radioListLive .show.inline {
	border-radius: 50px;
}
#form2 .formBox.Checkbox .show.inline {
	border-radius: 0px;
}
#form2 .formBox .show.inline .checktext{
	margin-left: -2px;
}
#form2 .Weather TABLE {
	width: 100%;
}
#form2 .Weather .show SPAN {
	display: inline-block;
	vertical-align: top;
}
#form2 .Weather .weatherinfo {
	display: inline-block;
	text-align: center;
	width: 73%;
	vertical-align: top;
	font: 18px/18px OpenSans,Arial !important;
}
#form2 .Weather .weatherdata {
	display: inline-block;
	text-align: center;
	padding-top: 4px;
	width: 25%;
	font: bold 24px/12px OpenSans,Arial !important;
}
#form2 .Weather .weatherforecast {
	display: flex;
	flex-flow: wrap;
}
#form2 .Weather .weatherforecast>SPAN, #form2 .Weather .weatherforecast TD {
	display: inline-block;
	width: 50px;
	text-align: center;
	vertical-align: top;
    font: 12px/12px OpenSans,Arial;
    border: 0;
    margin-top: 2px;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    text-transform: capitalize;
}
#form2 .weatherforecast SVG {
	background-color: rgba(255, 255, 255, 0.8);
}
#form2 .weatherforecast .liner {
	stroke: #003c81;
    stroke-width: 1;
    stroke-dasharray: 2;
    stroke-dashoffset: 350;
    animation: dash 30s linear forwards;
}
@keyframes dash {  	
    100% { stroke-dashoffset: 1; }
}
#form2 .weatherforecast .texter {
	font: bold 14px/14px OpenSans,Arial;
}
#form2 .weatherforecast B{
	display: block;
    font: bold 14px/14px OpenSans,Arial;
    margin-top: 3px;
}
#form2 .weatherforecast IMG {
	width: 42px;
    height: 42px;
    margin: -12px auto;
}
#form2 .Weather .weatherinfo B {
	display: block;
	min-height: 17px;
	text-transform: capitalize;
	padding: 3px;
}
#form2 .Weather .wdate, #form2 .Weather .winfo2, #form2 .Weather .wfeelslike {
	font-size: 13px;
    line-height: 14px;
}
#form2 .Weather .wdate {
	font-style: italic;
}
#form2 .Weather .wicon IMG {
	width: 50px;
	height: 50px;
	margin: -4px auto;
	padding: 0;
}
#form2 .formBox.Emailing.hidden {
	display: none !important;
}
#form2 .formBox.DragSpace {
	display: none;
}
#form2 .formBox.hidden, #form2 .formBox.hasDisplay {
	display: none;
}
/*BUTTON hasdisplay visible but NOT clikcable 
#form2 .formBox.toolsButton.hasDisplay {
	display: block;	
}
*/
#form2 .formBox.Action {
	display: block;
}
#form2 .GridArea>.formBox.Action {
	display: inline-block !important;
}
#form2 .formBox.ActionRequired {
	text-align: left;
	padding: 4px;
	font: bold 18px/18px LineAwesome,OpenSans,Arial !important;
}
#form2 .formBox.ActionRequired B {
	display: none;
}
#form2 .formBox.ActionRequired .actionForm:before {
	content: "\f1ed";
	font: normal 22px/24px LineAwesome;
}
#form2 .formBox.ActionRequired .actionFormDue:before {
	content: "\f18f";
	font: normal 22px/24px LineAwesome;
}
#form2 .formBox.ActionRequired .actionFormTarget:before {
	content: "\f364";
	font: normal 22px/24px LineAwesome;
}
#form2 .formBox.ActionRequired SELECT{
	text-transform: capitalize;
	width: 93%;
}
#form2 .formBox.ActionRequired.Action {
	display: block !important;
}
#form2 .formBox.ActionRequired .injectedData{
	display: none;
}
#form2 .datatimerange>B:before {
	content: "\f121";
    width: 18px;
    font: bold 16px/32px LineAwesome;
    vertical-align: middle;
    display: inline-block;
}
#form2 INPUT[type=date] {
	max-width: 140px;
	border-radius: 0px;
	padding: 0;
}
#form2 INPUT[type=datetime-local] {
	max-width: 252px;
	border-radius: 0px;
}
#form2 .formBox.Emailing .actionInfo P {
	display: inline-block;
}
#form2 .formBox.Action.hidden {
	display: none !important;
}
#form2 .ImageDrawer {
    pointer-events: all !important;
}
#form2 .ImageDrawer CANVAS {
    margin: 2px auto;
    border-top: 2px dashed red;
    border-bottom: 2px dashed red;
}
#form2 .formBox .videoList {
	position: relative;
	text-align: center;	
}
#form2 .formBox .videoList:before {
	content: "\F38C";
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px;
    height: 100px;
    font: normal 80px/100px LineAwesome;
    color: #FFF;
    border-radius: 50px;
    background-color: #FF0000;    
    pointer-events: none;
    
}
#form2 .formBox .videoList>IMG {
	width: 100%;
	max-width: 480px;
	height: auto;
	cursor: pointer;
}
#form2 .formBox.Barcode INPUT {
	width: 210px;
}
#form2 .formBox.Barcode .show:before {
	content: "\f130";
    font: 36px/40px LineAwesome, Arial;
    display: inline-block;
    vertical-align: middle;
}
#form2 .formBox.Barcode[run=url] .show:before {
	content: "\f2ca";
}
#form2 .disabled {
	background: #b5b5b5  !important;
    pointer-events: none !important;
    /*opacity: 0.8;*/
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#form2 .drawSignatureStart.disabled  {
	display: none !important;
}
#form2 input:read-only, #form2 textarea:read-only {
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
	padding: 2px;
	background-color: #dedede;
}
#form2 .appButton, #form2 .scoreButton {
	display: inline-flex;
	align-items: center;
    justify-content: center;
    margin: 6px auto;
    min-width: 150px;
    max-width: 260px;
    padding: 0 10px;
    background-color: #003c81;
    color: #FFF;
    min-height: 32px;
    font: 18px/32px Arial;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: all;
    cursor: pointer;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* remove tap blue box */
}
#form2 .appButton:hover, #form2 .scoreButton:hover {
	background-color: #cede26;
	color: #000;
}

#form2 .scoreResult {
	display: none;
	width: 98%;
	background-color: #FFF;
	margin: 10px auto;
	border-spacing: 0;
}
#form2 .scoreResult.show {
	display: table !important;
}
#form2 .toolScoring INPUT {
	display: none;
}
#form2 .resultPass, #form2 .resultNopass, #form2 .resultPerc {
	display: none;
	font-weight: bold;
	margin: 0.5rem 0;
}
#form2 .resultPass:before {
	content: "\f178";
	font: 60px/56px LineAwesome;
	color: #000;
	vertical-align: middle;
}
#form2 .resultNopass:before {
	content: "\f343";
	font: 50px/48px LineAwesome;
	color: #000;
	vertical-align: middle;
}
#form2 .scoreResult .total{
	background-color: #4b4b4b;
    font-weight: bold;
    color: #FFF;
    font-style: italic;
}
#form2 .imgframe {
	border: 8px solid #FFF;
	margin: 8px !important;
}
#form2 .correct {
	background-color: #cede26;
	margin-bottom: 2px;
}
#form2 .formBox.RepeatGrid {
	background-color: #FFF !important;
}
#form2 .formBox.RepeatGrid .gridheader {
	display: none;
}
#form2 .formBox.RepeatGrid[delete="0"] .closeRepeat{
	pointer-events: none;
}
#form2 .ResultArea .Repeats {    
    background-color: #e2e2e2;
    overflow: hidden;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;

    transform-origin: top center;
    -webkit-transform-origin: top center;

    transition: transform .2s ease-out;
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .23s ease-out;
   
    transform: scale3d(1,0,1);
    -webkit-transform: scale3d(1,0,1);
    -moz-transform: scale3d(1,0,1);
}
#form2 .ResultArea .Repeats.opens {
    transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
}
#form2 .RepeatButton:hover {
	background-color: #cede26;
    color: #000;
}
#form2 .ResultArea .Repeats>DIV.title {
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	width: 100%;
	padding: 2px;
	margin-bottom: 8px;
}
#form2 .ResultArea .Repeats>DIV>SPAN {
	flex-grow: 1;
}
#form2 .ResultArea .Repeats .closeRepeat {
	color: #000;
	width: 34px;
    border: 1px solid #000;
    border-radius: 30px;
    margin: 0;
    cursor: pointer;
}
#form2 .ResultArea .Repeats .closeRepeat:hover {
	color: #000;
	background-color: #FFF;
}
#form2 .ResultArea .Repeats .closeRepeat:before {
	content: "\f34c";
	font: normal 26px/34px LineAwesome;
}
#form2 .formBox.toolsPageOpen {
	position: fixed;
	flex-grow: 1;
	z-index: 1;
	margin: 0;
	padding: 0;
	min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;

	transform: translate3d(100%,-10px,0);
    -webkit-transform: -webkit-translate3d(100%,-10px,0);

    transition: transform 0.5s ease-out;
    -webkit-transition: -webkit-transform 0.5s ease-out;
}
#form2 .toolsPageOpen.slideIn {
    max-height: auto;

	-webkit-transform: -webkit-translate3d(0%,-10px,0);
	transform: translate3d(0%,-10px,0);
	/*
    -webkit-animation: pageSlideIn 0.5s forwards ease-out;
    animation: pageSlideIn 0.5s forwards ease-out;
    */
}

#form2 .toolsPageOpen.slideOut {
	-webkit-transform: -webkit-translate3d(-100%,-10px,0);
	transform: translate3d(-100%,-10px,0);
	/*
	-webkit-animation: pageSlideOut 0.5s forwards ease-out;
    animation: pageSlideOut 0.5s forwards ease-out;
    */
}

#form2 .waypointsMAP A {
	height: 20px;
    display: block !important;
	background-color: transparent;
}
#form2 .waypointsMAP .waylabel {
	font: bold 12px/12px OpenSans !important;
	letter-spacing: -0.5px !important;
	margin-bottom: 2px;
}
/* bubble box */
#form2 .gm-style .gm-style-iw-c {
    padding: 6px;
    border: 1px solid #000;
    text-align: left;
}
@keyframes pageSlideIn {
	0%   {transform: scaleY(1) translate3d(102%,0,0);}
    100%  {transform: scaleY(1)  translate3d(0,0,0);}
}

@-webkit-keyframes pageSlideIn {
	0%   {-webkit-transform: scaleY(1) translate3d(102%,0,0);}
    100%  {-webkit-transform: scaleY(1) translate3d(0,0,0);}
}

@keyframes pageSlideOut {
    0%  { transform: scaleY(1)  translate3d(0,0,0);}
   	99%  { transform: scaleY(1) translate3d(-102%,0,0); }
   	100%  { transform: scaleY(0.1) translate3d(-102%,0,0); }
}
@-webkit-keyframes pageSlideOut {
    0%  { -webkit-transform: scaleY(1)  translate3d(0,0,0);}
   	99%  { -webkit-transform: scaleY(1) translate3d(-102%,0,0); }
   	100%  { -webkit-transform: scaleY(0.1) translate3d(-102%,0,0); }
}



#form2 .toolsQuestions .radioListLive, #form2 .toolsQuestions .qheader {
	display: table !important;
	width: 100%;
}
#form2 .toolsQuestions .radioListLive>DIV {
	display: table-row;
}
#form2 .toolsQuestions .radioListLive>DIV>DIV {
	display: table-cell;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #6c6c6c;
    border-right: 1px solid #6c6c6c;
}
#form2 .toolsQuestions .qheader>DIV {
	display: table-cell;
	padding: 3px;
}
#form2 .toolsQuestions .qheader {
	display: none !important;
}
#form2 .toolsQuestions .qheader.showit {
	display: table !important;
	padding: 3px;
	border-bottom: 2px dashed #8c8c8c;

}
#form2 .toolsQuestions .radioListLive .answer {
	width: 10%;
    min-width: 10%;
}
#form2 .toolsQuestions .qheader .answers {
	width: 10%;
    min-width: 10%;
    white-space: nowrap;
}
#form2 .toolsQuestions[text=top] .radioListLive .answer {
	white-space: nowrap;
}
#form2 .toolsQuestions .qheader.showit SPAN {
	display: inline-block;
	width: 38px;
    font: bold 14px/14px Roboto,Arial;    
    margin-right: 4px;
    overflow: hidden;
    white-space: normal;
    text-align: center;
}



/* STYLED RADIO BUTTONS */
#form2 .formBox .show INPUT[type="radio"], #form2 .formBox .show INPUT[type="checkbox"] {
    width: 99% !important;
    height: 99%;
    margin: 0;
    border: 0;
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
}
#form2 .formBox .show INPUT[type="radio"]~SPAN, #form2 .formBox .show INPUT[type="checkbox"]~SPAN, 
#form2 .formBox .show INPUT[type="radio"] ~ B, #form2 .formBox .show INPUT[type="checkbox"] ~ B {
	position: relative;
	display: table-cell;
	vertical-align: middle;
    padding-left: 37px;
    cursor: pointer;
    font: bold 16px/16px OpenSans,Arial !important;
    pointer-events: none;
    padding-right: 6px;
    height: 36px;
    text-align: left;
}

#form2 .formBox .show INPUT[type="radio"] ~ SPAN:before, #form2 .formBox .show INPUT[type="checkbox"] ~ SPAN:before, 
#form2 .formBox .show INPUT[type="radio"] ~ B:before, #form2 .formBox .show INPUT[type="checkbox"] ~ B:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 30px;
    height: 30px;
    border: 1px solid #000;    
    background: #fff;
}
#form2 .formBox .show INPUT[type="radio"] ~ SPAN:before, #form2 .formBox .show INPUT[type="radio"] ~ B:before {
	border-radius: 100%;
}
#form2 .formBox .show INPUT[type="radio"]:checked ~ SPAN:before, #form2 .formBox .show INPUT[type="checkbox"]:checked ~ SPAN:before, 
#form2 .formBox .show INPUT[type="radio"]:checked ~ B:before, #form2 .formBox .show INPUT[type="checkbox"]:checked ~ B:before {
	background-color: #4b4b4b;
}
#form2 .formBox .show INPUT[type="radio"] ~ SPAN:after, #form2 .formBox .show INPUT[type="radio"] ~ B:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #FFF;
    position: absolute;
    border-radius: 100%;
    top: 10px;
    left: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#form2 .formBox .show INPUT[type="checkbox"] ~ SPAN:after, #form2 .formBox .show INPUT[type="checkbox"] ~ B:after {
	content: '';
	position: absolute;
	left: 14px;
    top: 5px;
    width: 6px;
    height: 18px;
    border: solid #FFF;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#form2 .formBox .show INPUT[type="radio"]:not(:checked) ~ SPAN:after, #form2 .formBox .show INPUT[type="checkbox"]:not(:checked) ~ SPAN:after, 
#form2 .formBox .show INPUT[type="radio"]:not(:checked) ~ B:after, #form2 .formBox .show INPUT[type="checkbox"]:not(:checked) ~ B:after  {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#form2 .formBox.TakePicture[nogallery=OK] .pictureGallery{
	display: none;
}
#form2 .formBox .getGPS {
	display: none;
}
#form2 .formBox[gpsget=button] .getGPS {
	display: inline-block;
}

#form2 .pictureCamera:before {
	content: "\f163";
}
#form2 .pictureGallery:before {
	content: "\f246";
}
#form2 .getGPS:before {
	content: "\f27d";
}
#form2 .doSearch:before {
	content: "\f2ed";
}
#form2 .dateDate:before {
	content: "\f15f";
}
#form2 .TimeRange:before {
	content: "\f17b";
}
 #form2 .dateDateTime:before {
	content: "\f15d";
}
#form2 .dateTime:before {
	content: "\f18f";
}
#form2 .NFCscanner:before, #form2 .codeScanner:before {
	content: "\f37c";
}
#form2 .codeScannerDo:before {
	content: "\f2fb";
}
.icon-info:before {
    content: "\f1ce";
}
#powerSignature .drawColors>SPAN.pencolor {
	box-shadow: 0 0 4px 3px #FFF;
}
#FormData #powerSignature .Buttons {
	max-width: 140px;
	margin: 2px 16px;
}
#form2 .hlght {
	background-color: #fdff32;
	color: #000;
}
#form2 DIV.talk {
	position: absolute;
	z-index: 1;
    background-color: #003C81;
    top: 0px;
    right: 0px;
    opacity: 0.7;
    color: #FFF;
    width: 36px;
    height: 36px;
    text-align: center;
    pointer-events: all;
    cursor: pointer;
}
#form2 DIV.talk:after { 
	content: "\f28c";
	display: block;
    font: 32px/36px LineAwesome;    
}
#form2 .calcResultShow {
	min-height: 16px;
	margin-top: 5px;
}
#footer, #form2 .showResultPass, #form2 .resultPerc {
	display: none;
	font-size: 1.3rem;
}
#form2 TABLE.scoreResult TH {
	min-width: 50px;
    padding: 4px;
    height: 30px;
    border-right: 1px solid #e2e2e2;
    text-align: center;
}
#form2 TABLE.scoreResult TD {
	padding: 2px;
    text-align: center;
    height: 30px;
    min-width: 50px;
    border-top: 1px solid #6c6c6c;
    border-right: 1px solid #e2e2e2;
}
#form2 TABLE.scoreResult TD:first-child {
	text-align: left;
	font-weight: bold;
}
#form2 .iconinfo2 {
	position: absolute;
    right: 1px;
    top: 4px;
    overflow: visible !important;
    pointer-events: all;
    cursor: pointer;
}
#form2 .iconinfo2:hover {
    color: #FFF;
}
#form2 .iconinfo2:before {
	content: "\f24b";
	font: normal 32px/20px LineAwesome;	
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
}
#form2 .FeedTable {
	width: 99%;
    border-spacing: 0;
    table-layout: fixed;
    border: 1px solid #000;
    margin: 4px 0px;
    border-top: 0;
}
#form2 .FeedTable .title {
	background-color: #b5b5b5;
}
#form2 .FeedTable TD {
	padding: 4px 2px;
	border-top: 1px solid #6c6c6c;
    border-right: 1px solid #e2e2e2;
}
#pageCover H3 {
	color: red;
	margin: 1rem auto;
}

#form2 .formBox.Mapping[maptype=static] .mapdirinfo {
	display: none;
}
#form2 .mapdirinfo {
	display: none;
	margin-top: 10px;
	font-weight: bold;
}

#form2 .mapdirinfo>DIV {
	display: flex;
    flex-flow: row;
}
#form2 .mapdirinfo>DIV>SPAN {
	width: 50%;
}
#form2 .mapdirinfo .mapdirway {
	display: none;
	flex-flow: column;
	text-align: left;
	padding: 3px;
	font: 12px/12px Arial;
}
#form2 .mapdirinfo .mapdirway>DIV>DIV {
	border-bottom: 1px dashed #9e9e9e;
    padding: 4px 0;
}
#form2 .mapdirinfo .mapdirkm:before {
	content: '\f129';
	font: normal 22px/22px LineAwesome;
	vertical-align: middle;
}
#form2 .mapdirinfo .mapdirtime:before {
	content: '\f18f';
	font: normal 22px/22px LineAwesome;
	vertical-align: middle;
}
#form2 .mapdirinfo .mapdirway>B:before {
	content: '\f280';
	font: normal 22px/22px LineAwesome;
	vertical-align: middle;
}
#form2 .updateinfo {
	display: block !important;
	font: 12px/12px Arial;
	color: red;
	text-align: center;
	padding: 2px;
}

#form2 .waypointsMAP {
	height: 400px;
}
#form2 .gm-style-cc {
	display: none;
}

#form2 .formBox.FileUpload INPUT[type=button]{
	float: left;
	margin-left: 10px;
}
#form2 .formBox.FileUpload .show {
    display: flex !important;
    flex-flow: row;
    justify-content: center;
}
#form2 .formBox.FileUpload .previewup {
    max-width: 140px;
    max-height: 200px;
    margin: -12px 10px 4px;
}
#AlertBox .error {
	color: red;
}

@media only screen and (min-width: 720px) {

	
	#form2 {
		font: normal normal 1.25rem/1.40rem Roboto !important;
	}
	#form2 .title {
		font: bold normal 1.5rem/1.68rem OpenSans,Arial !important;
	}
	#form2 .ResultArea .GridResultTitle {
		font: bold italic 24px/24px OpenSans,Arial !important;
	}
	#form2 INPUT, #form2 TEXTAREA, #form2 SELECT {
		padding: 2px;
		border-radius: 0px;
		height: 30px;
		font-size: 18px;
	}
	#form2 TEXTAREA {
		font: normal 15px/15px Roboto,Arial !important;
		height: 62px !important;
	}
	#form2 SELECT, #form2 INPUT[target="datalist"] {
		height: 32px !important;
		border-radius: 0px;
	}
	#form2 INPUT[type="checkbox"], #form2 INPUT[type="radio"] {
		height: 46px !important;
	}
	#form2 .formBox .required:after {
	    font: bold 16px/14px LineAwesome;
	}
	#form2 .RepeatButton {
		font: 20px/44px OpenSans,Arial;
		height: 44px !important;
	}
 	
	#form2 .formBox .show INPUT[type="radio"] ~ SPAN:before, #form2 .formBox .show INPUT[type="checkbox"] ~ SPAN:before, 
	#form2 .formBox .show INPUT[type="radio"] ~ B:before, #form2 .formBox .show INPUT[type="checkbox"] ~ B:before {
	    left: 2px;
	    top: 2px;
	    width: 40px;
	    height: 40px;
	}
	#form2 .formBox .show INPUT[type="radio"]~SPAN, #form2 .formBox .show INPUT[type="checkbox"]~SPAN, 
	#form2 .formBox .show INPUT[type="radio"] ~ B, #form2 .formBox .show INPUT[type="checkbox"] ~ B {
	    padding-left: 48px;
	    font: bold 20px/20px OpenSans,Arial !important;
    	height: 46px;
	}
	#form2 .formBox .show INPUT[type="checkbox"] ~ SPAN:after, #form2 .formBox .show INPUT[type="checkbox"] ~ B:after {
		left: 18px;
	    top: 8px;
	    width: 8px;
	    height: 20px;
	}
	#form2 .formBox .show INPUT[type="radio"] ~ SPAN:after, #form2 .formBox .show INPUT[type="radio"] ~ B:after {	    
	    width: 20px;
	    height: 20px;
	    top: 13px;
	    left: 13px;
	}
	#form2 DIV.talk {
		width: 44px;
    	height: 44px;
	}
	#form2 DIV.talk:after {
		font: 34px/44px LineAwesome;
	}
	/* MAP full size in ARTICLE */
	#form2 ARTICLE .dataEntryInfo>SPAN {
		width: 100%;
	}
	#form2 .submitAction {
		min-width: 240px;
		font: bold 22px/22px OpenSans,Arial !important;
    	height: 36px;
	}
	#form2 INPUT[type=date] {
		max-width: 170px;
	}
	#form2 .FeedTable {
		margin: 4px;
	}
}

@media only screen and (max-width: 720px) {
	
	#form2 .takenPictures DIV{
		margin: 0 0px 10px 0;
		width: 99%;
	}
	#form2 .formBox {
		margin: 5px 0;
	}
	#form2 .formBox.LayoutGrid {
		padding: 2px;
	}
	#form2 .formBox.LayoutGrid SECTION{
		margin: 2px 0;
	}
	#form2 .formBox.LayoutGrid .drawSignatureButtons .Buttons {
		width: 48px;
    	margin: 10px 2px 1px;
	}
	#form2 .formBox .imageList IMG{
		max-width: 98%;
	}	
	#form2 INPUT[type=text] {
		max-width: 500px;
	}
}

/*desktop preview */
@media only screen and (min-width: 1200px) {
	
	#form2 {
		font: normal normal 1rem/1.12rem Roboto !important;
	}
	#form2 .title {
		font: bold normal 1.25rem/1.4rem OpenSans !important;
	}
	#form2 .ResultArea .GridResultTitle {
		font: bold italic 22px/22px OpenSans,Arial !important;
	}
	#form2 .formBox .show INPUT[type="radio"] ~ SPAN:before, #form2 .formBox .show INPUT[type="checkbox"] ~ SPAN:before, 
	#form2 .formBox .show INPUT[type="radio"] ~ B:before, #form2 .formBox .show INPUT[type="checkbox"] ~ B:before {
	    left: 2px;
	    top: 2px;
	    width: 30px;
	    height: 30px;
	}
	#form2 .formBox .show INPUT[type="radio"]~SPAN, #form2 .formBox .show INPUT[type="checkbox"]~SPAN, 
	#form2 .formBox .show INPUT[type="radio"] ~ B, #form2 .formBox .show INPUT[type="checkbox"] ~ B {
	    padding-left: 37px;
	    font: bold 16px/16px OpenSans,Arial !important;
	    height: 36px;
	}
	#form2 .formBox .show INPUT[type="checkbox"] ~ SPAN:after, #form2 .formBox .show INPUT[type="checkbox"] ~ B:after {
		left: 14px;
    	top: 4px;
    	width: 6px;
    	height: 18px;
	}
	#form2 .formBox .show INPUT[type="radio"] ~ SPAN:after, #form2 .formBox .show INPUT[type="radio"] ~ B:after {	    
	    width: 16px;
	    height: 16px;
	    top: 10px;
	    left: 10px;
	}	
	#form2 .Buttons, #form2 .drawSignatureStart, #form2 DIV.talk {
        height: 32px;
        width: 32px;
	}
	#form2 .Buttons:before, #form2 .drawSignatureStart:before, #form2 DIV.talk:after {
		font: normal 28px/36px LineAwesome;
	}
	#form2 .RepeatButton {
		font: 18px/36px OpenSans,Arial;
		height: 36px !important;
	}
	#form2 INPUT, #form2 TEXTAREA, #form2 SELECT {
		font: 14px/14px Arial !important;
	}
	#form2 .formBox .required:after {
	    font: bold 10px/12px LineAwesome;
	}
	#form2 .EmbedImage .takenPicDel:before {
		display: none !important;
	}
}