/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
.center {
  text-align: center;
}
/* Login Page CSS */
.login .page-footer {
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
}
.login .page-footer .page-footer-tools {
  display: none;
}
.login .page-footer .page-footer-inner {
  float: none;
  color: #eee;
}
.login .page-footer .page-footer-inner a {
  color: orange; 
}
/* Login Page CSS */

/* Reports */
.add_to_filter, #report_table .show_on_hover {display: none;}

.details-show .fa-spin {
  font-size: 50px;
  margin: 50px;
}
.details-heading {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin: 10px;
}
.css_table {
  display: table;
  width: 100%;
  background: white;
  text-align: center;
}
.css_table > div {
  display: table-row;
}
.css_table > div > div {
  display: table-cell;
  padding: 5px;
}
.css_table > div > div.th {
  background: #0fa1e0;
  font-weight: bold;
  color: white
}

#report_table .report_details {
  background: #d6d6d6;
}
.report_details .details-buttons {
  margin: 15px;
}
/* Reports *.


/* Filter */
.filter-add {
  float: right;
}
input.form-control.dark[type=text] {
  background-color: #3d3d3d;
  color: #616161;  
}
#filter-sidebar input.form-control[type=text] {
  width: 100% !important;
}
#filter-sidebar .fa-plus, #filter-sidebar .icon-plus, #filter-sidebar .icon-magnifier {
  color: #E6C528;
}
#filter-sidebar .fa-times {
  color: red;
}
#filter-sidebar .list-items li .bootstrap-switch {
  max-height: 24px;
}
.maxw30pc {
  max-width: 30%;
}
.margin10l {
  margin-left: 10px;
}
.list-activities .object-add {
  margin-top: 10px;
  right: 10px;
  position: absolute;
  display: inline-block;
}
.tools .fa.important {
  color: orange;
}
.tools .fa .badge {
  display: none;
}
.tools .fa.important .badge {
  display: inline-block;
  position: relative;
  top: -8px;
  left: -4px;
}
.page-quick-sidebar-wrapper.filter-fullscreen {
  width: 100%;
}

.page-quick-sidebar-wrapper .expand-contract .fa-expand, .page-quick-sidebar-wrapper.filter-fullscreen .expand-contract .fa-compress {
  display: block;
}
.page-quick-sidebar-wrapper .expand-contract .fa-compress, .page-quick-sidebar-wrapper.filter-fullscreen .expand-contract .fa-expand {
  display: none;
}
.page-quick-sidebar-wrapper .expand-contract .badge {
  width: 22px;
  height: 22px;
  padding: 3px;
  background: #555;
  color: #ccc;
  cursor: pointer;
  float: right;
  margin-right: 8px;
}
.page-quick-sidebar-wrapper.filter-fullscreen .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
  width: 60% !important;
}
.page-quick-sidebar-wrapper.filter-fullscreen h3.list-heading {
  padding-bottom: 10px;
  border-bottom: 1px solid #555;
}
.page-quick-sidebar-wrapper.filter-fullscreen h3.list-heading .filter-add {
  float: none;
}

/* Filter */

/* List Users */
.list-users .media {
  padding: 12px 10px 11px 10px;
}
.list-users .media .media-object {
  border-radius: 50% !important;
  width: 38.57143px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  float: left;
  margin-right: 10px;
}
.list-users .media .media-object:before, .list-users .media .media-object:after {
  content: " ";
  display: table;
}
.list-users .media .media-object:after {
  clear: both;
}
.list-users .media:hover {
  cursor: pointer;
}
.list-users .media:hover .media-object {
  opacity: 1;
  filter: alpha(opacity=100);
}
.list-users .media .media-body .media-heading {
  margin: 5px 0 0 0;
  font-size: 14px;
}
.list-users .media .media-body .media-heading-sub {
  font-size: 11px;
  text-transform: uppercase;
}
.list-users .media .media-body .media-heading-small {
  font-size: 10px;
}
.list-users .media .media-status {
  margin-top: 10px;
  right: 10px;
  position: absolute;
  display: inline-block;
}
/* List Users */

/* Chart */
.tooltip_value {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

#dashboard_bell_chart_portlet .score_options button {
  margin: 3px;
}
div#dashboard_bell_chart_portlet.not_enough_data div#dashboard_bell_chart {
  height: auto;
}
#dashboard_bell_chart_portlet .not_enough_data {
  color: black;
  width: 100%;
  text-align: center;
}
/* Chart */

.hidden {
  display: none;
}
.sidebar-toggler {
  margin: 10px;
}
.page-sidebar-menu .title {
  color: white;
}
.page-header.navbar .page-logo .logo-default {
	margin-top: 4px;
}
.page-header.navbar .page-logo .logo-default img {
	height: 40px;
}
.next.disabled,.prev.disabled, #report_table_info {display: none;}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
#dashboard_chart_portlet .tools {margin-left: 5px;}
.legendLabel {
padding-left: 5px;
}
.tools .fa {
  font-size: 18px;
  color: white;
}
#report_table_filter {
  float: right;
}
#report_table_wrapper {
  width: 96%;
  margin: 10px auto;
}
.paging {
  margin: 10px 0;
}
.paging span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #428bca;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.paging span:hover {
  background-color: #ddd;
}
.paging span a {
  text-decoration: none;
}
.paging .current {
  background: #ddd;
}
#reportrange {padding: 10px; background-color: #35aa47; color: white; border-left: 4px solid white; border-right: 4px solid white;}


/* Portlet GBlue*/
.portlet > .portlet-body.gblue,
.portlet.gblue {
  background-color: #0fa1e0;
}

.portlet.solid.gblue > .portlet-title,
.portlet.solid.gblue > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.gblue > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.gblue {
  border: 1px solid #0fa1e0;
  border-top: 0;
}
.portlet.box.gblue > .portlet-title {
  background-color: #0fa1e0;
}
.portlet.box.gblue > .portlet-title > .caption {
  color: white;
}
.portlet.box.gblue > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.gblue > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #7ad588;
  color: #8ddc99;
}
.portlet.box.gblue > .portlet-title > .actions .btn-default > i {
  color: #99dfa4;
}
.portlet.box.gblue > .portlet-title > .actions .btn-default:hover, .portlet.box.gblue > .portlet-title > .actions .btn-default:focus, .portlet.box.gblue > .portlet-title > .actions .btn-default:active, .portlet.box.gblue > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a1e2ab;
  color: #b4e8bc;
}
.gblue.btn {
  color: white;
  background-color: #0fa1e0;
  border-color: "";
}
.gblue.btn:hover, .gblue.btn:focus, .gblue.btn:active, .gblue.btn.active {
  color: white;
  background-color: #25586F;
}
/* Portlet GBlue*/

/* Portlet GGreen*/
.portlet > .portlet-body.ggreen,
.portlet.ggreen {
  background-color: #62a21d;
}

.portlet.solid.ggreen > .portlet-title,
.portlet.solid.ggreen > .portlet-body {
  border: 0;
  color: white;
}
.portlet.solid.ggreen > .portlet-title > .caption > i {
  color: white;
}

.portlet.box.ggreen {
  border: 1px solid #62a21d;
  border-top: 0;
}
.portlet.box.ggreen > .portlet-title {
  background-color: #62a21d;
}
.portlet.box.ggreen > .portlet-title > .caption {
  color: white;
}
.portlet.box.ggreen > .portlet-title > .caption > i {
  color: white;
}
.portlet.box.ggreen > .portlet-title > .actions .btn-default {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #7ad588;
  color: #8ddc99;
}
.portlet.box.ggreen > .portlet-title > .actions .btn-default > i {
  color: #99dfa4;
}
.portlet.box.ggreen > .portlet-title > .actions .btn-default:hover, .portlet.box.ggreen > .portlet-title > .actions .btn-default:focus, .portlet.box.ggreen > .portlet-title > .actions .btn-default:active, .portlet.box.ggreen > .portlet-title > .actions .btn-default.active {
  border: 1px solid #a1e2ab;
  color: #b4e8bc;
}
.ggreen.btn {
  color: white;
  background-color: #62a21d;
  border-color: "";
}
.ggreen.btn:hover, .ggreen.btn:focus, .ggreen.btn:active, .ggreen.btn.active {
  color: white;
  background-color: #83BA39;
}
/* Portlet GBlue*/

/* Menu Color GrassBlade Green */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
  background: #62a21d;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
  background: #83BA39;
}


/** Configurations **/

.gb_xapi_test_result {
  margin-left: 10px;
  display: inline-block; 
}



/** Groups **/
.controller-groups ul.group_leaders_list {
  list-style: none;
  padding: 7px 0 0 0; 
}

.controller-groups .portlet.group_members {
padding: 15px;
}
.edit_groups.group_type_grassblade_xapi_companion #group_users_table_wrapper .table-group-actions, 
.edit_groups.group_type_grassblade_xapi_companion #group_users_table_wrapper tr > td:first-child,
.edit_groups.group_type_grassblade_xapi_companion #group_users_table_wrapper tr > th:first-child {
    display: none;
}

.red {
  color: red;
}
.green {
  color: green;
}
.tooltip {
  z-index: 100000;
}