form{
	box-sizing:border-box;
	color:rgba(210,210,210,1);
	font-size: 16px;
	margin:0 auto;
	width:100%;
	max-width: 480px;
}

form .headline,
form .fields,
form .buttons {
	padding: 10px 0;
}

form label[for="is_all_reports"] {
	font-size: 0.75em;
}

form .heading {
	color:rgba(210,210,210,1);
	font-size:inherit;
	text-align:left;
	padding:0 10px;
}

form .headline {
	/*background-color:rgba(0,130,130,1);*/
	color:rgba(210,210,210,1);
	font-size: 1.5em;
	/*height:40px;*/
	/*line-height:38px;*/
	text-align:center;
	padding-bottom:0;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;
}

form .fields .field {
	/*background-color:rgba(0,130,130,1);*/
	margin-top:10px;
}

form i.icon-cancel {
	border-radius: 7px;
	border: 1px solid rgba(130, 130, 130, 1);
	box-sizing: border-box;
	color:rgba(255, 0, 0, 1);
	cursor: pointer;
	display: inline-block;
	line-height: 1.5em;
	height: 1.5em;
	width: 1.5em;
	text-align: center;
	margin-left: 0.25em;
}

form .fields .field.hide {
	display:none;
}

/* form .fields .field:first-child {
	margin-top:0;
} */

form .wrap {
	box-sizing:border-box;
	position: relative;
}

form .row,
form .wrap-row {
	/* background-color:rgba(0,130,130,1); */
	box-sizing:border-box;

	display:flex;
	/* flex-direction:row; */
	/* justify-content:space-around; */
	align-items: flex-start;
	margin-top:3px;
}

form .row > div {
	margin-left: 0.5em;
	width: 50%;
}

form .row > div:first-child {
	margin-left: 0;
}

form .row .field {
	margin-top: 3px;
}

/* form .field .wrap-row:first-of-type {
	margin-top:0;
} */

form .wrap-row .name{
	/* background-color:rgba(0,130,130,1); */
	box-sizing:border-box;
	cursor:pointer;
	line-height: 1.2em;
	padding: 0.35em 0 0 0;
	margin:0;
	opacity:.5;
	/* white-space:nowrap; */

	-webkit-transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-ms-transition:opacity .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;

}

.checkbox-styled,
.formstyles input[type="checkbox"],
form .wrap-row input[type="checkbox"],
form .wrap-row input[type="radio"] {
	cursor:pointer;
	height:2em;
	margin:0 5px 0 0;
	opacity:.5;
	width:2em;
	min-width: 2em;

	-webkit-transition:opacity .2s ease-in-out;
		 -moz-transition:opacity .2s ease-in-out;
			-ms-transition:opacity .2s ease-in-out;
		   -o-transition:opacity .2s ease-in-out;
					transition:opacity .2s ease-in-out;

}

.checkbox-styled:checked {
	opacity:1;
}

.formstyles input[type="checkbox"]:hover + label,
.formstyles input[type="checkbox"]:hover,
.formstyles input[type="checkbox"]:checked + label,
.formstyles input[type="checkbox"]:checked,
form .wrap-row input[type="checkbox"]:hover + label,
form .wrap-row input[type="checkbox"]:hover,
form .wrap-row input[type="checkbox"]:checked + label,
form .wrap-row input[type="checkbox"]:checked,
form .wrap-row input[type="radio"]:hover + label,
form .wrap-row input[type="radio"]:hover,
form .wrap-row input[type="radio"]:checked + label,
form .wrap-row input[type="radio"]:checked {
	/* color:rgb(0, 172, 9); */
	opacity:1;
}

form .wrap-row input[type="radio"]:focus + label,
form .wrap-row input[type="radio"]:focus {
	opacity:1;

	-webkit-box-shadow:none;
		 -moz-box-shadow:none;
			-ms-box-shadow:none;
			 -o-box-shadow:none;
					box-shadow:none;

}

/* ::-webkit-datetime-edit { padding: 1em; }
::-webkit-datetime-edit-fields-wrapper { background: silver; }
::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: blue; }
::-webkit-datetime-edit-day-field { color: green; }
::-webkit-datetime-edit-year-field { color: purple; }
::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator { background: orange; } */

form input[type="time"]::-webkit-inner-spin-button,
form input[type="number"]::-webkit-inner-spin-button,
form input[type="date"]::-webkit-inner-spin-button {
	display:inline-block;
	font-size: inherit;
	font-family: inherit;
	height: 2em;
}

form .ribut {
	text-align: right;

	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

form div.ribut a,
form div.ribut span {
	border-bottom:1px solid rgb(0, 200, 200);
	color:rgb(0, 200, 200);
	cursor:pointer;
	display:inline-block;
	font-size:16px;
	margin-bottom:10px;
	height:auto;
	line-height:1.2em;
	text-decoration: none;

	-webkit-transition:border .2s ease-in-out;
	   -moz-transition:border .2s ease-in-out;
			-ms-transition:border .2s ease-in-out;
			 -o-transition:border .2s ease-in-out;
					transition:border .2s ease-in-out;
}

form div.ribut span.red {
	border-bottom:1px solid rgb(200, 0, 0);
	color:rgb(200, 0, 0);
}

form .ribut a:hover,
form .ribut a:active,
form .ribut span:active,
form .ribut .yellow:active,
form .ribut .yellow:hover,
form .ribut .green:active,
form .ribut .green:hover,
form .ribut .white:active,
form .ribut .white:hover,
form .ribut span:hover {
	border-bottom: 1px solid transparent !important;
}

form .list label,
form .field label {
	display:inline-block;
	line-height: 1.2em;
	padding: 0;
	margin:0 10px;

	user-select:none;
}

form .list label.head,
form .field label.head {
	color:rgb(210,210,210);
	font-size: 1em;
	margin-bottom:2px;
	user-select: auto;
}

form .field label.foot {
	font-size: 0.875em;
	max-height:0;
	opacity:0;
	overflow:hidden;

	-webkit-transition:max-height .5s ease-in-out .3s,opacity .3s ease-in-out;
		 -moz-transition:max-height .5s ease-in-out .3s,opacity .3s ease-in-out;
			-ms-transition:max-height .5s ease-in-out .3s,opacity .3s ease-in-out;
		   -o-transition:max-height .5s ease-in-out .3s,opacity .3s ease-in-out;
					transition:max-height .5s ease-in-out .3s,opacity .3s ease-in-out;

}

form .field.error label.foot {
	color:rgba(243, 182, 40, 1);
	max-height:3em;
	opacity:1;

	-webkit-transition:max-height .5s ease-in-out,opacity .3s ease-in-out .5s;
		 -moz-transition:max-height .5s ease-in-out,opacity .3s ease-in-out .5s;
			-ms-transition:max-height .5s ease-in-out,opacity .3s ease-in-out .5s;
		   -o-transition:max-height .5s ease-in-out,opacity .3s ease-in-out .5s;
					transition:max-height .5s ease-in-out,opacity .3s ease-in-out .5s;

}

/* form .field.require .headline::after, */
form .field.require label.head::after {
	content:"*";
	color:rgba(243, 182, 40,1);
	margin:0 0 0 5px;
}

form .field label.foot::before {
	content:"\e90b";
	color:rgba(243, 182, 40, 1);
	font-family: 'FontIcons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin:0 5px 0 0px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*form .field label.foot {*/
	/*margin-top:2px;*/
/*}*/

form .field label.foot i {
	color:rgba(0, 200, 200,1);
	margin:0 5px 0 10px;
}

form .buttons {
	box-sizing:border-box;
	position:relative;
	text-align:center;
	/* margin-top:20px; */

	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;
}

form .items-list > div i,
form .row i,
form button,
form label.button,
form .buttons > a,
form .buttons > span{
	background-color: rgba(0,0,0,1);
	border: 1px solid rgba(51,51,51,1);
	border-radius:4px;
	box-sizing:border-box;
	color:rgba(210,210,210,1);
	cursor:pointer;
	display:inline-block;
	font-size:1em;
	height:2em;
	line-height:1.85em;
	outline:none;
	width:100%;
	margin-top:10px;
	text-decoration:none;
	/*padding:0 10px;*/

	-webkit-transition:box-shadow .2s ease-in-out,text-shadow .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
	   -moz-transition:box-shadow .2s ease-in-out,text-shadow .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
	    -ms-transition:box-shadow .2s ease-in-out,text-shadow .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
	     -o-transition:box-shadow .2s ease-in-out,text-shadow .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
	        transition:box-shadow .2s ease-in-out,text-shadow .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
}

form label.button {
	width: auto;
	padding: 0 0.5em;
}

form .items-list > div i,
form .row i {
	height: 2em;
	line-height: 2em;
	width: 2em;
	max-width: 2em;
	min-width: 2em;
	margin: 0 0 0 1em;
	text-align: center;
}

form .items-list > div i {
	font-size:inherit;
}

form i.icon-plus.disabled:hover,
form i.icon-plus.disabled:active,
form i.icon-plus.disabled {
	background-color: rgb(27, 27, 27);
	color: rgb(130, 130, 130);
	cursor: default;
	pointer-events: none;

	text-shadow: none;

}

form .buttons > span:first-child{
	margin-top:0;
}

form .row i:hover,
form button:hover,
form label.button:hover,
form .buttons > span:hover{
	border:1px solid rgb(0, 200, 200,1);
	color:rgba(0, 200, 200,1);
}

form .ribut span:active,
form .row i:active,
form button:active,
form label.button:active,
form .buttons > span:active{
	color:rgba(0, 200, 200,1);

	text-shadow: 0 0 3px rgba(0, 200, 200,1),
							 0 0 3px rgba(0, 200, 200,1),
							 0 0 3px rgba(0, 200, 200,1),
							 0 0 3px rgba(0, 200, 200,1);

  -webkit-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
     -moz-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
      -ms-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
       -o-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
          transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
}

form .ribut span.red:active {
	color:rgba(200, 0, 0,1);

	text-shadow: 0 0 3px rgba(200, 0, 0,1),
							 0 0 3px rgba(200, 0, 0,1),
							 0 0 3px rgba(200, 0, 0,1),
							 0 0 3px rgba(200, 0, 0,1);
}

form div.ribut .yellow {
	border-bottom-color:rgba(243,188,49,.5);
	color:rgba(243,188,49,1);
	text-decoration: none;

	-webkit-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
		 -moz-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
			-ms-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
			 -o-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
					transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
}

form .ribut .yellow:hover{
	color: rgba(255,214,0,1);
}

form .ribut .yellow:active {
	color:rgba(255,214,0,1);

	text-shadow: 0 0 3px rgba(255,214,0,1),
							 0 0 3px rgba(255,214,0,1),
							 0 0 3px rgba(255,214,0,1),
							 0 0 3px rgba(255,214,0,1);

  -webkit-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
     -moz-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
      -ms-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
       -o-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
          transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
}

form .ribut span.yellow:active,
form .ribut span:active {
	border-bottom:1px solid rgba(0, 200, 200, 0);
}

form div.ribut .green {
	border-bottom-color:rgba(0,200,0,.7);
	color:rgba(0,200,0,0.9);
	text-decoration: none;

	-webkit-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
		 -moz-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
			-ms-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
			 -o-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
					transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
}

form .ribut .green:hover{
	color: rgba(0,200,0,1);
}

form .ribut .green:active {
	color:rgba(0,200,0,1);

	text-shadow: 0 0 3px rgba(0,200,0,1),
							 0 0 3px rgba(0,200,0,1),
							 0 0 3px rgba(0,200,0,1),
							 0 0 3px rgba(0,200,0,1);

  -webkit-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
     -moz-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
      -ms-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
       -o-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
          transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
}

form .ribut span.green:active{
	border-bottom:1px solid rgba(200, 200, 200, 0);
}

form div.ribut .white {
	border-bottom-color:rgba(200,200,200,.7);
	color:rgba(200,200,200,0.9);
	text-decoration: none;

	-webkit-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
		 -moz-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
			-ms-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
			 -o-transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
					transition:color 0.2s ease-in-out, border 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
}

form .ribut .white:hover{
	color: rgba(200,200,200,1);
}

form .ribut .white:active {
	color:rgba(200,200,200,1);

	text-shadow: 0 0 3px rgba(200,200,200,1),
							 0 0 3px rgba(200,200,200,1),
							 0 0 3px rgba(200,200,200,1),
							 0 0 3px rgba(200,200,200,1);

  -webkit-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
     -moz-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
      -ms-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
       -o-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
          transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
}

form .ribut span.white:active{
	border-bottom:1px solid rgba(200, 200, 200, 0);
}

form .row i:active,
form button:active,
form label.button:active,
form .buttons > span:active{
	border:1px solid rgba(0, 200, 200,1);
}

form .items-list > div i,
form i.icon-bin,
form .buttons > a.cancel,
form .buttons > span.cancel {
	border:1px solid rgb(180, 50, 50,1);
}

form .items-list > div i:hover,
form i.icon-bin:hover,
form .buttons > a.cancel:hover,
form .buttons > span.cancel:hover{
	border:1px solid rgb(218, 33, 33,1);
	color:rgba(218, 33, 33,1);
}

form .items-list > div i:active,
form i.icon-bin:active,
form .buttons > a.cancel:active,
form .buttons > span.cancel:active{
	border:1px solid rgba(218, 33, 33,1);
	color:rgba(218, 33, 33,1);

	text-shadow: 0 0 3px rgba(218, 33, 33,1),
							 0 0 3px rgba(218, 33, 33,1),
							 0 0 3px rgba(218, 33, 33,1),
							 0 0 3px rgba(218, 33, 33,1);

	/* -webkit-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
		 -moz-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
			-ms-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
			 -o-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
					box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1); */

  -webkit-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
     -moz-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
      -ms-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
       -o-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
          transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
}

form .buttons > a.complete,
form .buttons > span.complete {
	border:1px solid rgb(255, 175, 0,1);
}

form .buttons > a.complete:hover,
form .buttons > span.complete:hover{
	border:1px solid rgb(255, 175, 0,1);
	color:rgba(255, 175, 0,1);
}

form .buttons > a.complete:active,
form .buttons > span.complete:active{
	border:1px solid rgba(255, 175, 0,1);
	color:rgba(255, 175, 0,1);

	text-shadow: 0 0 3px rgba(255, 175, 0,1),
							 0 0 3px rgba(255, 175, 0,1),
							 0 0 3px rgba(255, 175, 0,1),
							 0 0 3px rgba(255, 175, 0,1);

	/* -webkit-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
		 -moz-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
			-ms-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
			 -o-box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1);
					box-shadow:0 0 5px 1px rgba(218, 33, 33,1),inset 0 0 5px 1px rgba(218, 33, 33,1); */

  -webkit-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
     -moz-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
      -ms-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
       -o-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
          transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out;
}

form i.icon-google {
	border:1px solid rgb(0, 200, 100, 1) !important;
	user-select: none;
}

form i.icon-google:hover {
	border:1px solid rgb(0, 200, 100, 1) !important;
	color:rgba(0, 200, 100, 1) !important;
}

form i.icon-google:active {
	border:1px solid rgba(0, 200, 100, 1) !important;
	color:rgba(0, 200, 100, 1) !important;

	text-shadow: 0 0 3px rgba(0, 200, 100, 1),
							 0 0 3px rgba(0, 200, 100, 1),
							 0 0 3px rgba(0, 200, 100, 1),
							 0 0 3px rgba(0, 200, 100, 1) !important;

  -webkit-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out !important;
     -moz-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out !important;
      -ms-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out !important;
       -o-transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out !important;
          transition:box-shadow 0s ease-in-out,text-shadow 0s ease-in-out,color 0s ease-in-out,border 0s ease-in-out !important;
}

form select,
form textarea,
form input {
	background-color:rgba(220,220,220,1);
	border:1px solid rgba(210,210,210,1);
	border-radius:4px;
	box-sizing:border-box;
	display:inline-block;
	font-size: inherit;
	width:100%;
	outline:none;

  -webkit-transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out;
     -moz-transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out;
      -ms-transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out;
       -o-transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out;
          transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out;
}

form select,
form input {
	padding:0 0.5em;
	height:2em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

form input[type="file"] {
	cursor:pointer;
	line-height: 2em;
}

form select {
	cursor:pointer;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;
}

form .field input[readonly="true"],
form .field.readonly input,
form select:disabled {
	cursor: default;
}

form select:disabled {
	pointer-events:none;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	   -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;
}

form textarea {
	font-family:inherit;
	min-height:2em;
	padding:0.25em;
	resize:vertical;
}

/*form textarea {
	box-sizing:border-box;
	border:1px solid rgba(210,210,210,1);
	display:inline-block;
	font-size:20px;
	padding:10px;
	width:100%;
	resize:vertical;
}*/

form textarea::selection,
form input::selection{
	background:rgba(0, 200, 200,1);
}

form select:hover,
form textarea:hover,
form input:hover{
	background:rgba(240,240,240,1);
}

/*form textarea:active,
form input:active{
	text-shadow:-1px -1px 0px rgba(210,210,210,1),
							 -1px 1px 0px rgba(210,210,210,1),
								1px 1px 0px rgba(210,210,210,1),
							 1px -1px 0px rgba(210,210,210,1);
}*/

form select:focus,
form textarea:focus,
form input:focus {
	background-color:rgba(240,240,240,1);
	border:1px solid rgba(0, 200, 200,1);
	/*border:1px solid rgba(0, 200, 200,1);*/
	color:rgba(0,0,0,1);

	/* -webkit-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
		 -moz-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
			-ms-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
			 -o-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
					box-shadow:0 0 5px 2px rgba(0, 200, 200,1); */

/*	-webkit-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
		 -moz-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
			-ms-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
			 -o-box-shadow:0 0 5px 2px rgba(0, 200, 200,1);
					box-shadow:0 0 5px 2px rgba(0, 200, 200,1);*/
}

form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus,
form textarea:-webkit-autofill:active,

form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form input:-webkit-autofill:active {
	-webkit-text-fill-color:rgba(0,130,130,1);
	transition:background-color 5000s ease-in-out 0s;
	/* -webkit-box-shadow: 0 0 0 30px rgba(48,51,51,1) inset; */
	-webkit-box-shadow: 0 0 0 30px rgba(220,220,220,1) inset;
}

form textarea::placeholder,
form textarea::-webkit-input-placeholder,
form textarea:hover::placeholder,
form textarea:hover::-webkit-input-placeholder,

form input::placeholder,
form input::-webkit-input-placeholder,
form input:hover::placeholder,
form input:hover::-webkit-input-placeholder{
	-webkit-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
		 -moz-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
			-ms-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
			 -o-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
					transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
}

form textarea:-moz-placeholder,
form textarea:-ms-input-placeholder,
form textarea:hover:-moz-placeholder,
form textarea:hover:-ms-input-placeholder,

form input:-moz-placeholder,
form input:-ms-input-placeholder,
form input:hover:-moz-placeholder,
form input:hover:-ms-input-placeholder{
	-webkit-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
		 -moz-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
			-ms-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
			 -o-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
					transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
}

form textarea::-moz-placeholder,
form textarea:hover::-moz-placeholder,

form input::-moz-placeholder,
form input:hover::-moz-placeholder{
	-webkit-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
		 -moz-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
			-ms-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
			 -o-transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
					transition:color.5s ease-in-out, text-shadow.5s ease-in-out;
}

form textarea:focus::placeholder,
form textarea:focus::-webkit-input-placeholder,

form input:focus::placeholder,
form input:focus::-webkit-input-placeholder{
	color:rgba(255,255,255,0);
	text-shadow:none;
}

form textarea:focus:-moz-placeholder,
form textarea:focus:-ms-input-placeholder,

form input:focus:-moz-placeholder,
form input:focus:-ms-input-placeholder{
	color:rgba(255,255,255,0);
	text-shadow:none;
}

form textarea:focus::-moz-placeholder,
form input:focus::-moz-placeholder{
	color:rgba(255,255,255,0);
	text-shadow:none;
}

form.busy button.busy,
form.busy .buttons span.busy {
	border-color:rgb(245, 239, 96);
	/* background-color:rgb(151, 236, 216); */
	background-image: url("/source/images/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	pointer-events:none;
}

form .field .wrap-row button {
	font-size: 1em !important;
	line-height:2em;
	max-width: 2em;
	margin: 0 0 0 10px;
	text-align:center;
}

form .list ul {
	background-color: rgba(180,180,180,1);
	border: 1px solid rgba(210,210,210,1);
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-radius: 4px;
	box-sizing: border-box;
	color: rgba(50,50,50,1);
	font-size:inherit;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 0;
	max-height: 0;
	overflow-x: hidden;
	overflow-y: auto;

	-webkit-transition: max-height .3s ease-in-out, border .3s step-end, z-index .3s step-end;
		 -moz-transition: max-height .3s ease-in-out, border .3s step-end, z-index .3s step-end;
			-ms-transition: max-height .3s ease-in-out, border .3s step-end, z-index .3s step-end;
			 -o-transition: max-height .3s ease-in-out, border .3s step-end, z-index .3s step-end;
					transition: max-height .3s ease-in-out, border .3s step-end, z-index .3s step-end;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	 	 -moz-user-select:none;
			-ms-user-select:none;
	 		 -o-user-select:none;
					user-select:none;

}

form .list ul.active {
	border-top-width: 1px;
	border-bottom-width: 1px;
	max-height: 10.25em;
	z-index: 1;

	-webkit-transition: max-height .3s ease-in-out, border .3s step-start, z-index .3s step-start;
		 -moz-transition: max-height .3s ease-in-out, border .3s step-start, z-index .3s step-start;
			-ms-transition: max-height .3s ease-in-out, border .3s step-start, z-index .3s step-start;
			 -o-transition: max-height .3s ease-in-out, border .3s step-start, z-index .3s step-start;
					transition: max-height .3s ease-in-out, border .3s step-start, z-index .3s step-start;

}

form .list ul > li a {
	color: inherit;
	text-decoration: none;
}

form .list ul > li {
	border-top: 1px solid rgba(50,50,50,1);
	cursor: pointer;
	height: 2em;
	line-height: 2em;
	padding: 0 0.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	-webkit-transition:all .2s ease-in-out;
		 -moz-transition:all .2s ease-in-out;
			-ms-transition:all .2s ease-in-out;
			 -o-transition:all .2s ease-in-out;
					transition:all .2s ease-in-out;

}

form .list ul > li.hidden {
	display: none;
}

form .list ul > li:first-child {
	border-top: none;
}

form .list ul > li:hover {
	background-color: rgb(200, 200, 200);
}

form .list ul > li:active{
	text-shadow: 0 0 3px rgba(50, 50, 50, 1),
						   0 0 3px rgba(50, 50, 50, 1),
						   0 0 3px rgba(50, 50, 50, 1),
						   0 0 3px rgba(50, 50, 50, 1);

  -webkit-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
     -moz-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
      -ms-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
       -o-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
          transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
}

form .items-list {
	margin: 0.5em 0 1em;
}

form .filer .items-list > div span {
	color: rgba(218, 33, 33, 1);
	line-height: 1em;
	margin-left: 0.25em;
}

form .filer button {
	margin-bottom: 0.5em;
}

form .items-list .group {
	margin-top: 0.5em !important;
}

form .items-list .group > div > div,
form .items-list > div:not(.group) {
	color: rgba(220, 220, 220, 1);
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
	font-size: 0.85em;
	padding: 0 1em;
	margin-top: 0.25em;
	position: relative;
}

form .items-list .group > div > div {
	padding: 0;
}

form .items-list .group > div textarea {
	height: 2em;
	min-height: 2em;
	margin-top: 0.2em;
}

form .items-list .group > div > div > label {
	margin: 0em;
}

form .items-list .group > div > div > label:nth-of-type(2) {
	margin-right: 0.5em;
}

form .items-list .group > div:not(:first-child) {
	margin-top: 0.75em;
}

form .items-list .group::before {
	content: attr(data-date);
	display: block;
	margin-left: -0.5em;
}

form .items-list > div:first-child {
	margin-top: 0;
}

form .fields .field.filer .items-list > .empty {
	color: rgba(130, 130, 130, 1);
	font-size: 1.25em;
	text-align: center;
	margin: 2em 0;
}

#modal.longer form,
#modal.longer > div > div,
#modal.longest form,
#modal.longest > div > div {
	width: 100%;
	max-width: 1280px;
}

#modal.longer form,
#modal.longer > div > div {
	max-width: 960px;
}

#modal.longer form .fields .field,
#modal.longer form .buttons > span,
#modal.longest form .fields .field,
#modal.longest form .buttons > span {
	max-width: 480px;
}

#modal.longest form .buttons > span:last-child {
	margin-left: 0.5em;
}

#modal.longest form .fields > div:last-child {
	margin-left: 0.5em;
}

#modal.longest form .fields {
	box-sizing:border-box;
	display:flex;
	/* flex-direction:row; */
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: nowrap;
}

#modal.longest form .fields .field {
	margin: 0 0.5em 1em;
}

#modal.longest form table {
	font-size: 0.9em;
	max-width: 100%;
	margin: auto;
	width: 100%;
}

#modal.longest form table {
	border-collapse: collapse;
	min-width: 1200px;
}

#modal.longest form .scroll-box {
	padding-bottom: 1em;
	overflow-x: auto;
}

#modal form .horizontal-box {
	overflow-y: auto;
}

#modal.longest form table tr th,
#modal.longest form table tr td {
	border: 1px solid rgba(50, 50, 50, 1) !important;
	text-align: right;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#modal.longest form table tr .name {
	text-align: left;
}

#modal.longest form table tr .plus {
	color: rgba(0, 200, 0,1) !important;
}

#modal.longest form table tr .minus {
	color: rgba(200, 0, 0,1) !important;
}

#modal.longest form table tr.percepted {
	background-color: rgba(0,255,255,0.1);
}

#modal.longest form table tr .center {
	text-align: center;
}

#modal.longest form table tr.total {
	height: 4em;
}

#modal.longest form table tr.total th {
	color: rgba(243,188,49,1);
}

#modal form {
	font-size: 1em !important;
}

#modal form .buttons > *,
#modal form input,
#modal form select {
	line-height: 1.75em !important;
	font-size: 1em !important;
}

#modal form textarea {
	line-height: 1.2em !important;
	font-size: 1em !important;
}

#modal form input[type="time"],
#modal form input[type="number"],
#modal form input[type="date"] {
	line-height: 1.75em !important;
	/* font-size: 1.25em !important; */
}

#modal form .buttons > *,
#modal form input,
#modal form select {
	height: 2em !important;
}

@media screen and (max-width:1280px){
}

@media screen and (max-width:768px){
	form .headline {
		font-size:22px;
	}

	form textarea,
	form input {
		/* font-size:20px; */
		width:100%;
	}

	form input {
		height:2em;
	}

	form textarea {
		min-height:2em;
	}

	form .button{
		font-size:20px;
		height:2em;
		line-height:1.2em;
		/*padding:0 20px;*/
	}

}

@media screen and (max-width:480px){
	form .tabs {
		margin:0 10px;
	}
}

#modal {
	background-color: rgba(0, 0, 0, .75);
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	min-width:303px;
	z-index:10;
}

#modal.show {
	display:block;
}

#modal > div{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items: center;
	height:100%;
	position:relative;
	outline: none;
	width:100%;
}

#modal > div > span{
	background-color: rgba(0, 0, 0, 1);
	border: 1px solid rgba(51, 51, 51, 1);
	border-radius:50%;
	box-sizing:border-box;
	color: rgba(220, 220, 220, 1);
	cursor:pointer;
	display:inline-block;
	font-size: 4em;
	line-height: 1.5em;
	height:2em;
	width:2em;
	opacity:1;
	padding: 0.2em;
	position:absolute;
	z-index: 1;
	top: 0.25em;
	right: 0.25em;
	text-align:center;

	-webkit-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
		 -moz-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
			-ms-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
			 -o-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
					transition:text-shadow .2s ease-in-out,color .2s ease-in-out;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	 	 -moz-user-select:none;
			-ms-user-select:none;
	 		 -o-user-select:none;
					user-select:none;

}

#modal > div > span:hover{
	color: #b90404;
}

#modal > div > span:active{
	text-shadow: 0 0 3px #b90404,
						   0 0 3px #b90404,
						   0 0 3px #b90404,
						   0 0 3px #b90404;

  -webkit-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
     -moz-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
      -ms-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
       -o-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
          transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
}

#modal > div > div {
	background-color: rgb(8, 12, 15);
	border: 1px solid rgba(51,51,51,1);
	border-radius:7px;
	box-sizing:border-box;
	color: rgb(201, 201, 201);
	padding:20px 30px;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:92%;
	max-width:580px;
	position:relative;
	width:100%;
}

@media screen and (max-width:768px){
	#modal > div > span{
		font-size: 2em;
	}

	#modal > div > div {
		border:none;
		border-radius:none;
		max-height:100%;
		height:100%;
		padding:30px;
		max-width:100%;
		width:100%;
	}

	#modal.longest form .fields {
		flex-wrap: wrap;
	}

	#modal.longest form .fields .field {
		max-width: 100%;
		width: 100%;
	}

	form label[for="is_all_reports"] {
		font-size: 1em;
	}

}

@media screen and (max-width:480px){
	#modal > div > div {
		height:100%;
		padding:10px;
		max-width:100%;
		width:100%;
	}

}