/* ############################################################################################## LOGIN FORM */

#loginForm{
  display: block;
  max-width: 16em;
  margin: 0em auto;
  
  padding: 2em;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(126,142,177,0.09);
}

#loginForm:hover {
  box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
}

#loginForm input{
  display: block;
  margin-bottom: 1em;
}

#login-title{
  text-align: center;
  margin: 3em 0em 1em 0em;
}

/* ############################################################################################## HEADER PANEL */

#panelHeader{
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;

  border-bottom: 2px solid #E6E6E6;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

#panelHeader a{
  width: 50%;
  padding: 1em;
  background: #E6E6E6;
  color: #4A7681;
  text-transform: uppercase;
  text-align: center;
}

#panelHeader .activePanel,
#panelHeader a:hover{
  background: #9ACED9;
  color: #fff;
}

#advancedSearch{
  margin: 1em auto;
  /*box-shadow: 0px 2px 4px rgba(126,142,177,0.09);*/
}

#panelHeader #advancedSearch select{
  display: none;
}
/*
#advancedSearch:hover{
  background: #C9DEE3;
  box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
}
*/
#filtersForm select{
  border: 1px solid #679DAA;
  border-radius: 5em;
  max-width: 7em;
  height: 1.5em;
  padding: 0em 1em;
  margin-left: 1em;
}

/* ############################################################################################## TABLE */
#adminPanel{
  width: 100%;
}

#adminPanel th{
  background-color: #E6E6E6;
  color: #37505d;
}

#adminPanel tr:nth-child(odd){
  background: #F3FAFC;
}

#adminPanel tr:nth-child(even){
  background: #F9FDFF;
}

#adminPanel tr:hover a.single-question{
  text-decoration: underline;
}

#adminPanel tr:hover{
  background-color: #E6E6E6;
}

#adminPanel td,
#adminPanel th{
  padding: 1em;
  vertical-align: top;
}

.editEntry .fa{
  color: #679DAA !important;
  padding-right: 1em;
}

.deleteEntry .fa{
  color: #fa424a !important;
}

.editEntry,
.deleteEntry{
  font-size: 1.5em;
}

.confirmMessage{
  margin: 1em 0em;
  color: #fa424a;
}

.errors {
  color: #ff0000;
}

.confirmation {
  color: #008000;
}

/* ############################################################################################## DELETE */

#editForm input,
#editForm select{
  margin-bottom: 1em;
}

#editForm select{
  width: 100%;
}

#editForm #jobUndertaker:disabled{
  background: #ddd;
}

.unorderdList, .orderdList{
  margin-bottom: 1em;
}

.unorderdList > li,
.orderdList > li
{
  margin-bottom: 0.5em;
}

.unorderdList > li:before{
  content: "\f00c";
  font-family: FontAwesome;
  padding-right: 0.5em;
  color: #00b489;
}