<style>

  	.resizable { width: 150px; height: 500px;  float:left;}
	.resizable h3 { text-align: center; margin: 0; }
	.ui-widget-content {
	    background: #EEEEEE;
	    border: 0px;
	}
	
	.schedule {
		box-sizing: content-box !important;
		webkit-box-sizing: border-box !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
		filter: alpha(opacity=10);  /* IE 5-7 */
		-moz-opacity: 0.1;          /* Netscape */
		-khtml-opacity: 0.1;        /* Safari 1.x */
		opacity: 0.8;               /* Good browsers */
	}
	
	.slice{
		width:100%;
		display:inline-block;
	}
	.slice_0 { background: #c8ead2; }
	.slice_1 { background: #a2d4b1; }

	#left   { float:left; width:15px; height:30px; position: absolute;  top: 15px; right: 0;}
	#right  { 
		float:right; 
		width:60px; 
		position: absolute; 
		bottom: 0; 
		right: 0; 
		color: black; 
		font-weight:bold; 
		text-align: right; 
	}
	
	#right_vertical  { 
		position: absolute;  
		bottom: 0; 
		right:-88px; 
		width: 100px;
		color: black; 
		font-weight:bold;
		font-size: 10px;
		text-align: left;
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		-webkit-transform-origin: left top 0;
	}
	#center { 
		margin:0 auto;
		width: 40px;
		color: black;
		font-weight:bold;
	}

	#center_vertical { 
		margin:0 auto; 
		width: 50px; 
		color: black; 
		font-weight:bold; 
		font-size: 10px; 
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		-webkit-transform-origin: left top 0;
	}
	
	.splitSlice {
		background-image: url(../img/add.png) ;
		background-size: 100%;
		width: 15px;
		height: 15px;
	}
	.deleteSlice {
		background-image: url(../img/delete.png);
		background-size: 100%;
		width: 15px;
		height: 15px;
	}
	.editSlice {
		background-image: url(../img/edit.png);
		background-size: 100%;
		width: 15px;
		height: 15px;
	}
	
	.scheduleGrid {
	    background-color:#FFFFFF;
	    position: absolute;
	    border: 1px solid #ccc;
	    border-width: 1px 0 0 1px;
	    box-sizing: content-box !important;
	}

	.gridLine {
	    border: 1px solid #ccc;
	    border-width: 0 1px 1px 0;
	    float: left;
	}

	.gridTick {
	   float: left;
	   text-align: center;
	   font-size: x-small;
	}
	
	.currentValueMarker {
		background-color: #FF0000;
		position: absolute; 
		bottom: 0;
		right: 0;
		width: 1px;
		height: 1px;
	}
	
	.currentValueLabel {
		color: #FF0000;
		position: absolute; 
		bottom: 0;
		right: 0;
		width: 1px;
		height: 1px;
	}
	
	.x-grid-row .x-grid-cell-inner {
		white-space: normal;
	}
	.x-grid-row-over .x-grid-cell-inner {
		white-space: normal;
	}
	
	.x-column-header .x-column-header-text {
		white-space: normal;
	}
 
	.warning {
		background-image: url(../img/warning.png);
		background-size:40px 40px;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.buttonSuccess {
		background: #DEFAE1;
	}

	.buttonError {
		background: #FF5555;
	}
	
	.aboutDialog {
		background-color: #414042;
		color: white;
	}

	.aboutDialog div {
		background-color: #414042;
		color: white;
	}

	.aboutDialog a {
		color: white;
	}
	
	.berryReport {
		background-color: #FFE5B4 !important;
	}
	
	.pulpReport {
		background-color: #FFA5B4 !important;
	}
	
	.skinReport {
		background-color: #EAE0C8 !important;
	}
	
	.seedsReport {
		background-color: #A5E0A8 !important;
	}
	
	
	/* Vineryard control */
	.vineyard-details-panel {
		padding: 10px 10px 10px 10px;
	}
	
	.vineyard-details-panel .x-panel-header-custom-small-horizontal-noborder {
	    padding: 5px 5px 5px 5px;
	}
	.vineyard-details-panel .x-panel-header-custom-small-horizontal {
	   padding: 5px 5px 5px 5px;
	}
	
	.vineyard-details-panel .x-panel-body {
		background-color: white;
		border: none;
	}
	
	.x-panel-custom {
	    border: none;
	    color: #22a61b;
	    background-color: white;
	    font-size: 18px;
	    font-weight: bold;
	    text-align: center;
	    padding: 0;
	}
	
	.x-panel-body-custom {
	    background-color: white;
	    color: black;
	    font-size: 13px;
	    font-size: normal;
	    border-width: 0px;
	    border-style: solid;
	    text-align: left;
	}
	.x-panel-header-custom {
	    background-image: none;
	    background-color: white;
	}
	
	.x-panel-header-custom-horizontal-noborder {
	    padding: 5px 5px 5px 5px;
	}
	.x-panel-header-custom-horizontal {
	   padding: 5px 5px 5px 5px;
	}
	
	.x-panel-custom-small {
	    border: none;
	    background-color: white;
	    text-align: left;
	}
	
	.x-panel-custom-small .x-header-text {
   		font-weight: bold;
   		padding: 0;
	}
	
	.x-panel-custom-small .x-panel-body {
   		font-weight: normal;
   		padding: 0px;
   		background-color: white;
   		font-size:12px;
   		border: none;
	}
	/*
	.x-panel-body-custom-small {
	    background-color: white;
	    color: black;
	    font-size: 12px;
	    font-size: normal;
		border: 1px solid #DDDDDD !important;
	    text-align: left;
	}
	*/
	
	.x-panel-header-custom-small {
	    background-image: none;
	    background-color: white;
	}

	.editIcon {
		background-image: url(../img/edit.png) ;
		background-size: 100%;
		width: 16px;
		height: 16px;
	}
	
	.x-column-header {
		background-color: #FF0000;
		border: 0px;
	}

	.custom-grid .x-grid-header-ct { border: 0px; background: white;}
	.custom-grid .x-grid-header-ct .x-box-inner { border: 0px; background: white; }
	.custom-grid .x-grid-header-ct .x-box-inner .x-column-header-inner { border: 0px; background: white; font-weight: bold;}
	
	.custom-grid {
	 	border: 0px solid red;
	}
	
	.custom-grid .x-grid-row-selected .x-grid-cell-inner {
	    font-weight: bold;
	    background-color: white;
	    border: 0px;
	}
	
	.custom-grid .x-grid-row-over .x-grid-cell-inner {
		background-color: white;
		border: 0px;
	}

	.editIconButton {
		border-radius: 0;
		background-image: none;
		border: 0;
		width: 20x; 
		height: 20px;
	}
	
	.bsa-report-form-panel .x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
  		margin-bottom: 0px;
	}
	
	.bsa-report-form-panel .x-field-label-cell {
		margin: 0px;
		padding: 0px;
	}
	
	.bsa-report-value {
		border: 0px solid #DDDDDD;
		width: 20px;
		height: 20px;
		margin-right: 25px;
		line-height: 20px;
	 	text-align: center;
	}
	
	.x-window-body {
		background: white;
		background-color: white;
	}
	
	.hidden {
		visibility: hidden;
	}

	.visible {
		visibility: visible;
	}
	
    .mapTooltip {
    	width: 280px;
    }
    
   	.center-title{
		text-align:center;    
	}
	
	.thumb {
		max-width:100%;
		max-height:100%;
	}
	
	/* Preload images */
	div#preloaded-images {
	   position: absolute;
	   overflow: hidden;
	   left: -9999px; 
	   top: -9999px;
	   height: 1px;
	   width: 1px;
	}

	.custom-form-panel .x-panel-body {
		background: none repeat scroll 0% 0% transparent;
	}
	
	.x-item-disabled .custom-form-panel .custom-form-label .x-panel-body {
		opacity: 0.3;
		-webkit-opacity: 0.3;
		filter: alpha(opacity=30);
	}
	
	.map-custom-panel {
		position: absolute;
		display: block;
		top: 65px;
        left: 8px;
        background: rgba(255,255,255,0.4);
  		border-radius: 4px;
  		padding: 3px;
	}
	
	.maxZoomItemInactive {
		display: block;
    	background-image: url(../img/maxzoom.png);
		background-size: 17px 17px;
		background-repeat: no-repeat;
		background-position: center;
	    background-color: rgba(0, 60, 136, 0.5);
	    border-radius: 4px;
	    border: none;
		height: 22px;
  		width: 22px;
	}

	.x-btn-default-small {
		background-color: transparent;
	}
	
	.x-panel-reading-value-title {
	    border: none;
	    color: #aaaaaa;
	    background-color: white;
	    font-size: 14px;
	    font-weight: normal;
	    text-align: right;
	    padding: 0;
	}
	
	.x-panel-reading-value-current {
	    color: #10b310;
	    background-color: white;
	    font-size: 50px;
	    font-weight: bold;
	    text-align: right;
	    padding: 0;
		border: 2px;
	}
	
	.x-panel-reading-value-target {
	    border: none;
	    color: #00a0c8;
	    background-color: white;
	    font-size: 45px;
	    font-weight: bold;
	    text-align: right;
	    padding: 0;
	    border: 2px;
	}
	
	.set-value-button .x-btn-inner {
		font-size: 60px;
	}
	
	.value-button-status .x-btn-inner {
		font-size: 20px;
	}
	
	
</style>
  