#offline-cover {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1090;
  position: fixed;
  background: #fff;
  color: #418fde !important;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .5s ease;
}

#offline-cover::before {
  content: '';
  position: absolute;
  top: 1.5vh;
  left: 0;
  width: 100vw;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/assets/svg/logo-farmatodo-blue.svg');
}

#offline-cover.show {
  display: flex !important;
}

  
#offline-cover .offline-container {
  position: relative;
  display: inline-flex;
  width: 100%;
  height: 25rem;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

#offline-cover .offline-container .logo { height: 100px;}
#offline-cover .offline-container .spinner { display: none;}
#offline-cover .offline-container .msg { font-size: 1rem; }
#offline-cover .offline-container .titile {
  font-weight: 600;
  font-size: 2rem;
}
  
#offline-cover .offline-container .btn-offline {
  border:none;
  color: white;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 1.5rem;
  padding: .5rem 3.5rem;
  background-color: #418fde;
}

#offline-cover .offline-container .btn-offline:active,
#offline-cover .offline-container .btn-offline:focus {
  outline: none;
}

@media (min-width: 999px) {
  #offline-cover {
    display: none;
  }
}