/* ------------------------------------------------------------------------------------------------ */
/* --------------------------------------- users controller --------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */

/* ********************************* usergroups ********************************* */
div.usergroupsContainer
{ border: 1px #0612FF solid;
  background-color: White;
  height:calc(100% - 1.525em - 2px);
}
  div#usergroupsHead
  { height:26px;
    color: White;
    position:relative;
  }
  div#usergrouplistContainer
  {height:100%;
  }
    div.usergroups
    { overflow: auto;
      margin:4px;
      line-height:1.5em;
      height:calc(100% - 26px - 32px);
    }
    div#usergroupsControls
    { height: 26px;
      margin-left:2px;
      display:flex;
    }
/* ********************************* usergroup ********************************* */
div#usergroupContainer
{ border: 1px #0612FF solid;
  margin:1px;
  height: calc(100% - 2px);
  min-height:50%;
  flex: 1 1 auto;
}
  div#usergroupdetailContainer
  { 
  height:100%;
  }
    div.usergroupHead
    { position:relative;
      float:left;
      clear:both;
      width: 96%;
      height: 26px;
      color: White;
    }
    div.usergroup
    { 
      height:calc(100% - 26px - 24px);
      
      overflow: auto;
      margin-left:4px;
    }
    div.usergroupControls
    { width: 100%;
      margin-left:2px;
      height: 26px;
    }
/* ********************************* accessarea ********************************* */
div#accessareaContainer
{ border: 1px #0612FF solid;
}
div#useraccessareaContainer
{ border: 1px #0612FF solid;
}
  div.accessareaHead
  { position:relative;
    float:left;
    clear:both;
    width: 90%;
    height: 26px;
    color: White;
  }
  div.accessarea
  { float:left;
    clear:both;
    height: 26px;
    overflow: auto;
    margin: 0px 4px;
    width:90%;
  }
  div.permission
  { float:left;
    clear:both;
    overflow: auto;
    margin: 0px 4px;
    width:90%;
  }

/* ********************************* users ********************************* */

div.usersContainer
{ border: 1px #0612FF solid;
}
  div#userlistContainer
  {
  }
    div#usersHead
    { 
    }
    div.users
    { 
      margin: 0px 0px 4px 4px;
      height:calc(100% - 26px - 28px);
    }
    div.usersControls
    { 
      width: 100%;
      overflow: hidden;
      margin-left:4px;
    }
div#users_table
{
}
td.users_login
{ background-color: #d0d0ff;
}
td.users_firstname
{ background-color: #d0d0ff;
}
td.users_lastname
{ background-color: #d0d0ff;
}


/* ********************************* user ********************************* */
div#userContainer
{ border: 1px #0612FF solid;
}
.absolute_trbl
{

  left:2px;
  right:2px;
  bottom:2px;
  top:2px;
}
.absolute_trbl0
{
  

}
.absolute_rbl
{
}
  div.userHead
  { position:relative;
    float:left;
    clear:both;
    width: 46%;
    height: 26px;
    color: White;
  }
  div#userdetailContainer
  { 
  }
    div.user
    {overflow: auto;
    padding: 0 4px;
    }
    div.userControls
    { 
      height: 26px;
      overflow: hidden;
      margin-left:4px;
    }

div.useraccessarea
{ position:relative;
  float:left;
  clear:both;
  height: 26px;
  overflow: auto;
  margin: 0px 4px;
}

div.userpermission
{ position:relative;
  float:left;
  clear:both;
  bottom: 1px;
  overflow: auto;
  margin: 0px 4px;
}

div#change_password
{ position:absolute;
  top:27px;
  left:0;
  right:0;
  bottom:0;
  background:white;
}
div#change_email
{ position:absolute;
  top:27px;
  left:0;
  right:0;
  bottom:0;
  background:white;
}

div#login_flash
{
  border: 1px solid #f8001d;
  overflow: auto;
  padding: 5px 3px 3px 5px;
  margin: 10px auto;
  width:25em;
}
div.login
{ border: 2px solid black;
  overflow: auto;
  padding: 10px 12px 12px 4px;
  margin: 50px auto;
  width:26em;
}

/* the following appear to be unused */
div.loginside
{ left:auto;
  right: 100px;
  top: 40px; 
}

div.label
{ position:absolute;
  left: 0px;
  top: 0em; /* will be overriden in the view */
  width: 100px;
  height: 1.5em;
  text-align: right;
  overflow: hidden;
}
div.data
{ position:absolute;
  left: 102px;
  top: 0em; /* will be overriden in the view */
  width: 208px;
  height: 1.5em;
  overflow: hidden;
}
#selected_days li{padding:2px 5px;line-height:26px; }
#selected_days li:hover{ background-color:#b4cae3; }
div.therapist_have_day{display:flex;height:22px;padding:2px 5px;}
div.therapist_have_day:hover{ background-color:#b4cae3; }
div.therapist_icons{display:flex;}

div.userparam_class
{
  float:left;
  display:inline;
  margin:5px;
}
li.h_li
{
  list-style:none;
  float:left;
}
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.flex_block 
{
  display: flex;
  flex-direction:row-reverse;
  flex-wrap: wrap;
}

.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
/* End hide from IE-mac */
/* ********************************* permissions ********************************* */
div.permissionsContainer
{ border: 1px #0612FF solid;
}
div#permissionsContainer
{ 
}
div#permissionsHead
{ position:relative;
  float:left;
  clear:both;
  width: 100%;
  height: 26px;
  color: White;
}

.group
{font-weight:bold;
}

div#permissions_users
{height:87%;
overflow:auto;

}

/******************************work schedule*****************************************/
div#shift_time
{
  left:300px;
  top:100px;
  padding:20px;
  width:800px;
  height:300px;
  display:none;
}