@charset "UTF-8";
/*
Estilos menú desplegable usuario
*/
/* check personalizado, addons de bootstrap y border vertical de las tables */
/* background hover y focus primary button */
/* color hover y focus secondary button */
/* border color buttons */
/* fondo del primary label */
/* fondo fila del datatable seleccionada */
/* color del titulo de las secciones */
/* disabled menu */
/* roll overs radios y checks buttons */
/* roll overs sobre azul oscuro */
/* color anchors */
/*
Menú lateral
*/
/*
Ordenes
*/
#dropDownUserContainer {
  position: absolute;
  right: 0px;
  left: 0px;
  top: 50px;
  height: 150px;
  background: transparent;
  overflow-y: hidden;
  display: none;
}

#dropDownUser {
  position: absolute;
  border: solid 1px;
  min-width: 160px;
  height: 122px;
  overflow: hidden;
  right: 20px;
  background-color: #FFF;
  -webkit-box-shadow: 0 5px 15px #222;
  box-shadow: 0 5px 15px #222;
  padding: 10px 20px;
  border-radius: 0px 0px 5px 5px;
}

#dropDownUser > BUTTON {
  display: block;
  width: 100%;
  margin: 10px auto;
}

#dropDownUser.dropDownUser {
  top: -122px;
}

#dropDownUser.dropDownUserShow {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: dropDownUserShowAnimation;
  animation-name: dropDownUserShowAnimation;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#dropDownUser.dropDownUserHidden {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: dropDownUserHiddenAnimation;
  animation-name: dropDownUserHiddenAnimation;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes dropDownUserShowAnimation {
  from {
    top: -122px;
  }
  to {
    top: 0px;
  }
}

@keyframes dropDownUserShowAnimation {
  from {
    top: -122px;
  }
  to {
    top: 0px;
  }
}

@-webkit-keyframes dropDownUserHiddenAnimation {
  to {
    top: -122px;
  }
  from {
    top: 0px;
  }
}

@keyframes dropDownUserHiddenAnimation {
  to {
    top: -122px;
  }
  from {
    top: 0px;
  }
}