@font-face {
  font-family: Exo2;
  src: local("Exo 2"), url(../fonts/Exo2-Medium.ttf); }
* {
  margin: 0;
  padding: 0; }

h1 {
  font-size: 1.5vw; }

h2 {
  font-size: 1vw; }

body {
  color: white;
  font-family: Exo2; }

#background-image {
  opacity: 1;
  display: block;
  transition: 1s;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: -1; }

#ui-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }

#power-panel {
  background: rgba(8, 8, 8, 0.3);
  box-shadow: 0px 0px 0.5vw 0.5vw rgba(8, 8, 8, 0.3);
  cursor: pointer;
  opacity: 0.5;
  position: absolute;
  bottom: 2vw;
  right: 2vw;
  z-index: 100; }
  #power-panel #power-options {
    border-radius: 10px;
    padding: 0.5vw;
    transition: 1s;
    display: none; }
    #power-panel #power-options ul {
      list-style: none; }
      #power-panel #power-options ul li {
        margin-bottom: 1vw;
        font-size: 1.5vw; }
        #power-panel #power-options ul li i {
          margin-right: 0.5vw; }
        #power-panel #power-options ul li:last-child {
          margin-bottom: 0; }
  #power-panel.active {
    bottom: 1vw; }
    #power-panel.active #power-options {
      display: block; }
    #power-panel.active #power-button {
      display: none; }

#login-panel {
  z-index: 2; }
  #login-panel input[type=password] {
    background: none;
    border: none;
    border-bottom: 2px solid white;
    color: white;
    font-size: 1vw;
    margin-top: 0.5em;
    opacity: 0;
    transition: 0.5s;
    width: 20em; }
    #login-panel input[type=password].active {
      opacity: 0.5; }
  #login-panel #users {
    cursor: pointer;
    display: inline-block;
    position: relative; }
    #login-panel #users i {
      opacity: 0;
      transition: 0.5s; }
    #login-panel #users:hover i {
      opacity: 1; }
    #login-panel #users #users-list {
      list-style: none;
      display: none; }
    #login-panel #users.select-user #user-display, #login-panel #users.select-user i {
      display: none; }
    #login-panel #users.select-user #users-list {
      display: inline-block; }
  #login-panel #fail-msg {
    color: red;
    opacity: 0;
    transition: 0.5s;
    position: relative;
    left: -1vw; }

#session-panel {
  opacity: 0.2;
  transition: 0.5s;
  z-index: 2; }
  #session-panel:hover {
    opacity: 1; }
  #session-panel #sessions-list li {
    display: inline-block; }

#sessions {
  cursor: pointer;
  display: inline-block;
  position: relative; }
  #sessions #sessions-list {
    list-style: none;
    display: none; }
  #sessions.select-session #session-display {
    display: none; }
  #sessions.select-session #sessions-list {
    display: inline-block; }

@keyframes throb {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
#checking-credentials {
  opacity: 0; }
  #checking-credentials .c1, #checking-credentials .c2, #checking-credentials .c3 {
    animation: alternate infinite 2s throb; }
  #checking-credentials .c2 {
    animation-delay: 200ms; }
  #checking-credentials .c3 {
    animation-delay: 400ms; }

#login-panel.checking #checking-credentials {
  opacity: 1; }

.failed-auth input[type=password] {
  color: red;
  border-color: red !important; }
.failed-auth #fail-msg {
  opacity: 1 !important; }

.lock-screen #session-panel {
  display: none !important; }

.throb {
  animation: alternate infinite 2s throb; }

/*# sourceMappingURL=lightdm-uestibulum.css.map */
