/* Critical CSS extracted from head.php */

body:not(.prato) a {
  color: #3F51B5;
  outline: 0 !important;
  text-decoration: none;
}

body:not(.prato) a:hover,
body:not(.prato) a:active,
body:not(.prato) a:focus {
  outline: 0 !important;
  color: #3F51B5;
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 0;
}

/* Loader styling */
#loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: #3F51B5;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

#loader .loading-icon {
  width: 42px;
  height: auto;
  animation: loadingAnimation 0.5s ease-in-out infinite;
}

#loader.hidden {
  display: none;
}

@keyframes loadingAnimation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

/* Header styling */
body:not(.prato) .appHeader {
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: env(safe-area-inset-top);
  left: 0;
  right: 0;
  z-index: 999;
  background: #FFFFFF;
  color: #212121;
  border-bottom: 1px solid #DCDCE9;
}

body:not(.prato) .appHeader:before {
  content: '';
  height: env(safe-area-inset-top);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  background: #FFF;
}

body:not(.prato) .appHeader.no-border {
  border: 0;
  box-shadow: none;
}

body:not(.prato) .appHeader .left,
body:not(.prato) .appHeader .right {
  height: 56px;
  display: flex;
  align-items: center;
  position: absolute;
}

body:not(.prato) .appHeader .left .icon,
body:not(.prato) .appHeader .left ion-icon,
body:not(.prato) .appHeader .right .icon,
body:not(.prato) .appHeader .right ion-icon {
  font-size: 26px;
}

/* Base container */
body:not(.prato) #appCapsule {
  padding-top: 56px;
  min-height: 100vh;
}

/* Autocomplete */
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}