#ajax-busy 
{
  position:                     fixed;
  opacity:                      0;
  left:                         0;
  right:                        0;
  top:                          0;
  width:                        100%;
  height:                       3px;
  z-index:                      99999;
  -webkit-transition:           opacity 0.05s ease-in;
  -o-transition:                opacity 0.05s ease-in;
  transition:                   opacity 0.05s ease-in;
}

#ajax-busy.busy 
{
  opacity:                      1;
}

#ajax-busy.busy > .bar 
{
  content:                      "";
  display:                      inline;
  position:                     absolute;
  width:                        0;
  height:                       100%;
  left:                         50%;
  text-align:                   center;
  animation:                    loading 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
  -webkit-animation:            loading 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}

#ajax-busy > .bar:nth-child(1) 
{
  background-color:             #fff;
}

#ajax-busy > .bar:nth-child(2) 
{
  animation-delay:              0.5s;
  -webkit-animation-delay:      0.5s;
}

#ajax-busy > .bar:nth-child(3) 
{
  animation-delay:              1s;
  -webkit-animation-delay:      1s;
}

@keyframes loading 
{
    from {
        left: 50%;
        width: 0;
        z-index: 100;
    }
    50% {
        left: 0;
        width: 100%;
        z-index: 10;
    }
    to {
        left: 0;
        width: 100%;
    }
}

.interfaceLock
{
    pointer-events: none;
}

.interfaceLock .interfaceLockEnabled
{
    pointer-events: none;
}

.interfaceLock .interfaceLockDisabled
{
    pointer-events: auto;
}

@-webkit-keyframes loading
{
    from {
        left: 50%;
        width: 0;
        z-index: 100;
    }
    50% {
        left: 0;
        width: 100%;
        z-index: 10;
    }
    to {
        left: 0;
        width: 100%;
    }
}

/* Messaggio di offline */
#offline-message
{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px 10px 10px 10px;
    padding: 20px;
    z-index: 99999;
    color: lightyellow;
    background-color: lightsalmon;
    opacity: 0.95;
    text-align: center;
    font-size: 20px;
    line-height: normal;
    font-family: sans-serif;
    border-color: red;
    border-width: 3px;
    border-style: solid;
    display: none;
}