﻿#usersPage .cr {
  margin: 0px 5px;
  cursor: pointer; }

#usersPage .sidebar .groups {
  flex-direction: column-reverse;
  display: flex; }
  #usersPage .sidebar .groups:hover .edit-groups {
    display: inline !important;
    display: initial !important;
    cursor: pointer; }
  #usersPage .sidebar .groups .editActions {
    font-size: 12px; }

#usersPage .action-bar {
  border: none; }
  #usersPage .action-bar .searchBar {
    width: 100% !important;
    max-width: none; }
  #usersPage .action-bar .form-control {
    display: inline-block;
    width: auto; }

#usersPage .main-content-wrapper {
  background: #FaFaFa; }

#usersPage .main-content {
  border-radius: 20px 20px 0px 0px;
  background: #F0F0F0;
  padding: 20px 20px; }
  #usersPage .main-content .changed {
    color: #03A9F4; }

#usersPage .userRow {
  background: white; }
  #usersPage .userRow.selected .userDetails {
    display: inline !important;
    display: initial !important; }
  #usersPage .userRow .control-label {
    padding: 5px 0px; }
  #usersPage .userRow .userHeader {
    padding: 10px 0px;
    border-top: 1px solid #e8e8e8; }
  #usersPage .userRow .userDetails {
    display: none;
    width: calc(100% - 50px);
    padding: 10px 10px;
    margin: 0px 25px;
    border-top: 1px solid #e8e8e8; }
    #usersPage .userRow .userDetails .confirmAction {
      margin-top: 10px; }
