@media ( orientation : portrait) {
	.dashholder{
        display: inline-flex;
        height: auto;
        width: 100%;
        overflow: hidden;
        flex-flow: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
	}
	.dashcard {
        position: relative;
        display: inline-block;
        border-radius: 1em;
        height: 8em;
        width: 21em;
        box-shadow: 1px 2px 2px #CCCCCC;
        padding: 1em;
        margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.dashtitle{
		position: absolute;
		display: inline-flex;
		height: 2em;
		width: calc(100% - 6em);
		overflow: hidden;
		left: 1em;
		top: 1em;
		padding: 0.5em;
		flex-flow: wrap;
    	justify-content: start;
    	align-items: center;
    	align-content: center;
    	font-family: 'OpenSans-Bold';
    	font-size: 0.9em;
	}
	.dashicon{
		position: absolute;
		display: inline-flex;
		width: 3em;
		height: 3em;
		right: 1em;
		top: 1em;
		flex-flow: column;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	background-color: var(--bora-dashcard-icbg);
    	border-radius: 0.5em;
	}
	.dashicon img{
		display: block;
		width: 1.5em;
		height: 1.5em;	
	}
	
	.dashvalue{
		position: absolute;
		width: auto;
		top: 3em;
		left: 0.8em;
		height: 2em;
		font-size: 1.8em;
		font-family: 'OpenSans-Bold';
	}
	.dashinfo{
		position: absolute;
		width: auto;
		top: 9em;
		left: 1.8em;
		height: 2em;
		font-size: 0.85em;
		font-family: 'OpenSans-Regular';
	}
	
	.dashact{
		position: absolute;
		width: auto;
		top: 8em;
		right: 1.4em;
		height: 2em;
		font-size: 0.85em;
		font-family: 'OpenSans-Bold';
	}
	
	.emptyicon{
		position: relative;
		display: inline-flex;
		width: 5em;
		height: 5em;
		margin-top: 1em;
		flex-flow: column;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	background-color: var(--bora-dashcard-icbg);
    	border: solid 2px var(--bora-dashcard-tit);
    	border-radius: 2.5em;
    	clear: both;
	}
	.emptyicon img{
		display: block;
		width: 2.5em;
		height: 2.5em;	
	}
	
	.slimpanel {
		display: block;
		border-radius: 1em;
		min-width: 20em;
		box-shadow: 1px 2px 2px #CCCCCC;
	}
	
	.panel {
		display: block;
		border-radius: 1em;
		min-width: 10em;
		box-shadow: 1px 2px 2px #CCCCCC;	
	}
	
	.panelb {
		display: block;
		border-radius: 1em;
		min-width: 10em;
		border: solid 1px #CCCCCC;	
	}
	
	
	.panelheader{
		display: block;
		width: calc(100% - 2em);
		height: auto;
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
		border-bottom: 1px solid #EEEEEE;
		padding: 1em;
		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;
    	border: solid 2px rgba(255, 255, 255, 0.4);
        background-color: rgba(255, 255, 255, 0.1);
	}
	.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: start;
    	align-items: center;
    	align-content: center;
    	width: calc(100% - 8em);
	}
	
	.panelicontitle .title{
		width: 100%;
		font-size: 1.2em;
		font-weight: bold;
		font-family: 'OpenSans-Bold';
	}
	
	.panelicontitle .subtitle{
		width: 100%;
		font-size: 0.9em;
        font-family: 'OpenSans-Light';
		margin-top: 0.2em;
	}
	
	.paneltitle{
		display: inline-block;
		height: auto;
	}
	
	.tabtitle{
		font-size: 1.1em;
		font-weight: bold;
		font-family: 'OpenSans-Bold';
	}
	
	.paneltitle .title{
		font-size: 1.3em;
		font-weight: bold;
		font-family: 'OpenSans-Bold';
		margin-left: 1em;
	}
	
	.paneltitle .subtitle{
		font-size: 1em;
		font-family: 'OpenSans-Light';
		margin-top: 0.3em;
	}
	.panelcontent{
		display: inline-block;
		width: auto;
		height: auto;
		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% - 1.5em);
		height: auto;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
		overflow: auto;
		padding: 0.75em;
	}
	.slimpanelcontentnohead{
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	}
	
	.itemline{
		display: inline-block;
		width: auto;
		height: auto;
        padding: 0.75em 0.5em 0.75em 0.5em;
		overflow: auto;
		border-radius: 0.5em;
		margin: 0.5em;
		background-color: var(--bora-component-item-bg);
	}
	
	.itemline:hover{
		background-color: var(--bora-bgcolor);;
	}
	
	.panelsinglecenter{
		display: inline-flex;
        position: relative;
        margin-left: calc(50% - 11.5em);
        width: 23em;
        height: auto;
        min-height: 4em;
        margin-top: 1em;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
	}
	
	
}