@media ( orientation : landscape) {

	.slimpanel {
		display: block;
		border-radius: 1em;
		min-width: 20em;
	}
	
	.panel {
		display: block;
		border-radius: 1em;
		min-width: 10em;
		border: 1px solid #555555;
		box-shadow: 1px 1px 2px #EDEDED;
	}
	
	.panelheader{
		display: block;
		width: calc(100% - 1em);
		height: auto;
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
		border-bottom: 1px solid #EEEEEE;
		padding: 0.5em;
		clear: both;
	}
	
	.paneliconfull{
		display: inline-flex;
		width: 3.5em;
		height: 3.5em;
		float: left;
		flex-flow: column;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
	}
	.paneliconfull img{
		display: block;
		width: 3.5em;
		height: 3.5em;
	}
	
	.panelicon{
		display: inline-flex;
		width: 3.5em;
		height: 3.5em;
		float: left;
		border-radius: 0.5em;
		flex-flow: column;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	margin: 0.5em;
	}
	.panelicon img{
		display: block;
		width: 2em;
		height: 2em;	
	}
	
	.panelicontitle{
		display: inline-flex;
		height: auto;
		min-height: 3.5em;
		margin-left: 0.5em;
		padding: 0.5em;
		flex-flow: wrap;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
	}
	
	.panelicontitle .title{
		width: 100%;
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.panelicontitle .subtitle{
		width: 100%;
		font-size: 1em;
		font-weight: normal;
		margin-top: 0.3em;
	}
	
	.paneltitle{
		display: inline-block;
		height: auto;
	}
	
	.paneltitle .title{
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.paneltitle .subtitle{
		font-size: 1em;
		font-weight: normal;
		margin-top: 0.3em;
	}
	.panelcontent{
		display: inline-block;
		width: calc(100% - 2em);
		height: auto;
		padding: 1em;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
		overflow: auto;
	}
	.panelcontentnohead{
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	}
	
	.slimpanelcontent{
		display: inline-block;
		width: calc(100% - 1em);
		height: auto;
		padding: 0.5em;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
		overflow: auto;
	}
	.slimpanelcontentnohead{
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	}
	
	.itemline{
		display: inline-block;
		width: calc(100% - 1em);
		height: auto;
		padding: 0.5em;
		overflow: auto;
		border-bottom: 1px solid #DDDDDD;
	}
	
	.itemline:hover{
		background-color: var(--bora-bgcolor);;
	}
	
	.panelsinglecenter{
		display: block;
		position: relative;
		margin: 0.5em 0em 0.5em calc(50% - 40em);
		width: 80em;
		height: auto;
		min-height: 4em;
	}
	
}

@media ( orientation : portrait) {
	.panel {
		display: block;
		border-radius: 0.5vh;
		margin: 0.5vh;
	}
	
}