html {
	box-sizing:border-box;
	min-width:303px;
}

body {
	background: rgba(0, 0, 0, 1);
	box-sizing:border-box;
	padding-bottom: 70px;
	font-family: SegoeUI;
	color: rgba(240, 240, 240, 1);
	position:relative;
	margin:auto;
	width:80%;
	max-width:1280px;
}

::-webkit-scrollbar {
	width: 17px;
	height: 17px;
}

::-webkit-scrollbar-track {
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
	background: rgb(0,200,200);
	width: 50px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(0, 170, 170);
}

section {
	box-sizing:border-box;
	padding: 10px;
	overflow:hidden;
}

.field.hiddenly,
#template-payment-types,
#template-types,
#template-expenses-tags {
	display: none;
}

section > .header {
	box-sizing:border-box;
	/* display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center; */
	font-size:18px;
	text-indent: 20px;
	text-align: justify;
	/* font-size:28px; */

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

}

section > .header .mini-buttons,
section > .header .buttons {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:flex-end;
	align-items: center;
	margin:0;
}

/* body section a.back, */
section > .header .mini-buttons a,
section > .header .buttons a,
section > .header .mini-buttons span,
section > .header .buttons span {
	border: 1px solid rgba(151, 151, 151, 1);
	border-radius:7px;
	box-sizing:border-box;
	cursor:pointer;
	color: inherit;
	/* color: rgba(220, 220, 220, 1); */
	display: inline-block;
	line-height: 1.15em;
	height: 1.375em;
	font-size: 1.15em;
	margin:3px 0 3px 10px;
	padding:0 10px;
	text-indent: 0;
	text-decoration: none;
	white-space: nowrap;

	-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;

	-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,.5);
		 -moz-box-shadow:0 0 5px 0 rgba(255,255,255,.5);
		  -ms-box-shadow:0 0 5px 0 rgba(255,255,255,.5);
			 -o-box-shadow:0 0 5px 0 rgba(255,255,255,.5);
					box-shadow:0 0 5px 0 rgba(255,255,255,.5);

}

section > .header .mini-buttons a,
section > .header .mini-buttons span {
	font-size: 0.75em;
	line-height: 1.75em;
	height: 2em;
}

/* body section a.back:hover, */
section > .header .mini-buttons > a:hover,
section > .header .mini-buttons > span:hover,
section > .header .buttons > a:hover,
section > .header .buttons > span:hover {
	border: 1px solid rgba(0,200,200, 1);
	color: rgb(0,200,200);
}

/* body section a.back:active, */
section > .header .mini-buttons > a:active,
section > .header .mini-buttons > span:active,
section > .header .buttons > a:active,
section > .header .buttons > span:active {
	border: 1px solid rgba(0,200,200, 1);
	color: rgb(0,200,200);

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

	-webkit-text-shadow:0 0px 3px rgb(0,200,200, 1);
		 -moz-text-shadow:0 0px 3px rgb(0,200,200, 1);
			-ms-text-shadow:0 0px 3px rgb(0,200,200, 1);
			 -o-text-shadow:0 0px 3px rgb(0,200,200, 1);
					text-shadow:0 0px 3px rgb(0,200,200, 1);

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

}

body section a.back {
	border-bottom: 1px solid rgba(151, 151, 151, 1);
	box-sizing:border-box;
	cursor:pointer;
	color: inherit;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;

	-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;

}

body section a.back:active,
body section a.back:hover {
	border-bottom: 1px solid rgba(0,200,200, 0);
	color: rgb(0,200,200);
}

body section a.back:active {
	-webkit-text-shadow:0 0px 3px rgb(0,200,200, 1);
		 -moz-text-shadow:0 0px 3px rgb(0,200,200, 1);
			-ms-text-shadow:0 0px 3px rgb(0,200,200, 1);
			 -o-text-shadow:0 0px 3px rgb(0,200,200, 1);
					text-shadow:0 0px 3px rgb(0,200,200, 1);

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

}

body .right-container {
	text-align: right;
}

section > .headline {
	box-sizing:border-box;
	color: rgba(240, 240, 240, 1);
	display:block;
	font-size:2em;
	margin: 0 auto 1em;
	text-transform: uppercase;
}

section .trans {
	color:rgba(180,180,180,1);
}

#modal .select,
section .select {
	color:rgba(243,188,49,1) !important;
}

section table tr th {
	color:rgba(220,220,220,1);
	height:50px;

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

}

section table {
	border-collapse: collapse;
	font-size: 1em;
	margin-top:40px;
	width:100%;
}

.scrollbox {
	box-sizing: border-box;
	height: auto;
	max-height: 600px;
	overflow: auto;
}

.scrollbox-full {
	box-sizing: border-box;
	height: auto;
	overflow: auto;
}

section table tbody tr {
	border-bottom: 1px solid rgba(51, 51, 51, 1);
}

section table tbody tr:last-child {
	border-bottom: none;
}

section table tr td {
	padding:0 5px;
	text-align: center;
}

section table tr > th:last-child,
section table tr > td:last-child {
	padding:0 10px 0 5px;
}

/* section table tr th:last-child,
section table tr td:last-child {
	text-align: right;
} */

section table tr > .icon {
	padding:5px 5px !important;
	max-width:40px;
	min-width:40px;
	width:40px;
}

section table tr > .date {
	width: 170px;
	max-width: 170px;
}

section table tr > th:first-child,
section table tr > td:first-child {
	padding: 0.5em 0.25em 0.5em 0.5em;
	text-align: left;
}

section table tr.empty > td {
	color:rgba(160,160,160,1);
	font-size:22px;
	text-align: center;
	white-space:nowrap;

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

}

span.main-link {
	cursor: pointer;
}

span.main-link,
a.main-link,
form .items-list > div a,
section table tr td a,
section .backward a.icon-backward2,
section > ul.listing li > a.dir,
section > ul li a {
	border-bottom:1px solid rgba(243,188,49,.5);
	box-sizing:border-box;
	color:rgba(243,188,49,1);
	/* display:inline-block; */
	text-decoration:none;
	font-weight:100;
	/* white-space:nowrap; */

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

}

span.main-link:hover,
span.main-link:active,
a.main-link:hover,
a.main-link:active,
form .items-list > div a:hover,
form .items-list > div a:active,
section table tr td a:active,
section .backward a.icon-backward2:active,
section > ul.listing li > a.dir:active,
section > ul li a:active,
section table tr td a:hover,
section .backward a.icon-backward2:hover,
section > ul.listing li > a.dir:hover,
section > ul li a:hover {
	border-bottom:1px solid rgba(255,214,0,0);
	color:rgba(255,214,0,1);
}

span.main-link:active,
a.main-link:active,
form .items-list > div a:active,
section table tr td a:active,
section .backward a.icon-backward2:active,
section > ul.listing li > a.dir:active,
section > ul li a:active {

	-webkit-text-shadow:0 0 3px rgb(255,214,0);
		 -moz-text-shadow:0 0 3px rgb(255,214,0);
			-ms-text-shadow:0 0 3px rgb(255,214,0);
			 -o-text-shadow:0 0 3px rgb(255,214,0);
					text-shadow:0 0 3px rgb(255,214,0);

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


}

section table tr td a.icon-file-text2 {
	border:1px solid rgba(243,188,49,.5);
	border-radius:7px;
	display:inline-block;
	font-size:26px;
	line-height:38px;
	height:40px;
	text-align: center;
	width:40px;
}

section table tr td a.icon-file-text2:hover{
	border:1px solid rgba(255,214,0,1);
}

section table tr td a.icon-file-text2:active{

	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);

}

form i.icon-google,
section table tr td .icon-restore,
section table tr td a.icon-wrench,
section table tr td a.icon-search,
section table tr td i {
	border:1px solid rgba(81,81,81,1);
	border-radius:7px;
	box-sizing:border-box;
	color:rgba(240,240,240,1);
	cursor:pointer;
	display:inline-block;
	font-size:26px;
	line-height:38px !important;
	height:40px;
	text-align: center;
	width:40px;

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

}

.google-update {
	font-size: 1em;
	text-align: right;
}

.google-update i.icon-google {
	font-size: 1.6em;
	line-height: 1.5em !important;
}

section table tr td .icon-restore:active,
section table tr td a.icon-wrench:active,
section table tr td i:active {

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

}

section table tr td i.icon-bin:hover{
	border:1px solid rgba(200, 0, 0, 1);
	color:rgba(200, 0, 0, 1);
}

section table tr td i.icon-bin:active{
	border:1px solid rgba(200, 0, 0, 1);
	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);

}

section table tr td i.icon-file-text2:hover{
	border:1px solid rgba(255, 200, 0, 1);
	color:rgba(255, 200, 0, 1);
}

section table tr td i.icon-file-text2:active{
	border:1px solid rgba(255, 200, 0, 1);
	color:rgba(255, 200, 0, 1);

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

}

section table tr td i.icon-plus:active,
section table tr td i.icon-plus:hover,
section table tr td .icon-restore:active,
section table tr td .icon-restore:hover,
section table tr td .icon-wrench:active,
section table tr td .icon-wrench:hover{
	border:1px solid rgba(0, 200, 200,1);
	color:rgba(0, 200, 200,1);
}

section table tr td .icon-restore:active,
section table tr td .icon-plus:active,
section table tr td .icon-wrench:active{

	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);

}

section table tr td i.icon-calendar:active,
section table tr td i.icon-calendar:hover,
section table tr td i.icon-search:active,
section table tr td i.icon-search:hover {
	border:1px solid rgba(0, 230, 0,1);
	color:rgba(0, 230, 0,1);
}

section table tr td i.icon-briefcase:active,
section table tr td i.icon-briefcase:hover {
	border:1px solid rgba(200, 0, 100,1);
	color:rgba(200, 0, 100,1);
}

section table tr td i.icon-calendar:active,
section table tr td i.icon-search:active {

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

}

section table tr td i.icon-briefcase:active {

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

}

section table tr td i.icon-upload:active,
section table tr td i.icon-upload:hover {
	border:1px solid rgba(250, 50, 150, 1);
	color:rgba(250, 50, 150, 1);
}

section table tr td i.icon-upload:active {

	text-shadow: 0 0 3px rgba(250, 50, 150, 1),
							 0 0 3px rgba(250, 50, 150, 1),
							 0 0 3px rgba(250, 50, 150, 1),
							 0 0 3px rgba(250, 50, 150, 1);

}

section table tr td i.icon-download:active,
section table tr td i.icon-download:hover {
	border:1px solid rgba(200, 250, 50, 1);
	color:rgba(200, 250, 50, 1);
}

section table tr td i.icon-download:active {

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

}

#template-select {
	display: none;
}

section > .notice {
	color: rgb(130, 130, 130);
	font-size:20px;
	text-align: center;
	text-transform: uppercase;
}

section table {
	border-collapse: collapse;
	width: 100%;
}

section table thead tr {
	border-bottom: 1px solid rgba(50, 50, 50, 1);
	height: 50px;
}

section table tbody tr {
	height: 2.5em;
}

section .row-alignment table tbody tr {
	height: 5.5em;
}

section table tbody tr {
	border-bottom: 1px solid rgba(50, 50, 50, 1);
}

section table.simple tbody tr {
	border-bottom: none !important;
}

section table thead th {
	color: rgba(240, 240, 240, 1);
}

section table:not(.simple) tbody tr:not(.empty):hover {
	background-color: rgba(0, 20, 20, 1) !important;
}

section table tbody td {
	text-align:center;
}

section table tbody td a {
	color: #ff9900;
}

section table tbody td a:hover {
	color: #ffb648;
	text-decoration:none;
}

section table thead tr th[colspan="2"] {
	max-width: 90px;
	min-width: 90px;
	width: 90px;
	text-align:center;
}

.scrollbox {
	border-top: 1px solid rgba(51, 51, 51, 1);
	margin-top: 1em;
}

.scrollbox table {
	margin-top: 0;
}

form .field input[type="file"] {
	display: none;
}

table th > span {
	cursor: pointer;
	transition: color 0.2s ease-in-out, text-shadow 0.2s ease-in-out;
}

table th > span:hover,
table th > span:active {
	color: rgba(0, 200, 200, 1);
}

table th > span:active {
	transition: color 0.2s ease-in-out, text-shadow 0s ease-in-out;
	text-shadow: 0 0 5px rgba(0, 200, 200, 1);
}

table th > span::after {
	font-family: FontIcons;
	content: "\eee0";
	margin-left: 0.25em;
}

table th > span.asc::after {
	content: "\eee1";
}

table th > span.desc::after {
	content: "\eee2";
}

.form-reset {
	background-color: rgba(0,0,0,1);
	border: 1px solid rgba(51,51,51,1);
	border-radius:4px;
	box-sizing:border-box;
	color:rgba(255, 0, 0, 1);
	cursor:pointer;
	display:inline-block;
	font-size:1em;
	height:2em;
	line-height: 1.2em;
	outline:none;
	width:100%;
	text-decoration:none;
	padding: 0.25em 0.5em;
	max-width: 4em;
	text-align: center;
	margin: 0.5em;

	-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;

}

.privileged-permissions-color {
	color:rgba(255, 70, 255, 1) !important;
}

.headline-link-info a {
	border-bottom: 1px solid rgba(255, 255, 0, 1);
	color:rgba(255, 255, 0, 1);
	font-size: 16px;
	text-transform: initial;
	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;

}

.headline-link-info a:hover {
	border-bottom: 1px solid rgba(255, 255, 0, 0);
}

/* .headline-link-info a::before {
	content: "—";
	margin-right: 0.25em;
} */

form .fields .field .multiple-box {
	border: 1px solid rgba(80, 80, 80, 1);
	box-sizing: border-box;
	min-height: 200px;
	padding: 0.5em;
	width: 100%;
	max-height: 300px;
	overflow: auto;
}

.scaner-box:focus {
	background-color: rgba(0, 200, 200, 1) !important;
}

form .fields .field .multiple-box dl {
	border-bottom: 1px solid rgba(80, 80, 80, 1);
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
}

form .fields .field .multiple-box dl:last-child {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

form .fields .field .multiple-box dl dt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

form .fields .field .multiple-box dl dt i {
	/* align-self: flex-end; */
	margin: 0 0 0 auto;
}

form .fields .field .multiple-box .num {
	color: rgba(240, 240, 240, 1);
	font-weight: 200;
	margin-right: 0.5em;
}

form .fields .field .multiple-box .num::after {
	color: rgba(240, 240, 240, 1);
	font-weight: 200;
	content: ".";
}

form .fields .field .multiple-box .check {
	margin-right: 0.5em;
}

form .fields .field .multiple-box .noperce,
form .fields .field .multiple-box .dim {
	color: rgba(130, 130, 130, 1);
}

form .fields .field .multiple-box .noperce {
	cursor: pointer;
}

form .fields .field .multiple-box .noperce:hover {
	color: rgba(180, 180, 180, 1);
}

form .fields .field .multiple-box .percepted {
	color: rgba(243, 188, 49, 1);
}

form .fields .field .multiple-box .percepted > .identificator {
	color: rgba(0, 190, 190, 1);
}

form .fields .field .multiple-box .dim::after {
	color: rgba(130, 130, 130, 1);
	content: "/";
	margin: 0 0.5em 0 0.5em;
}

form .fields .field .multiple-box dl dd {
	font-weight: 100;
}

table tfoot form {
	font-size: 12px;
	margin-right: 0;
}

table tfoot form .fields {
	width: 12em;
}

table tfoot form .fields .field {
	margin: 0;
}

table tfoot form {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
}

table tfoot form .pagination {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
	user-select: none;
}

table tfoot form .pagination > span {
	font-size: 2em;
	width: 3em;
	min-width: 3em;
	white-space: nowrap;
	text-align: center;
}

table tfoot form .pagination > button {
	margin: 0 0.5em;
	width: 3em;
	min-width: 3em;
	height: 2em;
	font-size: 2em;
}

table tfoot form select {
	height: 1.25em;
	line-height: 1.25em;
}

.created-updated-info {
	font-size: 0.75em;
}

.created-updated-info .info-name {
	color: rgba(243, 188, 49, 1);
}

.preview-box {
	display:flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 40px);
}

img.preview {
	border: 1px solid rgb(240, 240, 240, 1);
	/* max-height: 3em; */
	max-width: 5em;
	margin: 0.25em 1em 0.25em 0;
	/* position: absolute; */
	/* left: -5em; */

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

body [id]:target {
	transition: background-color 0.5s ease-in-out 0.2s;

	animation: targetAnchorAnimation 0.5s 2 normal ease-in-out;
}

.total-text {
	font-size: 1em;
	margin: 1em 0;
	text-align: right;
}

.total-text span {
	color: rgba(243,188,49,1);
	font-weight: bold;
	white-space: nowrap;
}

@keyframes targetAnchorAnimation {
  from {
		background-color: transparent;
  }

	50% {
		background-color: rgba(243, 188, 49, 1);
  }

  to {
		background-color: transparent;
  }
}

@media screen and (max-width:768px){
	body {
		width:90%;
	}

	/* section > .header .buttons {
		flex-direction:column;
		justify-content:center;
		align-items: flex-end;
	} */

	section > .header .buttons span {
		margin:3px 0 3px 0;
	}

	section table td {
		padding:5px 5px;
	}

	section {
		width: 100%;
	}

}

@media screen and (max-width:480px){
	body {
		padding:0 0 70px;
		width:100%;
	}
}