/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 13, 2018, 4:01:58 PM
    Author     : mpaige
*/

.fa-info-circle,
.fa-edit,
.fa-save,
.fa-times,
.fa-ban,
.fa-trash-alt,
.clickSearch1,
.clickSearch2,
#employeelist td.name,
#groupList li {
  cursor: pointer;
}

td.name:hover,
td.gname:hover {
  color: #44baff;
  font-weight: bold;
  cursor: pointer;
}

.fa-filter {
  display: none;
}

.fa-times:hover,
.fa-ban:hover {
  color: red;
}

.fa-info-circle:hover,
.fa-edit:hover,
.fa-save:hover {
  color: #44baff;
}

.overlay {
  display: none;
  position: fixed;
  z-index: 99;
  padding-top: 100px;
  padding-bottom: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  width: 80%;
  max-height: 80%;
  overflow: auto;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

.content {
  width: 100%;
  clear: right;
}

.highlighted {
  /* background-color: rgba(68,186,255,0.5); */
  border: 2px solid #44baff;
}

.editable {
  transition: all 0.3s ease-in-out;
}

.editable:focus {
  box-shadow: none;
  border: none;
}

@keyframes animatetop {
  from {
    top: -100px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@keyframes banner {
  from {
    top: -50px;
    opacity: 1
  }

  to {
    top: 0;
    opacity: 1
  }
}

#gpic {
  margin-left: 1.0em;
}

#nameField {
  margin-left: 0.5em;
}

.close,
.panel {
  float: right;
}

#contentTable {
  width: 75%;
  margin-left: 100px;
}

#addContainer {
  width: 90%;
  margin-left: 50px;
}

#contentTable th,
#contentTable td {
  padding: 15px;
}

div.easy-autocomplete {
  display: inline;
}

#signin,
#signout {
  display: none;
}

#groupField {
  margin-top: 1em;
}

.columnList {
  column-count: 3;
  column-fill: auto;
}

#listWrapper {
  overflow: auto;
  max-height: 12em;
}

#groupList {
  margin: 0;
}

ul {
  list-style-type: circle;
}

.deleted {
  text-decoration: line-through;
  color: red;
}

#search {
  margin-bottom: 0em;
}

/*
#notification {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #fde073;
  text-align: center;
  line-height: 2.5;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px black;
  -moz-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
  animation-name: banner;
  animation-duration: 1.0s;
}
*/

.home-menu {
  text-align: center;
  background: #2d3e50;
  padding: .5em;
}

.home-menu a {
  color: #6fbef3;
}

.home-menu ul {
  float: right;
}

.home-menu li a:hover,
.home-menu li a:focus {
  background: none;
  border: none;
  color: #aecfe5;
}

.home-menu label,
#count {
  color: #6fbef3;
}

#count {
  padding-left: 2em;
  padding-right: 2em;
}

.main {
  text-align: center;
  margin: 3.5em auto auto;
  clear: both;
  display: none;
}

#splash {
  margin: 15.0em auto auto;
}

#welcome {
  color: #6fbef3;
  padding-right: 1em;
  font-style: italic;
}

#linktogroups,
#linktoemployees {
  padding-right: 2em;
}

.notification-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  overflow: hidden;
  pointer-events: none;
  z-index: 100;
}

.notification {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: transform 300ms linear;
  z-index: 110;
  position: relative;
  width: 100%;
  line-height: 3.5em;
  background: #86ff82;
  overflow: hidden;
  box-shadow: 0 0 5px black;
  will-change: transform;
  text-align: center;
}

.notification-shown .notification {
  -webkit-transform: none;
  transform: none;
  transition: transform 300ms linear;
}

/*
.emphasis {
  color: #44baff;
  font-weight: bold;
  cursor: pointer;
}
*/

.filterIcon1,
.filterIcon2 {
  width: 15px;
  padding: 0;
}

.name {
  width: 20%;
}

.gname {
  width: 40%;
}

.button-red {
  color: white;
  background: rgb(202, 60, 60);
}

.checkbox {
  text-align: center;
}

#addContainer form {
  display: inline;
  width: 60%;
  float: left;
}

#addOutput {
  display: inline;
  float: left;
  width: 39%;
  padding-left: 0.5em;
}

#addPanel {
  display: inline;
  margin-left: 1.5em;
}

#remPanel {
  display: inline;
  margin-left: 1.5em;
}

input[type=checkbox] {
  transform: scale(1.5);
}

input[type=text] {
  color: black;
}

#failList {
  color: red;
}

#successList {
  color: green;
}

select {
  color: black;
}

#searchbar {
  display: none;
}

#buttonContainer {}

#modalBtnContainer {
  display: inline;
  float: none !important;
}

#modalBtnContainer div.dt-buttons,
#searchbar div.dt-buttons {
  float: none !important;
  display: inline !important;
}

.stylizedOverride {
  font-family: inherit !important;
  font-size: 100% !important;
  padding: .5em 1em !important;
  color: #444 !important;
  color: rgba(0, 0, 0, .8) !important;
  border: 1px solid #999 !important;
  border: transparent !important;
  background-color: #E6E6E6 !important;
  text-decoration: none !important;
  border-radius: 2px !important;
  display: inline-block !important;
  zoom: 1 !important;
  line-height: normal !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  text-align: center !important;
  cursor: pointer !important;
  -webkit-user-drag: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  background-image: none !important;
  margin: 0px !important;
}

.stylizedOverride:hover {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1)) !important;
}

.name,
.description,
.email,
.phone,
.room,
.title {
  text-align: center;
}

.sl-label {
  display: block;
}

.padded-body > div {
  margin: 2.5em;
}

.green-text {
  color: #00cc00;
}

.red-text {
  color: red;
}

#reset-body {
  display: none;
}

.fa-check {
  color: #00cc00;
}

#pwd-reset-form div {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}