@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; }

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

.morning #bg-morning {
  opacity: 1; }

.afternoon #bg-afternoon {
  opacity: 1; }

.evening #bg-evening {
  opacity: 1; }

.night #bg-night {
  opacity: 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; }

#clock-panel {
  background: rgba(0, 0, 0, 0.3);
  font-size: 6vw;
  font-weight: 500;
  padding: 1vw 2vw;
  width: 100%;
  z-index: 1; }

#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; }

.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; }

@keyframes throb {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.throb {
  animation: alternate infinite 2s throb; }

.evening #clock-panel {
  border-bottom: 2px solid white;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0; }
.evening #login-panel {
  position: absolute;
  bottom: 2vw;
  left: 1vw; }
.evening #session-panel {
  position: absolute;
  bottom: 0.5vw;
  left: 1vw; }

.morning #clock-panel, .night #clock-panel, .afternoon #clock-panel {
  border-top: 2px solid white;
  position: absolute;
  left: 0;
  bottom: 0; }
.morning #login-panel, .night #login-panel, .afternoon #login-panel {
  position: absolute;
  bottom: 2vw;
  left: 20vw; }
.morning #session-panel, .night #session-panel, .afternoon #session-panel {
  position: absolute;
  bottom: 0.5vw;
  left: 20vw; }

.morning #clock-panel {
  text-shadow: 0 0 0.2vw #446688; }
.morning #users:hover #user-display, .morning #sessions:hover #session-display,
.morning #users-list li:hover, .morning #sessions-list li.session:hover {
  color: #0088aa;
  text-shadow: 0 0 0.5vw black; }
.morning #power-panel {
  opacity: 0.7; }

.afternoon #clock-panel {
  text-shadow: 0 0 2vw #448844; }
.afternoon #users:hover #user-display, .afternoon #sessions:hover #session-display,
.afternoon #users-list li:hover, .afternoon #sessions-list li.session:hover {
  color: #00aa00;
  text-shadow: 0 0 0.5vw black; }

.evening #clock-panel {
  text-shadow: 0 0 2vw #faaa3b; }
.evening #users:hover #user-display, .evening #sessions:hover #session-display,
.evening #users-list li:hover, .evening #sessions-list li.session:hover {
  color: orange;
  text-shadow: 0 0 0.5vw black; }
.evening #power-panel {
  opacity: 0.7; }

.night #clock-panel {
  text-shadow: 0 0 2vw #884488; }
.night #users:hover #user-display, .night #sessions:hover #session-display,
.night #users-list li:hover, .night #sessions-list li.session:hover {
  color: #8822bb;
  text-shadow: 0 0 0.2vw black; }

/*.night {
  #clock-panel {

  }

  #login-panel {
    position: absolute;
    bottom: 2vw;
    left: 2vw;
  }
}*/

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