@import "../../../variables.less"; 
@import "../../../mixins.less";
// ---------------------------

body, td, div, span, p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}

/** Memory Graph **/
.uiGadgetThemes{
	 .gadContent{
	 	padding-top: 0px;
	 }
}

.chart-container{
	clear: both;
	text-transform: capitalize;
	.list-memory{
		width: 168px;
		margin: 0px 0 30px 0px;
		float: left;
		border: 1px solid @borderColor;
		.table-striped tbody td:first-child{
			border-right: 1px solid @borderColor;
		 }
		 td{
		 	padding: 5px;
		 }
		.memory-label {
  			color: @linkColor;
		 }

	}
	h6{
	 	font-size: 13px;
	 	margin: 20px 0 10px 0;
	 }
}

.graph-memory-zone {
	width: 0;
	height: 160px;
	width: 100%;
	margin-right: 0;
	float: left;

  .chart-content {
	border-radius: 4px;
	box-shadow:0px 1px 2px rgba(0, 0, 0, 0.08);
	background: @baseBackground;
	width: 100%;
	height: 135px;
	margin: 0;
	border: 1px solid @borderColor;
	padding: 0;
	position: relative;
	.chart-canvas{
		position: absolute;
		top: 0px;
		left: 14px;
	}
  }

  .center, .title{
	text-align: center;
  }

  .memory-label{
	color: @linkColor;
  }
  table.jqplot-table-legend, table.jqplot-cursor-legend{
	border: none;
	width:auto !important;
	top: 40px !important;
  }
  td.jqplot-table-legend > div{
	border: none;
  }
  div.jqplot-table-legend-swatch{
	border-radius: 2px;
	border-width: 8px;
  }
  .table th, .table td{
	border: none;
  }

}

.uiBox {
    background: none repeat scroll 0 0 @baseBackground;
    border: 1px solid @borderColor;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 4px -1px rgba(35, 44, 48, 0.18);
    margin: 0 0 20px;
	.title {
		background-color: @primaryBackground;
		border-bottom: 1px solid @borderColor;
		border-radius: 4px 4px 0 0;
		box-shadow: 0 1px 2px rgba(13, 13, 13, 0.2);
		font-size: 13px;
		line-height: 20px;
		margin: 0;
		padding: 8px 10px;
		word-wrap: break-word;
		text-align: center;
	}
	.templates{
		overflow: auto;
		padding: 0 20px 20px;
	}
}
