#login_div {
	width: 272px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A7A7A7;
	border-radius: 3px;
	padding: 19px 1px;
	background-color: #F1F1F1;

	-webkit-box-shadow: 0px 0px 35px rgba(175, 175, 175, 0.54);
	box-shadow: 0px 0px 35px rgba(175, 175, 175, 0.54);
	position: relative;
    bottom: 40px;
}

a{
    color: rgb(41, 73, 155);
    text-decoration:none;
}

a:visited{
    color:rgb(53, 120, 146);
}

#login_div input {
	margin-bottom: 10px;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

#login_logo_div {
	text-align: center;
	margin-bottom: 50px;
	height: 165px;
	margin-top: 20px;
}

#login_response {
	display: block;
	margin-bottom: 7px;
}

body {
	font-family: Roboto;
	min-width:1100px;
}

.main {
	background-color: #5B91C5;
	color: rgb(147, 193, 236);
}

#logo_text {
	font-size: 68px;
	font-family: Calibri, Roboto, sans-serif;
}

#logo {
	padding-left: 20px;
}

#sublogo {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: -9;
}

#navigation_bar {
	width: 100%;
	height: 30px;
	display: table;
	position: relative;
}

.navigation_tab {
	font-family: Didact Gothic;
	font-size: 20px;
	color: white;

	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
	background-color: transparent;
	display: table-cell;
	height: 30px;
	padding: 2px 14px;
	text-align: center;
	vertical-align: middle;
}

tr{
    max-width:100%;
}

.navigation_tab:hover {
	background-color: grey;
	cursor: pointer;
}

#navBar_profileInfo {
	display: inline-table;
	float: right;
	margin-right: 80px;
	margin-top: -30px;
}

#navBar_profilePhoto {
	height: 30px;
	margin-bottom: -4px;
}

#navBar_profileName {
	display: table-cell;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 7px;
	color: white;
}

#content {
	min-width: 950px;
	min-height: 500px;
	width: 95%;
	margin: 0 auto;
	margin-top: 45px;
	position: relative;
}

#navigation_bar_placeholder {
	height: 30px;
	position: absolute;
}

.navigation_sub {
	display: none;
}

#navbar_container {
	width: 100%;
	position: absolute;
	z-index: 3;
	min-width:1100px;
}

.normalText {
	font-family: Roboto;
}

.showSubmenu {
	display: table;

	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	transform: rotateX(-90deg);

	-webkit-transform-origin: 500% 0%;
	-moz-transform-origin: 500% 0%;
	-o-transform-origin: 500% 0%;
	-ms-transform-origin: 500% 0%;
	transform-origin: 500% 0%;

	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s; /* -webkit-perspective: 2000;
	 */
}

.showSubmenu-slided {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.option {
	display: table-row;
	cursor: pointer;
	background-color: gray;

	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}

.option:hover {
	background-color: rgb(196, 196, 196);
}

.option_name {
	display: table-cell;
	padding: 6px 7px;
	color: rgb(245, 245, 245);
}

.loading_container {
	width: 100px;
	height: 20px;
	background-color: rgb(211, 211, 211);
	position: relative;
	margin: auto auto;
}

.loading_square {
	height: 10px;
	width: 10px;
	background-color: rgb(92, 159, 223);
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.apiNotif {
	position: fixed;
	top: 0px;
	left: 50%;
	background-color: rgb(230, 230, 230);
	padding: 5px 10px;

	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

.rotadedBack {
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;

	-webkit-transform: perspective(2000px) rotateX(-90deg);
	-moz-transform: perspective(2000px) rotateX(-90deg);
	-o-transform: perspective(2000px) rotateX(-90deg);
	-ms-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
}

.rotatedBackY {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	-moz-transform: perspective(2000px) rotateY(-90deg);
	-o-transform: perspective(2000px) rotateY(-90deg);
	-ms-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
}

.popupLoading {
	position: fixed;
	width: 100px;
	height: 20px;
	margin-top: -10px;
	top: 50%;
	margin-left: -50px;
	left: 50%;
}

.popupContainer {
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: table;
	z-index: 3;
}

.popup_content_row {
	-webkit-perspective: 2000px;
	display: table-row;
	height: 100%;
}

.popup_content_cell {
	display: table-cell;
	vertical-align: middle;
}

.btn {
	background-color: rgb(79, 120, 158);
	font-size: 1em;
	color: white;
	padding: 6px;
	border: none;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;

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

.btn:hover {
	background-color: rgb(160, 175, 189);
	cursor: pointer; /*box-shadow:  inset 0px 0px 10px rgba(0, 0, 0, 0.73);
	*/
/*-webkit-transform: translateZ(200px);
	*/
}

.btn_small {
	font-size: 0.8em;
	padding: 3px 10px;
}

.form_title {
	font-size: 1.5em;
}

.form_table {
	width: 100%;
}

.form_titleCell {
	font-size: 1.2em;
	text-align: center;
	background-color: rgb(230, 230, 230);
	vertical-align: middle;
	height: 35px;
}

.form_leftCell {
	text-align: right;
	width: 50%;
}

.form_rightCell {
	text-align: left;
}

.form_rightCell input {
	width: 100%;
}

.form_rightCell textarea {
	width: 100%;
}

.form_tableRow {
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
	width: 100%;
}

.form_tableRow:hover {
	background-color: rgba(0,0,0,0.15);
}

.topNotif {
	position: fixed;
	padding: 2px 5px;
	left: 50%;
	background-color: white;

	-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 10px rgba(0,0,0,0.5);
	z-index: 4;
	top: 0px;

	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-perspective: 2000px;

	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.popup_closeButton {
	position: absolute;
	top: 0px;
	width: 26px;
	height: 20px;
	background-color: rgb(177, 177, 177);
	text-align: center;
	display: table-cell;
	padding-bottom: 4px;

	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
}

.popup_closeButton:hover {
	cursor: pointer;
	background-color: rgb(173, 192, 197);
}

.table_header {
	display: table;
	width: 100%;
}

.table_header_cell {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}

.table_header_cell div {
	display: inline-block;
}

.table_body {
	width: 100%;
}

.table_body td {
	cursor: default;

	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
}

.table_body_row,.sortColumn {
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
	cursor: auto;
}

.table_body_row_even {
	background-color: rgb(236, 236, 236);
}

.table_body_row:hover td,.sortColumn:hover,.table_body_row_selected td {
	background-color: rgb(182, 206, 230) !important;
}

.table_body_header_cell {
	cursor: pointer;
}

.table_body_row_even .sortColumn {
	background-color: rgb(221, 221, 221);
}

.table_body_row_odd .sortColumn {
	background-color: rgb(241, 241, 241);
}

.table_indicator {
	width: 100%;
	text-align: center;
}

.table_body_checkboxCell {
	width: 15px;
}

.table_body_cell_clickable {
	color: rgb(41, 73, 155);
	cursor: pointer;
}

.table_body_cell_clickable:hover {
	text-decoration: underline;
}

a {
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

#productTable th {
	font-size: 13px;
	background-color: #DDD !important;
}

#productTable tr {
	background-color: white !important;
	border-bottom: 1px solid gray;
}

#productTable td {
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
	padding: 2px 5px;
}

input[formid="product_name"] {
	/*width:  586px;
	*/
}

@keyframes "notif" {
 0% {
    color: white;
 }
 100% {
    color: black;
 }

}

@-moz-keyframes notif {
 0% {
   color: white;
 }
 100% {
   color: black;
 }

}

@-webkit-keyframes "notif" {
 0% {
   color: white;
 }
 100% {
   color: black;
 }

}

@-ms-keyframes "notif" {
 0% {
   color: white;
 }
 100% {
   color: black;
 }

}

@-o-keyframes "notif" {
 0% {
   color: white;
 }
 100% {
   color: black;
 }

}

.notif_text {
	color: red;

	-webkit-animation: notif 1.25s linear infinite alternate;
	-moz-animation: notif 1.25s linear infinite alternate;
	-ms-animation: notif 1.25s linear infinite alternate;
	-o-animation: notif 1.25s linear infinite alternate;
	animation: notif 1.25s linear infinite alternate;
}

.noWrap {
	white-space: nowrap;
}

.clickable {
	cursor: pointer;
}

.clickable:hover {
	text-decoration: underline;
}

.dateTree_marked {
	font-weight: bold;
}

/*
=================================================
STATS
=================================================
 */
.stats_container {
	max-width: 1000px;
	margin: 0 auto;
}

.stats_tab {
	position: relative;
	display: inline; /*border-width:  1px 1px 0px 1px;
	*/
border-width: 0;
	border-color: #000;
	border-style: solid;
	padding: 2px 14px;
	margin: 0 20px;
	cursor: pointer;
	background-color: #8CABCF; /*background-image:  -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.37) 0%, rgba(0, 0, 0, 0) 33%);
	*/
color: #FFF;
	-webkit-filter: sepia(38%);
	-moz-filter: sepia(38%);
}

.stats_tab.active {
	background-color: rgb(79, 120, 158) !important;
	border-bottom-color: white;
	background-image: none;
	-webkit-filter: none; /*box-shadow:  3px 0px 10px rgba(0, 0, 0, 0.64);
	*/
	-moz-filter: none;
z-index: 2;
}

.tab_content {
	position: relative; /*border: 1px solid black;
	*/
min-height: 200px;
	margin-top: 2px;
	background-color: white;
	padding: 30px 20px;
	margin-bottom: 40px;
}

.paper_shadow {
	-webkit-box-shadow: 3px -1px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 3px -1px 15px rgba(0, 0, 0, 0.5);
}

.month_chooser_navigation {
	width: 100%;
}

.month_chooser_navigation_button {
	width: 40px;
	font-size: 36px;
	border: 1px solid #C0C0C0;
	padding-bottom: 15px;
	text-align: center;
}

.month_chooser_navigation_title {
	text-align: center;
	font-size: 2em;
}

.btn.inactive {
	background-color: #C2C2C2;
	cursor: default;
}

.stats_month_content {
	width: 100%;
	margin-top: -20px;
}

.stats_month_content_title {
	font-size: 1.5em;
	text-align: center;
}

.stats_month_content_title td {
	padding-top: 40px;
}

.monthTotal_container {
	width: 500px;
	height: 100px;
	background-color: #89A8C4;
	margin: 0 auto;
	cursor: default;
}

.monthTotal_top {
	color: #FFF;
	text-align: center;
	font-size: 45px;
}

.monthTotal_bottom {
	width: 100%;
	height: 41px;
	position: relative;
	border-top: 1px dashed #FFF;
	background-color: rgba(0, 0, 0, 0.12);
}

.monthTotal_tax {
	/*background-color: green;
	*/
right: 0px;
	border-left: 1px dashed white;
}

.monthTotal_netto {
	left: 0px;
	text-align: center;
	width: 66%;
}

.monthTotal_tax,.monthTotal_netto {
	height: 100%;
	position: absolute;
	display: table-cell;
	text-align: center;
	color: #FFF;
	padding-top: 8;
	font-size: 17px;
}

.stats_month_topClientsTable {
	margin: 0 auto;
	width: 90%;
	table-layout: fixed;
}

.stats_horizontal_bar {
	height: 24px;
	margin-top: 2px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.28)), color-stop(30%, rgba(0, 0, 0, 0.1)), color-stop(30%, rgba(255, 255, 255, 0)));
	color: rgba(255, 255, 255, 1);

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	text-align: right;
	padding-right: 10px;
	cursor: default;

	-webkit-animation: newHorizontalBar 200ms linear;
	-moz-animation: newHorizontalBar 200ms linear;
	-ms-animation: newHorizontalBar 200ms linear;
	-o-animation: newHorizontalBar 200ms linear;
	animation: newHorizontalBar 200ms linear;

	-webkit-transform-origin-x: 0;
	-moz-transform-origin-x: 0;
	-o-transform-origin-x: 0;
	-ms-transform-origin-x: 0;
	transform-origin-x: 0;
}

.stats_horizontal_bar:hover .stats_horizontal_bar_label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

@keyframes "newHorizontalBar" {
 from {
    -webkit-transform: scaleX(0);
   	-moz-transform: scaleX(0);
   	-o-transform: scaleX(0);
   	-ms-transform: scaleX(0);
   	transform: scaleX(0);
 }
 to {
    -webkit-transform: scaleX(1);
   	-moz-transform: scaleX(1);
   	-o-transform: scaleX(1);
   	-ms-transform: scaleX(1);
   	transform: scaleX(1);
 }

}

@-moz-keyframes newHorizontalBar {
 from {
   -moz-transform: scaleX(0);
   transform: scaleX(0);
 }
 to {
   -moz-transform: scaleX(1);
   transform: scaleX(1);
 }

}

@-webkit-keyframes "newHorizontalBar" {
 from {
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
 }
 to {
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
 }

}

@-ms-keyframes "newHorizontalBar" {
 from {
   -ms-transform: scaleX(0);
   transform: scaleX(0);
 }
 to {
   -ms-transform: scaleX(1);
   transform: scaleX(1);
 }

}

@-o-keyframes "newHorizontalBar" {
 from {
   -o-transform: scaleX(0);
   transform: scaleX(0);
 }
 to {
   -o-transform: scaleX(1);
   transform: scaleX(1);
 }

}

.domainTotal_container {
	font-size: 3em;
	color: #FFF;
	text-align: center;
	height: 62px;
}

.stats_horizontal_bar_label {
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	margin-top: 1px;
	display: inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	white-space: nowrap;
}

.stats_horizontal_bar_label.outside {
	margin-left: calc(100% + 20px);
	color: #000;
}

.ellipsis {
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
}

.vertical_bar_container {
	position: absolute;
	height: 100%;
}

.vertical_bar_container:hover {
	font-weight: bold;
}

.vertical_bar:hover {
	-webkit-filter: brightness(1.1);
	-moz-filter: brightness:(1.1);
	z-index: 3;
}

.verticalBars_chart {
	position: relative;
	height: 300px;
	margin: 0 auto;
}

.vertical_bar {
	z-index: 2;
	position: absolute;
	bottom: 40px;
	left: 8px;

	-webkit-transition: filter 200ms -webkit-transform 200ms;
	-moz-transition: -o-transition:  filter 200ms -o-transform 200ms;
	-ms-transition: filter 200ms -ms-transform 200ms;
	transition: filter 200ms transform 200ms;

	-webkit-animation: newVerticalBar 200ms linear;
	-moz-animation: newVerticalBar 200ms linear;
	-ms-animation: newVerticalBar 200ms linear;
	-o-animation: newVerticalBar 200ms linear;
	animation: newVerticalBar 200ms linear;
	background-image: -webkit-gradient(linear, right bottom, left bottom, color-stop(0%, rgba(0, 0, 0, 0.28)), color-stop(30%, rgba(0, 0, 0, 0.1)), color-stop(30%, rgba(255, 255, 255, 0)));
}

.vertical_bar_label {
	text-align: center;
	display: table-cell;
	position: absolute;
	bottom: 0px;
}

.stats_horizontal_bar,.vertical_bar {
	background-color: #89A8C4;
	cursor: default;
}

.vertical_bar_shadow,.vertical_bar {
	width: 25px;
	left: 8px;
}

.vertical_bar_shadow {
	background-color: #EBEBEB; /*-webkit-transform:  skew(-65deg, 4deg);
	 scaleY(0.2);
	*/

-webkit-transform-origin-y: 100%;
	-moz-transform-origin-y: 100%;
	-o-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
	transform-origin-y: 100%;
	position: absolute;
	bottom: 40px;

	-webkit-animation: newVerticalBarShadow 200ms linear;
	-moz-animation: newVerticalBarShadow 200ms linear;
	-ms-animation: newVerticalBarShadow 200ms linear;
	-o-animation: newVerticalBarShadow 200ms linear;
	animation: newVerticalBarShadow 200ms linear;
        animation-fill-mode: forwards;
	pointer-events: none;
}

@keyframes "newVerticalBar" {
 from {
    -webkit-transform: scaleY(0);
   	-moz-transform: scaleY(0);
   	-o-transform: scaleY(0);
   	-ms-transform: scaleY(0);
   	transform: scaleY(0);
 }
 to {
    -webkit-transform: scaleY(1);
   	-moz-transform: scaleY(1);
   	-o-transform: scaleY(1);
   	-ms-transform: scaleY(1);
   	transform: scaleY(1);
 }

}

@-moz-keyframes newVerticalBar {
 from {
   -moz-transform: scaleY(0);
   transform: scaleY(0);
 }
 to {
   -moz-transform: scaleY(1);
   transform: scaleY(1);
 }

}

@-webkit-keyframes "newVerticalBar" {
 from {
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
 }
 to {
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
 }

}

@-ms-keyframes "newVerticalBar" {
 from {
   -ms-transform: scaleY(0);
   transform: scaleY(0);
 }
 to {
   -ms-transform: scaleY(1);
   transform: scaleY(1);
 }

}

@-o-keyframes "newVerticalBar" {
 from {
   -o-transform: scaleY(0);
   transform: scaleY(0);
 }
 to {
   -o-transform: scaleY(1);
   transform: scaleY(1);
 }

}

@keyframes "newVerticalBarShadow" {
 from {
    -webkit-transform: skew(-65deg, 4deg) scaleY(0);
   	-moz-transform: skew(-65deg, 4deg) scaleY(0);
   	-o-transform: skew(-65deg, 4deg) scaleY(0);
   	-ms-transform: skew(-65deg, 4deg) scaleY(0);
   	transform: skew(-65deg, 4deg) scaleY(0);
 }
 to {
    -webkit-transform: skew(-65deg, 4deg) scaleY(1);
   	-moz-transform: skew(-65deg, 4deg) scaleY(1);
   	-o-transform: skew(-65deg, 4deg) scaleY(1);
   	-ms-transform: skew(-65deg, 4deg) scaleY(1);
   	transform: skew(-65deg, 4deg) scaleY(1);
 }

}

@-moz-keyframes newVerticalBarShadow {
 from {
   -moz-transform: skew(-65deg, 4deg) scaleY(0);
   transform: skew(-65deg, 4deg) scaleY(0);
 }
 to {
   -moz-transform: skew(-65deg, 4deg) scaleY(1);
   transform: skew(-65deg, 4deg) scaleY(1);
 }

}

@-webkit-keyframes "newVerticalBarShadow" {
 from {
   -webkit-transform: skew(-65deg, 4deg) scaleY(0);
   transform: skew(-65deg, 4deg) scaleY(0);
 }
 to {
   -webkit-transform: skew(-65deg, 4deg) scaleY(1);
   transform: skew(-65deg, 4deg) scaleY(1);
 }

}

@-ms-keyframes "newVerticalBarShadow" {
 from {
   -ms-transform: skew(-65deg, 4deg) scaleY(0);
   transform: skew(-65deg, 4deg) scaleY(0);
 }
 to {
   -ms-transform: skew(-65deg, 4deg) scaleY(1);
   transform: skew(-65deg, 4deg) scaleY(1);
 }

}

@-o-keyframes "newVerticalBarShadow" {
 from {
   -o-transform: skew(-65deg, 4deg) scaleY(0);
   transform: skew(-65deg, 4deg) scaleY(0);
 }
 to {
   -o-transform: skew(-65deg, 4deg) scaleY(1);
   transform: skew(-65deg, 4deg) scaleY(1);
 }

}

.vertical_chart_scale_topLabel {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: -72;
	text-align: right;
	color: #313131;
	font-size: 0.9em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.vertical_chart_showOnHover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0; /*-webkit-transition: all 200ms;
	*/

-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	-ms-animation-delay: 300ms;
	-o-animation-delay: 300ms;
	animation-delay: 300ms;

	-webkit-animation-name: delayedFadeIn;
	-moz-animation-name: delayedFadeIn;
	-ms-animation-name: delayedFadeIn;
	-o-animation-name: delayedFadeIn;
	animation-name: delayedFadeIn;
	-webkit-animation-duration: 300ms;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes "delayedFadeIn" {
 from {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 to {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }

}

@-moz-keyframes delayedFadeIn {
 from {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 to {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-webkit-keyframes "delayedFadeIn" {
 from {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 to {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-ms-keyframes "delayedFadeIn" {
 from {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 to {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-o-keyframes "delayedFadeIn" {
 from {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 to {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

.vertical_chart_scale_line {
	display: block;
	border: 1px solid #000;
	border-left: none;
	border-bottom: none;
	position: absolute;
	height: 245px;
	top: 13px;
	left: -10px;
	width: 10px;
}

.vertical_bar_tooltip {
	border: 1px solid #969696;
	position: absolute;
	top: 0px;
	left: 30px;
	z-index: 3;
	background-color: #EBEBEB;
	padding: 2px 9px;
	-webkit-filter: none !important;
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	font-weight: normal !important;
}

.vertical_bar:hover .vertical_bar_tooltip {
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.sum_tooltip {
	font-size: 0.8em;
	white-space: nowrap;
}

.sum_tooltip_left {
	text-align: left;
}

.sum_tooltip_right {
	text-align: right;
	font-weight: bold;
}

.raports_header {
	font-size: 2em;
}

#invoice_pieChart {
	padding-right: 200px;
}

.legend_square {
	width: 20px;
	height: 20px;
}

@keyframes "legend_appear" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }

}

@-moz-keyframes legend_appear {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-webkit-keyframes "legend_appear" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-ms-keyframes "legend_appear" {
 0% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-o-keyframes "legend_appear" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

#pie_chart_legend {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	display: inline-block;
	position: absolute;
	top: 185px;
	right: 200px;

	-webkit-animation: legend_appear 200ms linear;
	-moz-animation: legend_appear 200ms linear;
	-ms-animation: legend_appear 200ms linear;
	-o-animation: legend_appear 200ms linear;
	animation: legend_appear 200ms linear;

	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	-ms-animation-delay: 300ms;
	-o-animation-delay: 300ms;
	animation-delay: 300ms;

	-webkit-animation-fill-mode: forwards !important;
	-moz-animation-fill-mode: forwards !important;
	-ms-animation-fill-mode: forwards !important;
	-o-animation-fill-mode: forwards !important;
	animation-fill-mode: forwards !important;
}

.customerListElement {
	font-size: 1.2em;
}

/*
 * ============
 * end:  STATS
 * ============
 */
.hidden {
	display: none !important;
}

#page {
	z-index: 2;
	position: relative;
	background-color: white;
}

/*===========================
INVOICES
=============================*/
#show_payments {
	position: absolute;
	top: 42px;
	right: 32px;
	background-color: white;
	padding: 6px;
	padding-left: 200px;

	-webkit-box-shadow: 8px 9px 19px rgba(0, 0, 0, 0.29);
	box-shadow: 8px 9px 19px rgba(0, 0, 0, 0.29);
}

#invoice_logo{
    width: 264;
    margin-bottom: 25px;
}

@keyframes "invoice_tab_appear" {
 0% {
    left: 778px;
 }
 75% {
    left: 820px;
 }
 100% {
    left: 813px;
 }

}

@-moz-keyframes invoice_tab_appear {
 0% {
   left: 778px;
 }
 75% {
   left: 820px;
 }
 100% {
   left: 813px;
 }

}

@-webkit-keyframes "invoice_tab_appear" {
 0% {
   left: 778px;
 }
 75% {
   left: 820px;
 }
 100% {
   left: 813px;
 }

}

@-ms-keyframes "invoice_tab_appear" {
 0% {
   left: 778px;
 }
 75% {
   left: 820px;
 }
 100% {
   left: 813px;
 }

}

@-o-keyframes "invoice_tab_appear" {
 0% {
   left: 778px;
 }
 75% {
   left: 820px;
 }
 100% {
   left: 813px;
 }

}

.invoice_sent_status {
	top: 114px;
	z-index: 2;
}

.invoice_paid_status,.invoice_sent_status {
	position: absolute;
	left: 813px;
	padding: 8px 10px;
	background-color: #FFF;
	padding-left: 30px;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	text-align: right;
	max-width: 19px;
	white-space: nowrap;
	direction: rtl;

	-webkit-animation: invoice_tab_appear 300ms ease-out;
	-moz-animation: invoice_tab_appear 300ms ease-out;
	-ms-animation: invoice_tab_appear 300ms ease-out;
	-o-animation: invoice_tab_appear 300ms ease-out;
	animation: invoice_tab_appear 300ms ease-out;
}

.invoice_paid_status {
	left: 760px;

	-webkit-animation-delay: 200ms !important;
	-moz-animation-delay: 200ms !important;
	-ms-animation-delay: 200ms !important;
	-o-animation-delay: 200ms !important;
	animation-delay: 200ms !important;

	-webkit-animation-fill-mode: forwards !important;
	-moz-animation-fill-mode: forwards !important;
	-ms-animation-fill-mode: forwards !important;
	-o-animation-fill-mode: forwards !important;
	animation-fill-mode: forwards !important;
}

.invoice_paid_status {
	top: 184px;
	z-index: 1;
}

.invoice_sent_status:hover,.invoice_paid_status:hover {
	/*-webkit-transform:  translateX(18px);
	*/
max-width: 207px;

	-webkit-transform-origin-x: 0%;
	-moz-transform-origin-x: 0%;
	-o-transform-origin-x: 0%;
	-ms-transform-origin-x: 0%;
	transform-origin-x: 0%;
}

.invoice_icon_sent,.invoice_icon_paid {
	display: inline-block;
	font-size: 1.5em;
	line-height: 0.6;
	font-weight: bold;
	margin-bottom: 2px;
	color: #199B19;
	z-index: 1;
}

.invoice_icon_paid {
	width: 20px;
	padding-right: 2px;
}

.invoice_icon_paid img {
	height: 20px;
	width: auto;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}

.invoice_icon_sent_not {
	margin_bottom: auto;
	color: #E4AD00;
}

.invoice_icon_sent_post {
	margin-bottom: -3;
	font-size: 2em;
	margin-right: -6px;
	margin-top: 1px;
}

.increase_hover_area {
	background-color: #F00;
	width: 200%;
	height: 150%;
	position: absolute;
	top: -20px;
	left: 0;
	z-index: -1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.bold_onHover:hover {
	font-weight: bold;
}

.invoice_tab_calendar {
	font-size: 0.6em;
	position: absolute;
	right: 35px;
	top: 36px;
	direction: ltr;
}

#invoice_paid_datepicker {
	top: 80px !important;
}

.invoice_paid_status_label {
	display: inline-block;
	padding-right: 3px;
	position: relative;
	top: -3px;
}

.invoice_paid_status input[type=checkbox] {
	position: relative;
	top: -3px;
}

.unpaid {
	-webkit-filter: grayscale(100%) brightness(71%);
}

@keyframes "stamp" {
 0% {
    -webkit-transform: rotate(7deg) scale(2,2);
   	-moz-transform: rotate(7deg) scale(2,2);
   	-o-transform: rotate(7deg) scale(2,2);
   	-ms-transform: rotate(7deg) scale(2,2);
   	transform: rotate(7deg) scale(2,2);
 }
 40% {
    -webkit-transform: rotate(7deg) scale(1,1);
   	-moz-transform: rotate(7deg) scale(1,1);
   	-o-transform: rotate(7deg) scale(1,1);
   	-ms-transform: rotate(7deg) scale(1,1);
   	transform: rotate(7deg) scale(1,1);
 }
 70% {
    -webkit-transform: rotate(7deg) scale(1.2,1.2);
   	-moz-transform: rotate(7deg) scale(1.2,1.2);
   	-o-transform: rotate(7deg) scale(1.2,1.2);
   	-ms-transform: rotate(7deg) scale(1.2,1.2);
   	transform: rotate(7deg) scale(1.2,1.2);
 }
 100% {
    -webkit-transform: rotate(7deg) scale(1,1);
   	-moz-transform: rotate(7deg) scale(1,1);
   	-o-transform: rotate(7deg) scale(1,1);
   	-ms-transform: rotate(7deg) scale(1,1);
   	transform: rotate(7deg) scale(1,1);
 }

}

@-moz-keyframes stamp {
 0% {
   -moz-transform: rotate(7deg) scale(2,2);
   transform: rotate(7deg) scale(2,2);
 }
 40% {
   -moz-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }
 70% {
   -moz-transform: rotate(7deg) scale(1.2,1.2);
   transform: rotate(7deg) scale(1.2,1.2);
 }
 100% {
   -moz-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }

}

@-webkit-keyframes "stamp" {
 0% {
   -webkit-transform: rotate(7deg) scale(2,2);
   transform: rotate(7deg) scale(2,2);
 }
 40% {
   -webkit-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }
 70% {
   -webkit-transform: rotate(7deg) scale(1.2,1.2);
   transform: rotate(7deg) scale(1.2,1.2);
 }
 100% {
   -webkit-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }

}

@-ms-keyframes "stamp" {
 0% {
   -ms-transform: rotate(7deg) scale(2,2);
   transform: rotate(7deg) scale(2,2);
 }
 40% {
   -ms-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }
 70% {
   -ms-transform: rotate(7deg) scale(1.2,1.2);
   transform: rotate(7deg) scale(1.2,1.2);
 }
 100% {
   -ms-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }

}

@-o-keyframes "stamp" {
 0% {
   -o-transform: rotate(7deg) scale(2,2);
   transform: rotate(7deg) scale(2,2);
 }
 40% {
   -o-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }
 70% {
   -o-transform: rotate(7deg) scale(1.2,1.2);
   transform: rotate(7deg) scale(1.2,1.2);
 }
 100% {
   -o-transform: rotate(7deg) scale(1,1);
   transform: rotate(7deg) scale(1,1);
 }

}

.rubber_stamp {
	font-family: 'Vollkorn', serif;
	font-size: 45px;
	line-height: 45px;
	text-transform: uppercase;
	font-weight: bold;
	color: #F00;
	border: 7px solid #F00;
	float: left;
	padding: 10px 7px;
	border-radius: 10px;
	position: relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;

	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
	position: absolute;
	top: 335px; 
	left: 470px;
	z-index: 10;

	-webkit-animation: stamp 200ms linear;
	-moz-animation: stamp 200ms linear;
	-ms-animation: stamp 200ms linear;
	-o-animation: stamp 200ms linear;
	animation: stamp 200ms linear;
}

.rubber_stamp:after {
	position: absolute;
	content: " ";
	width: 100%;
	height: auto;
	min-height: 100%;
	top: -10px;
	left: -10px;
	padding: 10px;
	background: url(/style/images/noise.png) repeat;
}

icon {
	display: inline-block;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

icon.invoice_not_sent {
	background-image: url(/style/images/not_sent.png);
	width: 15px;
	height: 15px;
	position: relative;
	top: -4px;
	right: 5px;
	margin-left: 18px;
}

icon.invoice_sent_post,icon.invoice_sent_email {
	width: 25px;
	height: 21px;
	margin-left: 8px;
}

icon.invoice_sent_post {
	background-image: url(/style/images/envelope.png);
	background-position-y: -2;
}

icon.invoice_sent_email {
	background-image: url(/style/images/at.png);
	margin-bottom: 3px;
}

icon.invoice_unpaid,icon.invoice_paid {
	background-image: url(/style/images/moneta.png);
	width: 14px;
	height: 23px;

	-webkit-background-size: 93%;
	-moz-background-size: 93%;
	background-size: 93%;
	background-repeat: no-repeat;
	background-position-y: 1px;
}

icon.invoice_unpaid {
	-webkit-filter: grayscale(100%) brightness(71%);
}

/*================================
 * 			Checkboxes
 * ===============================*/
input[type=checkbox] {
	padding-left: 20px;
	height: 15px;
	display: inline-block;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 15px;
	vertical-align: middle;
	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: url(/style/images/check.png);
}

input[type=checkbox]:checked {
	background-position: 0 -15px;
}