.col-xs-3, .col-xs-4, .col-xs-9, .col-xs-8, .col-xs-5, .col-xs-7 {
	padding: 0;
}

.panel.reporting-dashboard .panel-body {
	overflow: hidden;
	overflow-x: auto;
}

.panel.reporting-dashboard .gridster {
	min-width: 1050px;
}

.panel.reporting-dashboard .gridster .table td,
.panel.reporting-dashboard .gridster .table th {
	padding: 5px;
}

.report-column {
	padding: 15px;
	border-left: 1px solid #eeeeee;
	min-height: 365px;
}
.widget-item {
	text-transform: capitalize;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 10px;
}

.items-list {
	height: 165px;
	overflow: auto;
	padding-right: 10px;
}

.widget-value {
	font-size: 26px;
}

.report-title {
	margin: 0px 0px 10px 28px;
}

.settings-line {
	margin-bottom: 10px;
}
.settings-line .select2-container {
	max-width: 180px;
	position: relative;
	left: -3px;
}
.settings-btn {
	float: right;
	font-size: 13px;
	padding: 3px 20px;
	margin: 0 10px;
}

.report-items-block {
	margin-top: 25px;
}

.report-page-title {
	min-width: 320px;
	padding-right: 0;
}
.reporting-page-select{
	min-width: 180px;
}

.widget {
	text-align: center;
	border-radius: 5px;
	border: 1px solid #d4d4d4;
	padding: 0px 10px;
	float: left;
	position: relative;
	display: table;
	background: #ffffff;
}

.filter-widget-block {
	font-family: arial, helvetica, sans-serif;
	position: relative;
}

.datepicker-range,
.datepicker-setting {
	padding: 5px 0;
	display: inline-block;
	flex: auto;
	max-width: 700px;
	float: left;
}

.datepicker-range .from-to-DateRange .form-control[disabled],
.datepicker-range .from-to-DateRange .form-control[readonly] {
	background-color: #ffffff;
}

.datepicker-range .from-to-DateRange label {
	text-transform: capitalize;
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
	border: 1px solid #000000 !important;
}

.ui-datepicker-header.ui-widget-header {
	background: #FBFBFB;
	border-bottom: 1px solid #EBEBEB;
}

.datepicker-setting {
	max-width: 250px;
}

.modal-datepicker .filter-widget-block {
	border: none;
	margin: 0;
	padding: 0;
}

.modal-datepicker .datepicker-setting {
	max-width: 700px;
	margin-left: 0;
}

.datepicker-setting {
	margin-left: 50px;
}

.datepicker-inner {
	overflow: hidden;
	overflow-x: auto;
}

.datepicker-range-links {
	padding-top: 35px;
}

.datepicker-inner .datepicker-inner-scroll {
	min-width: 700px;
}

.filter-widget-block{
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding-top: 5px;
	margin-bottom: 10px;

	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	flex-wrap: wrap;
	-ms-flex-wrap: wrap;

}

#filtersBlock button.close {
	padding-right: 20px;
}

.widget-title {
	text-transform: uppercase;
	font-size: 15px;
	color: #575757;
	font-weight: normal;
  padding: 10px 0;
}

.widget-item.active {
	background-color: #2f94d8;
	border-color: #2687c8;
	color: white;
}


.widget.active{
  border: solid #2687c8;
}

.delete-widget-btn {
	height: 14px;
	width: 11px;
	position: absolute;
	right: 15px;
	top: 10px;
}

.filter-widget-btn {
	height: 21px;
	width: 30px;
	position: absolute;
	right: 15px; top: 15px;
	z-index: 1;
	color: #575757;
}

.export-widget-btn {
	position: absolute;
	right: 9px; top: 15px;
	z-index: 1;
	color: #575757;
    padding-right: 10px;
}

.exportMenu {
	margin: -2px -9px 2px 2px;
	padding: 7px 7px 7px 7px;
	border-radius: 0;
	min-width: 110px;
}

.exportMenu > li {
	cursor: pointer;
	padding: 3px 1px 1px 10px;
}

.exportMenu > li:hover,li:focus {
	background: #f5f5f5;
}

.filter-widget-stats {
	height: 25px;
	width: 80px;
	position: absolute;
	right: 15px; top: 13px;
	z-index: 1;
	color: #575757;
}

.threshold-input {
	width: 60px;
	display: inline;
}

.threshold-inputs-block {
	text-align: right;
}

.buttons-block {
	line-height: 100px;
}

.customize-link {
	font-size: 18px;
	margin: 20px 0px 8.5px 10px;
	float: left;
}

.dashboard-title {
	display: block;
	float: left;
}

.widget-text-block {
	display: table-cell;
	vertical-align: middle;
}

.widgetValueDown {
	background: salmon;
}

.widgetValueUp {
	background: deepskyblue;
}

/*widget Dashboard*/
/*----------------------------------*/

.no-reports-message {
	float: left;
	color: gray;
	font-size: 16px;
}
.widget-page-textaera {
	min-height: 115px;
}
.widgets-block {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}

.page-content-wrapp .widget {
 border: 1px solid #D8D8D8;
 padding: 0;
 border-radius: 0;
}

.templates-container {
	width: 100% !important;
	/*overflow: hidden !important;
  overflow-x: auto !important;*/
}

.widget-title.widget-table-title {
 text-align: left;
 padding: 7px 14px 7px 14px;
 color: #000000;
 background-color: #FAFAFA;
}

.widget-filter-section{
	width: auto;
	float: right;
	position: relative;
    margin-top: -2px;
    margin-bottom: -2px;
    margin-right: -2px;
}

.widget-table-title .fa-bars {
	margin-right: 7px;
}

.widget-graph-title {
	border-bottom: 1px solid #EAEAEA;
}

.widget-text-block .widget-title {
 text-align: center;
 padding: 10px 20px;
}

.widget .gs-resize-handle-both {
	right: 0; bottom: 0;
	background-position: 10px 10px;
}

.widget .table {
	margin: 0;
	border: none;
	white-space: nowrap;
}

.widget .table td,
.widget .table th {
	padding-left: 14px;
	padding-right: 14px;
}

.widget .table tr td:first-child,
.widget .table tr th:first-child {
	border-left-width: 0;
}
.widget .table tr td:last-child,
.widget .table tr th:last-child {
	border-right-width: 0;
}

.sorting-controls > a,
.report-filter-button .form-control {
	color: #000000;
}

.grid-widget > .table > tbody > tr > td {
	white-space: nowrap;
}

.report-filter-button {
	width: 270px;
}

.report-filter-button button{
	border: solid 1px #d4d4d4;
}

.sortableColumn {
	cursor: pointer;
}

/*
.sortableColumn .sorting-controls {
	height: 0px;
	overflow-y: hidden;
}

.sortableColumn:hover .sorting-controls {
	height: auto;
}*/

.dashboard-header {
	padding: 0 8px;
}

.boxDashboard,
.boxDashboard .widget-content,
.boxDashboard .widget .widget-grid-text,
.boxDashboard .widget .grid-widget,
.boxDashboard .widget-content .widget-text-block-content .widget-value,
.boxDashboard .widget-content .widget-text-block-content .widget-title {
	width: 100%;
}

.boxDashboard,
.boxDashboard .widget,
.boxDashboard .widget-content .widget-text-block-loading,
.boxDashboard .widget-content .widget-text-block-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.boxDashboard,
.boxDashboard .widget-content .widget-text-block-loading,
.boxDashboard .widget-content .widget-text-block-content {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.boxDashboard .widget-content .widget-text-block-content {
	text-align: left;
	padding: 0 17px;
}
.boxDashboard .widget-content .widget-title {
	padding-bottom: 5px;
}

.boxDashboard .widget {
	-webkit-align-items: baseline;
	-moz-align-items: baseline;
	-ms-align-items: baseline;
	align-items: baseline;

	-webkit-box-flex: auto;
	-moz-box-flex:  auto;
	-webkit-flex:  auto;
	-ms-flex:  auto;
	flex:  auto;

	position: relative;
	border: 0;
	background: none !important;
	padding: 8px;
	overflow: hidden;
	/*left: 0; top: 0;*/
	width: auto;
}

.boxDashboard .widget-content {
	/*border: 1px solid #DFDFDF;*/
	background-color: #fff;
	overflow: hidden;
}

.boxDashboard .widget-content,
.boxDashboard .widget-content .widget-text-block-loading {
	min-height: 115px;
}

.boxDashboard .widget-content .widget-text-block-loading,
.boxDashboard .widget-content .widget-text-block-content {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-align-content: center;
	-moz-align-content: center;
	-ms-flex-align: center;
	align-content: center;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

.boxDashboard .widget-content .widget-text-block-content .widget-value {
	font-weight: 600;
}

.boxDashboard .widget-content .widget-text-block-content .widget-value,
.boxDashboard .widget-content .widget-text-block-content .widget-title {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: auto auto 0;
	display: block;
}

.boxDashboard .widget-content .widget-text-block-loading {
	white-space: nowrap;
}

.boxDashboard .widget .widget-grid-text {
	display: table;
}

.boxDashboard .widget-text-block .widget-title {
	padding: 5px 5px 10px 5px;
}

.boxDashboard .widget .grid-widget {
	overflow: hidden;
	overflow-x: auto;
}

.boxDashboard .widget .table-responsive {
	margin-bottom: 0;
}

.boxDashboard .widget[data-sizex]:only-child {
	max-width: 100%;
	width: auto;

	-webkit-box-flex: none;
	-moz-box-flex:  none;
	-webkit-flex:  none;
	-ms-flex:  none;
	flex:  none;
}

.boxDashboard .widget[data-sizex="12"],
.boxDashboard .widget[data-sizex="12"]:only-child {
	width: 100% !important;
}