.table-rec-border { background:light-gray;}		
	.colheader { width: 33%; height: 400px; float: left; padding-bottom: 10px; }
	.colheader-single { width: 100%; height: 100%; float: left; padding-bottom: 10px; }
	.column { width: 100%; float: left; }
	/*.portlet { margin: 0 0.0em 0.5em 0; }*/
    .portlet { margin: 0 5px 10px 5px; }
	.portlet-header {
        margin: 0.3em;
    /*    padding-bottom: 4px;
        padding-left: 0.2em;
    */
        padding: 0.4em;
    }
	.portlet-header .ui-icon { float: right; }
	.portlet-subheader { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
	.portlet-content { padding: 0.4em; }
	.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
	.ui-sortable-placeholder * { visibility: hidden; }
	#nav { list-style-type: none; }
	.portlet-content {
   height:300px;
   overflow: auto;
   .hidden { display:none; }
	}
	
	.portlet-content-entities {
		height:100%;
	   overflow: none;
	   .hidden { display:none; }
	}
	
	.portlet-content2 {
   height:500px;
   overflow: auto;
   -ms-overflow-y: scroll;
	}
	#fullview .portlet .portlet-content .portlet-content2{
   height:100%;
   overflow: none;
	}
	
/* dosent work
.ui-button-icon-only {
	height: .9em;
	width: .9em;
}*/

  .portlet-piechart-content {
	height:325px;
	/*height:100%*/
 }
 
   .portlet-piechart-content-single {
	height:100%
 }
 

	
	.chartwrappersingle {
		height:100%;
		width: 100%; 
		float: left; 
		padding-bottom: 10px; 
	}
	
	.chartwrapperinternal {
		height: 250px;
		width: 100%; 
		float: left; 
		/*padding-bottom: 10px; */
	}

    @media screen and (min-device-width: 1069px) {
        .chartwrapper {
            /*height:300px;*/
            /*width: 32.2%;*/
            width: -moz-calc(33.3333333333% - 12px);
            width: -webkit-calc(33.3333333333% - 12px);
            width: -o-calc(33.3333333333% - 12px);
            width: calc(33.3333333333% - 12px);
            float: left;
            /*padding-bottom: 10px;*/
            /*margin: 5px 5px 5px 5px;*/
        }
    }
    @media screen and (min-device-width: 600px) and (max-device-width: 1069px) {
        .chartwrapper {
            width: 48%;
            /*height:300px;*/
            float: left;
            padding-bottom: 10px;
            margin: 5px 5px 5px 5px;
        }
    }

    @media screen and (max-device-width: 600px) {
        .chartwrapper {
            width: 98%;
            /*height:300px;*/
            float: left;
            padding-bottom: 10px;
            margin: 5px 5px 5px 5px;
        }
    }