/*USERS-PAGE*/
.box-wrapper
{
  padding-left: 5px;
  padding-right:  5px;
}

.users-box-tit
{
  font-size:    18px;
  font-weight:  bold;
  color:      #444;
  margin-left:  15px;
}

.cur-usr-img
{
  display:    block;
  margin:     auto;
  width:      80px;
  height:     80px;
  border:     4px solid #9ec8e0;
  margin-bottom:  10px;
}

div.users-table-container
{
  padding-left:   20px;
  padding-right:  20px; 
  border:         none !important;
}

table.users-table
{
  width:      100%;
}

table.users-table tr
{
  width:        100%;
  vertical-align:   middle !important;
  height:       30px;
  line-height:        30px;
  overflow:       hidden !important;
  padding:            0;
}

table.users-table td
{
  width:          100%;
  cursor:         pointer;
  border-radius:      4px !important;
  -webkit-border-radius:  4px !important;
  vertical-align:     middle !important;
  padding:                0 !important;
}
table.users-table td:hover
{
  background-color:#CCC !important;
}

table.users-table td
{
  color:    #333;
}

table.users-table td small
{
  font-size:        11px;
  color:          #666 !important;
  background-color:     inherit;
}

table.users-table td.active
{   
  color:          #fff;
  background-color:     #333;
}

table.users-table td.active small
{
  color:          #fff !important; 
  background-color:     inherit;
}

table.users-table td.active:hover
{
  color:          #fff !important;
  background-color:     #444 !important;
}

.del-user-btn
{
  height:     20px;
  line-height:  20px;
  margin-bottom:  3px;
  width:      25px;
  text-align:     center;
  margin-right:   2px;
}

.del-user-btn:hover
{
  background-color:   #CC0000;
  border-color:     #990000;
  color:        #FFF;
}

.del-user-btn > i
{
  font-size:  15px;
}

.back-user-btn
{
  height:     20px;
  line-height:  20px;
  margin-bottom:  3px;
  width:      25px;
  text-align:     center;
  margin-right:   2px;
  color:      #3C8DBC;
}
.back-user-btn > i
{
  font-size:  15px;
}
.back-user-btn:hover
{
  background-color:   #3C8DBC;
  border-color:     #367FA9;
  color:        #FFF;
}

.confirm-user-btn
{
  height:     20px;
  line-height:  20px;
  margin-bottom:  3px;
  width:      25px;
  text-align:     center;
  margin-right:   2px;
  color:      #006600;
}
.confirm-user-btn > i
{
  font-size:  15px;
}
.confirm-user-btn:hover
{
  background-color:   #006600;
  border-color:     #004400;
  color:        #FFF;
}

table.users-table td div
{
  margin:   0;
  padding:    0;
}


div.tr-left
{
  margin:     0;
  padding:    0;
  height:     30px;
  text-align:   left;
  padding-left:   5px !important;
}

div.tr-right
{
  margin:     0;
  padding:    0;
  height:     30px;
  text-align:   right;
}

i.warning
{
  color:      #F39C12;
  visibility:   hidden;
  margin-right:   2px;
}
i.warning-visible
{
  visibility:   visible;
}

.del-btn-container
{
  text-align:   center !important;
  overflow:   hidden;
  height:     30px;
  margin:         0;
  line-height:    30px;
}


table.users-table td.user-det-cell
{
  padding-top:  5px !important;
  padding-bottom: 5px !important;
}

.user-det-label
{
  color:      #333;
  font-weight:  bold;
  padding:    0;
  padding-left:   7px !important;
}
.user-det
{
  color:      #333;
  padding:    0;
  padding-left:   7px !important;
}
.user-det-icon
{
  color:      #333;
  padding:    0;
  margin:     0;
  text-align:   center;
}

.user-det-cell.active .user-det-label
{
  color:      #FFF;
}

.back-det-btn
{
  height:       23px;
  line-height:    23px;
  width:        30px;
  text-align:       center; 
  vertical-align:   middle;
  padding-bottom:     2px;
  margin-top:         -2px;
}

.edit-btn
{
  color:        #3C8DBC;
  font-size:          15px;
}
.edit-btn:hover
{
  color:        #3C8DBC;
}

.nameEdit{}
.emailEdit{}
.classEdit{cursor:pointer !important;}

#users-bottom-controls
{
  padding-top:      20px;
  padding-bottom:     4px;
  padding-left:     40px;
  padding-right:      40px;
}

#editing-bottom-controls
{
  padding-top:      20px;
  padding-bottom:     4px;
  padding-left:     40px;
  padding-right:      40px;
}

#reset-pwd-box
{
  display:        block;
  padding-top:      20px;
  padding-bottom:     4px;
  padding-left:     20px;
  padding-right:      20px;
  background-color:   #f1f1f1;
  border:         1px solid #CCC;
  border-radius:      3px;
  -webkit-border-radius:  3px;
  margin-bottom:          -11px;
}
#pwd-bottom-controls
{
  display:        block;
  padding-top:      20px;
  padding-bottom:     4px;
  padding-left:     20px;
  padding-right:      20px;
}

.pwd-box-tit
{
  height:     30px;
  line-height:  30px;
  font-weight:  600;
  color:      #222;
}

input.pwd-reset , input.confirm-pwd-reset
{
  padding-left:   15px;
}

.user-add-btn , .back-from-add-btn , .edit-save-btn, .pwdBox-close-btn , .pwd-save-btn
{
    font-size:    16px;
    height:     24px;
    line-height:  23px;
    margin:     3px 0px;
    padding:    0;
    width:      40px;
}

small.additional
{
  color:        #777;
  font-size:      11.5px;
  font-weight:    300;
}

.user-det-cell input[type=text]
{
  padding-left:     7px;
}
.user-det-cell input[type=password]
{
  padding-left:     7px;
}
td.userDetDisabled
{
  cursor:   not-allowed !important;
}
/*USERS-PAGE-END*/