.panel-body{ background:#fff;}
.each-selection{
	display:table;
	float:left;
	margin-bottom:20px;
	height:70px; cursor:pointer;
	line-height:20px;
}
.selection-icon{
	width:30%;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	padding: 0 10px 0 0;
}
.selection-text{
	display:table-cell;
	color:black;
	width:70%;
	vertical-align:middle;
}
.each-selection a{font-weight:400; font-size:14px;}
.each-selection a.PageLink{
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	padding:4px 0;
	display:inline-block; margin:0px 5px 0 0;
}
.selection-text a span{ 
	text-decoration:none;
	color:black;
}

.selection-icon span{ background: #F7F7F7;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 60px;}
/*.each-selection:hover .selection-icon span{background: #461F87;}*/
.each-selection:hover .selection-icon i{color: #461F87;}
.selection-icon i {
    color: #C7C7C7;
    font-size: 30px;
    line-height: 60px;
}
a i{
	font-size:15px;
}

/** New Report **/
.reportsnew{ background:#fff; padding:15px;}
.reports-filter{ border:1px solid #EBEBEB; padding:10px;}
.FilterContainer h3 a{ font-size:14px; color:#959595;}
.filter-by ul{padding:5px 10px;}
.filter-by li{ display:inline-block;}
.FilterContainer{ width:300px; position:absolute; left:-315px; top:88px; background:#fff; padding:10px; z-index:99; border:1px solid #d4d4d4;  border-left:0; box-shadow:1px 0px 5px 0px #aaa;}
.FilterContainer h3{ font-weight:normal; color:#333; font-size:18px;}
.FilterContainer input{ width:100%;}
.ReportCharts h3{ font-weight:300; font-size:16px; margin:5px 0 20px;}
.ReportCharts .row{ padding:10px;}
.ReportCharts .border{ border:1px solid #d4d4d4; padding:15px;}
.ReportCharts .chart{ display:none;}
.ReportCharts .chart.active{ display:block;}
.ListReport li{ display:inline-block; font-size:16px; margin:0 5px 0 0; padding:0 5px; cursor:pointer;}
.ListReport li.active{border-bottom: 2px solid #1d8ffe;}
.trends{border: 1px solid #EBEBEB; padding: 10px; border-bottom:0;}
.trends h2{ font-weight:normal; font-size:18px; display:inline;}
#sendmail .DatePickerBox{width:150px;}
#sendmail  input.col-md-10{ width:83.333%;}
#sendmail textarea{ resize:none;}
.EmailBox{border:1px solid #d4d4d4; border-radius:2px; background:#fff; height:30px; line-height:30px;}
.EmailBox span{ background:#e4e4e4; padding:3px 5px; border-radius:3px;}
.EmailBox span a{ font-size:12px; color:#333;}
/* Configuration Modal */
#Modal_9-quad-settings .modal-body{background:#FFFFFF;padding:20px;}
#Modal_9-quad-settings .axis-threshold .bootstrap-select{width: 30%} 
#Modal_9-quad-settings .axis-threshold li{width:100%;float:left; margin-bottom: 18px}
#Modal_9-quad-settings .axis-threshold li label,#Modal_9-quad-settings .quadrant-label ul li label{ float:left; margin:10px 0 0; font-size:13px; color: #808080;}
#Modal_9-quad-settings .axis-threshold li:last-child{ margin-bottom:0px;}
#Modal_9-quad-settings .axis-threshold li input{width:80px; float:left; margin:0 10px 0 5px;}
#Modal_9-quad-settings .quadrant-label ul li{width:30%;float:left;margin-bottom:10px;}
#Modal_9-quad-settings .quadrant-label ul li:last-child{ margin-bottom:0px;}
#Modal_9-quad-settings .quadrant-label ul li input{width:75%;}

#Modal_9-quad-settings .x-axis-section span,#Modal_9-quad-settings .y-axis-section span{float:left; margin:6px 0 0 0;  font-size:13px; color: #808080;}
#Modal_9-quad-settings .modal-body h3{ font-size:14px; font-weight:500; border:0; padding:0; margin-bottom:14px !important;}
.x-axis-threshold li label,.y-axis-threshold li label{ width:30px; float:left; margin:8px 0 0 0;}
.icon-folder_Download{font-size:19px; margin:0px 10px 0 0px !important; float:left; color:#39a739;}

#Modal_9-quad-settings .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:90%; margin-bottom:0px;}
.DefaultSection,.quadrant-label,.drilldown{margin-top:22px !important; }
/* TwoSide multi select */
.UpDownArrow{ margin-top:26px;}
.SelectHead{ font-size:14px; font-weight:bold;}
.TwoSideMultiSelect .btn.btn-block{ background:#f1f1f1;}
.UpDownArrow .btn.btn-block{margin-bottom:10px;}
.TwoSideMultiSelect select[multiple].form-control {height:185px; max-height:185px;}
.TwoSideMultiSelect select[multiple].form-control option{ padding:5px; font-size:14px; cursor:pointer;}
.TwoSideMultiSelect .btn.active{ color:#fff; background:#764FB7 !important;}
.WhiteBtn:hover i{color: #fff;}
.container-fluid .CardSection .PerformCard{position: relative;}
.container-fluid .CardSection .btn-group{position: absolute;right: 0px;top: 0px;}
.container-fluid .CardSection .btn-group .dropdown-toggle,.container-fluid .CardSection .btn-group .dropdown-toggle:focus{background: transparent;border:0px;box-shadow: none;}
.MoreDropdown .icon-more{color: #D4D4D4;}
.MoreDropdown .icon-more:hover,.MoreDropdown.open .icon-more{color: #764FB7;}
.container-fluid .CardSection .col-md-4:nth-child(3n) .MoreDropdown{margin-right: 0px !important;}
.TwoSideMultiSelect .btn.btn-block{padding:8px;}
.AdditionalSection .CardSection .PerformCard,.AdditionalSection .CardSection .PerformCard .CardIcon{cursor: default;}