@import '/css/font/opensans.css';

body {
	font-family: 'Open Sans', sans-serif;
}

p {
	line-height:1.5em;
}

/* Maximum-Weite für den Inhalt */
/* https://stackoverflow.com/questions/7936119/setting-maximum-width-for-content-in-jquery-mobile */
@media only screen and (min-width: 600px) {
    .ui-page {
        width: 600px !important;
        margin: 0 auto !important;
        position: relative !important;
        border-right: 1px solid #DCDCDC !important;
        border-left: 1px solid #DCDCDC !important;        
    }
    .fa-header, .fa-footer  {
        width: 600px !important;
        margin: 0 auto !important;
        position: relative !important;
    }    
    .ui-page {
    	padding:0px !important;	
    }
   	body.ui-mobile-viewport {
    	background-color:#C4C4C4 !important;
    }
	.ui-grid-b, .ui-overlay-a, .ui-page-theme-a {
		background-color:inherited;
	}
}

.fullwidth {
	width:100% !important;
}

.fa-header {
	border:none;
	background-color:#E9E9E9;
}

.ui-icon-statistic:after {
	background-image: url('/css/icon/icon-statistic.svg');
	background-size: 18px 18px;
}

/* Fallback */
@media all and (max-width: 5em) {
	.my-breakpoint .ui-block-a,
	.my-breakpoint .ui-block-b,
	.my-breakpoint .ui-block-c,
	.my-breakpoint .ui-block-d,
	.my-breakpoint .ui-block-e {
		width: 100%;
		float: none;
	}
}

.ui-nosvg .ui-icon-statistic:after {
	background-image: url('/css/icon/icon-statistic.png');
	background-size: 18px 18px;
}

.ui-btn {
	margin-left:1em;	
	margin-right:1em;
}	

.ui-grid-a, .ui-grid-a .ui-controlgroup-controls {width: 100%}
/* #leftNavButton {width:60%; float:left; margin-left:1%} */
/* #rightNavButton {width:60%} */

/* Das Edit- oder Check-Icon immer grün anzeigen */
.ui-icon-edit:after {
	background-color:#6DBB6D;
}

.ui-icon-check:after {
	background-color:#009000;
}

/* Das Delete- und Alert-Icon immer rot anzeigen */
.ui-icon-delete:after, .ui-icon-alert:after {
	background-color:#900000;
}

h4 {
	color:#999999;
	margin-bottom:1em;
}

.error {
	font-weight:bold;
	color:#900000;
}

.good {
	font-weight:bold;
	color:#009000;
}

.done {	
	color:#BBBBBB !important;
}

.tagebuch {
	background-color:#FBF0E3 !important;	
}

.auswertung {
	background-color:#FBECFB !important;	
}

.termin {
	background-color:#E0F4FF !important;	
}

.ziel {
	background-color:#FFFEE0 !important;	
}

.haupt {
	background-color:#DFFFEE !important;	
}

.delete {
	background-color:rgba(255, 51, 0, 0.07) !important;
}

.save {
	background-color:rgba(0, 153, 102, 0.1) !important;
}

.erledigt {
	background-color:#E8F5EF !important;	
}

.ui-grid-b, .ui-overlay-a, .ui-page-theme-a {
	background-color:white !important;
}

.ui-footer {
	border:none;
}

.navbar {
	padding-left:1em;
	padding-right:1em;
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
}

.navfooter {
	background-color:#F3F3F3 !important;
	padding-left:1em;
	padding-right:1em;		
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
}

.navbarGrey {
	background-color:#E9E9E9 !important;	
}

.barGrey {
	background-color:#F3F3F3 !important;	
}

.barBorder {
	border-bottom:1px solid #DCDCDC;
}