/* 	Widget Group for putting a frame around a set of widgets that all have a common set of controls 
	---------------------------------------------------
*/
.wh-widget-group {
	border-radius: 5px;
	border: solid 1px #eed6af;
	margin-bottom: 15px;
	min-height: 200px;
}

.wh-widget-group > .wh-widget-header {
	color: #757575;
	background-color: #eed6af;
}

.wh-widget-group > .wh-widget-filters {
	padding-left: 15px;
	padding-right: 15px;
}
.wh-widget-group > div.row {
	margin-top: 10px;
}


/* 	Widget Classes for main widget styling 
	---------------------------------------------------
	<div class="wh-widget">
		<div class="wh-widget-header"></div>
		<div class="wh-widget-filters"></div>
		<div class="wh-widget-results || wh-widget-results-table || wh-widget-noresults"></div>
		<div class="wh-widget-footers"></div>
	</div>
*/
.wh-widget {
    border-radius: 5px; 
    border: solid 1px #ccc; 
    margin-bottom: 15px;
    min-height: 200px;
}

.wh-widget-short {
    min-height: 300px;
}

.wh-widget table {
    margin-bottom: 0;
}

.wh-widget-small table {
    font-size: 12px;
}

.wh-widget-header {
    padding: 1px 0 1px 5px;
    font-family: "Calibri";
    color: #757575;
    background-color: #F0F7FF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #ccc;
}

.wh-widget-header .glyphicon {
    font-weight: 300;
}

.wh-widget-header .glyphicon {
    margin: 0 10px;
}

.wh-widget-filters {
    background-color: #f9f9f9;
    padding: 10px 5px;
    border-bottom: solid 1px #ccc; 
}

.wh-widget-filters label {
    margin-bottom: 0;
}

.wh-widget-results {
    padding: 0 0 0 5px; 
}

.wh-widget-results-table {
    padding: 0;
}

.wh-widget-bottom-element {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.wh-widget-results-table.wh-widget-bottom-element {
    overflow: hidden;
}

.wh-widget-noresults {
    padding: 10px 0 10px 5px;
}


/*  Widget Centered for adjusting the standard left-aligned styling for widgets that look better centered.
	Note: you should avoid mixing standard and centered widgets so that the styling looks better
	---------------------------------------------------
*/
.wh-widget-centered .wh-widget-header,
.wh-widget-centered .wh-widget-filters,
.wh-widget-centered .wh-widget-results,
.wh-widget-centered .wh-widget-footer {
    text-align: center;
}
.wh-widget-centered .wh-widget-results {
    padding: 0;
}