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

body {
    margin: 0;
    padding: 0;
}

.delete-button {
    text-align: center;
}
.delete-button div {
    width: 98%;
}
.msg {
    width: 100%;
    padding-bottom: 10px;
}
.dx-theme-ios .msg-button-left {
    width: 44%;
    margin: 0 4% 0 0;    
    float: left;
}
.dx-theme-ios .msg-button-right {
    width: 44%;
    margin: 0 0 0 4%;    
    float: left;
}

.dx-theme-ios #deleteConfirmation {
    height: 135px !important;
}

.dx-theme-android .msg-button-left {
    width: 42%;
    margin: 0 3% 0 0;    
    float: left;
}
.dx-theme-android .msg-button-right {
    width: 42%;
    margin: 0 0 0 3%;    
    float: left;
}
.dx-theme-android #deleteConfirmation {
    height: 150px !important;
}

.fx-rubrik1 {  color: white;background-color: #0D558B}
.fx-konto {font-size:1em;}
.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-image-sml {width: 64px; height:64px}

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