html, body{ height:100%; }

body {
-ms-touch-action: manipulation !important;
}

small{ font-size:0.9em; }

label, button, input, ul, li, a { font-family: "Inter"; /* font-size: 1.1em; */}
div, span { font-family: "Inter"; /* font-size: 1em; */ }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* td, label { font: 1.05em/0.95em Droid Sans } */
h1{ font-size:2em; margin:0 0 50px 0; }
button{ cursor:pointer; }
p{ padding:5px 0; }

#clrFld, #clrFld1, #clrFld2, #clrFld3, #clrFld4, #clrFld5, #clrFld6, #clrFld7, #clrFld8 {
	text-indent: -1000em;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(../js/jqwidgets/styles/images/close.png);
	background-repeat: no-repeat;
	position: relative;
	left: -20px;
	top: 3px;
}

span.cellWithoutBackground
{
	display:block;
	background-image:none;
	margin-right:-2px;
	margin-left:-2px;
	height:20px;
	padding:4px;
}

#wrap{ padding:50px; width:860px; background-color:#FFF; margin:50px auto; border:1px dashed #AAA; position:relative; }
.options{ position:absolute; top:-1px; right:-1px; background-color:#F1F1F1; padding:4px 0; border-left:1px dashed #AAA; border-bottom:1px dashed #AAA; }
	.options label{ cursor:pointer; margin:0 10px; }

/* input, select{ font-size:inherit; margin:0; } */

a {text-decoration:none;}

/* Tooltips helpers */
/*
.item .tooltip{ float:left; top:2px; left:7px; position:relative; z-index:2; font-size:12px; }

.item .tooltip:hover{ z-index:3; }
   .item .tooltip > span{ display:inline-block; width:16px; height:16px; line-height:16px; font-size:0.9em; font-weight:bold; text-align:center; color:#FFF; cursor:help; background-color:#BBBBBB; position:relative; border-radius:10px; }
   .item .tooltip > span#must{ display:inline-block; width:16px; height:16px; line-height:16px; font-size:0.9em; font-weight:bold; text-align:center; color:#FFF; cursor:help; background-color:#cfba7a; position:relative; border-radius:10px; }
    .item .tooltip .content{ opacity:0; width:200px; background-color:#333; color:#FFF; font-size:0.9em; position:absolute; top:0; left:20px; padding-left:8px; padding-right:8px; border-radius:0px; pointer-events:none; transition:0.2s cubic-bezier(0.1, 0.1, 0.25, 2); -webkit-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); -moz-transition:0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2); font-size: 110%; }
        .item .tooltip p{ padding:0; }
   .item .tooltip.down .content{ left:auto; right:0; top:30px; }
   .item .tooltip:hover .content{ opacity:1; left:36px; }
      .item .tooltip .content b{ height:0; width:0; border-color:#333 #333 transparent transparent; border-style:none; border-width:9px 7px; position:absolute; left:-14px; top:8px; }
        .item .tooltip.down .content b{ left:auto; right:6px; top:-10px; border-width:5px; border-color:transparent #333 #333 transparent; }
*/
/* alerts (when validation fails) */
/*
.item .alert{ float:left; margin:0 0 0 20px; padding:4px 10px; position:relative; color:#FFF; border-radius:3px 4px 4px 3px; background-color:#CE5454; max-width:170px; white-space:pre; z-index:1; font-size:12px;}
.item .alert::after{ content:''; display:block; height:0; width:0; border-color:transparent #CE5454 transparent transparent; border-style:none; border-width:11px 7px; position:absolute; left:-13px; top:0px; }
*7
@-moz-keyframes shake{
    25%{ left: -6px; }
    75%{ left: 6px; }
}
@-webkit-keyframes shake{
    33%{ left: -6px; }
    50%{ left:0; }
    66%{ left: 6px; }
}
/*
form fieldset{ clear:both; margin:0 0 10px 0; }
form .item{ padding:0px 0; position:relative; height:20px; }
form .item.items{ height:auto; }

	.item label{ float:left; }
		.item label span{ float:left; width:160px; text-transform:capitalize; line-height:2em; }

	.item input, .item textarea{ float:left;  width:150px; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s }

 */
/*
	.item input[type="radio"] { width:20px; }
	.item input[type="checkbox"] { width:20px; }

 */
/*	.item input{  }
	.item input.short{ width:90px; }
	.item input:focus:not([type="checkbox"]), .item textarea:focus{ box-shadow:0 0 4px #00AEEF; border:1px solid #00AEEF; }
	.item textarea{  }
*/
/*
	.item select,
	.item .ui-multiselect,
	.item .ui-multiselect-menu{ float:left; width:220px; padding:2px 0; margin:0; border:1px solid #CCC; text-transform:capitalize; font-size:12px;}
		.item select option{ padding:1px; font-size:12px; }

    .item > .extra{ float:left; font-size:0.9em; color:#999; line-height:2em; margin-left:13px; }

	.item.multi .input{ float:left; }
		.item.multi input{ float:left; margin-right:5px; width:35px; text-align:center; }
		form .item.multi input:nth-last-child(-n+2){ margin:0; }
	.item.items input{ border-top:5px solid #E1E1E1;  margin:0 0 0 160px;  }

	.bad input[required=required], .bad input.optional, .bad select, .bad textarea{ position:relative; left:0; -moz-animation:.3s 2 shake linear; -webkit-animation:0.3s 2 shake linear;  }
*/