html, 
body, 
.dx-viewport {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
}

.konto_cell {
   font-size: 16px;
}
.fx-rubrik1 {  color: white;background-color: #0D558B}
.fx-konto {font-size:16px;}
.fx-kontoben {font-size:0.8em;padding-bottom:2px; color: #0066ff;}
.fx-avvikelskod {
    font-size: 0.8em;
    padding-bottom: 2px;
    color: forestgreen;
 font-weight: bold;
}


.fx-custom-textarea textarea {
  	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}

.dx-inactive-view .dx-scheduler {
    display: none;
}

.fx-red {
	background-color: red
}

.fx-blue {
	background-color: cornflowerblue
}

.fx-green {
	background-color: darkgreen
}

.fx-arrow1 {
	background: url(../../images/pil1.png) right no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: black
}

.fx-arrow2 {
	background: url(../../images/pil2.png) right no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: black
}

.fx-arrow3 {
	background: url(../../images/pil3.png) right no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: cornflowerblue
}

.fx-arrow4 {
	background: url(../../images/pil4.png) right no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: cornflowerblue
}

.fx-tile-number {
   font-weight: bold;
   text-align: center;
   font-size:40px;
}