@charset "utf-8";
@import url("scr/bootstrap-3.3.6-dist/font-awesome-4.2.0/css/font-awesome.min.css");
/* ---------------------------------------------------------------- */
/* Definitions for DFO Lib											*/
/* ---------------------------------------------------------------- */
/* Setup bar when admin */
.dfo_setup {
  width: 100%;
  position: fixed;
  /* allways... */
  right: 0;
  z-index: 10000;
  vertical-align: middle;
  /* General menu in setup bar */
}
.dfo_setup .dfo_bar,
.dfo_setup .dfo_minimal,
.dfo_setup .dfo_generalmenu {
  background-color: #666666;
  background-image: url(res/working.png);
  background-repeat: repeat;
}
.dfo_setup p {
  margin: 0;
  padding: 5px;
  line-height: 34px;
  font-size: 20px;
  color: #fff !important;
}
.dfo_setup a:active,
.dfo_setup a:hover,
.dfo_setup a:focus,
.dfo_setup a:visited,
.dfo_setup a {
  text-decoration: none !important;
  color: #d1ceff;
  font-weight: bold !important;
}
.dfo_setup .dfo_bar {
  width: 100%;
  height: 46px;
  position: absolute;
  left: 0;
}
.dfo_setup .dfo_minimal {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
}
.dfo_setup .dfo_minimal .dfo_minimize {
  font-size: 29px;
  right: 4px;
  top: -2px;
}
.dfo_setup .dfo_minimize,
.dfo_setup .dfo_logout {
  /* icon défini en FontAwesome */
  font-size: 50px;
  padding: 0;
  margin: 0;
  display: block;
  cursor: pointer;
}
.dfo_setup .dfo_logout {
  position: absolute;
  top: -7px;
  right: 10px;
}
.dfo_setup .dfo_minimize {
  position: absolute;
  top: -5px;
  right: 75px;
}
.dfo_setup .dfo_generalmenu {
  line-height: 3rem;
  position: absolute;
  z-index: 10001;
  display: none;
  min-width: 160px;
  padding: 5px 9px;
  margin: -78px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #666666;
  background-image: url(res/working.png);
  background-repeat: repeat;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dfo_setup .dfo_generalmenu li {
  font-size: 1.5em;
}
.dfo_edit {
  width: 32px;
  height: 32px;
  background-image: url(res/edit.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  visibility: hidden;
  position: absolute;
  float: left;
  left: 50%;
  top: 50%;
  z-index: 5000;
  /* bottom: 0; */
  /* z-index:1000000000; */
}
/* Form for login */
.dfo_frmlogin {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  position: absolute;
  font-size: 16px;
  padding: 10px;
  width: 20%;
  top: 10%;
  left: 20%;
  box-shadow: 5px 5px 13px -5px #000000;
  /* background-image: linear-gradient(#E5E5E5, #8F8F8F); */
}
/* ---------------------------------------------------------------- */
/* General Definitions everywhere
/* ---------------------------------------------------------------- */
/* error */
.dfo_error {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FF0000;
  font-weight: bolder;
  font-size: 14px;
}
/* Notif */
.dfo_notif {
  position: fixed;
  bottom: 0;
  margin: 0 auto 5% auto;
  left: 50%;
  /* à 50%/50% du parent référent */
  transform: translate(-50%);
  padding: 1% 2%;
  border-radius: 20px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.dfo_notif_content {
  display: flex;
  vertical-align: middle;
}
.dfo_notif_content i.fa {
  font-size: 2em;
}
.dfo_notif_content p {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
}
.dfo_notif_content:first-child {
  margin-right: 15px;
  float: left;
}
.dfo_notif_info {
  background-color: lightgreen;
}
.dfo_notif_info .dfo_notif_content {
  color: green;
}
.dfo_notif_warn {
  background-color: #ffe18e;
}
.dfo_notif_warn .dfo_notif_content {
  color: #c69100;
}
.dfo_notif_error {
  background-color: #ff9999;
}
.dfo_notif_error .dfo_notif_content {
  color: #f00;
}