@charset "UTF-8";
/***********************************************
*              Compass Includes                *
************************************************/
/***********************************************
*                  Variáveis                   *
***********************************************/
/**
*   ATENCAO: Funcao não mixin.
*/
/***********************************************
*         Placeholder pseudo-elements          *
************************************************/
/***********************************************
*               Background RGBA                *
************************************************/
/**
* Para ellipsize de texto
*/
/**
* Para ajudar a criar os estilos base de um pseudo elemento
*/
/**
* Para ajudar a gerar um elemento com racio responsive.
*
*   EXEMPLO:
*
*    div {
*       @include responsive-ratio(16,9);
*    }
*/
/*$loadmask-spinner-cor: $cor-2 !default;*/
@-webkit-keyframes loadmaskBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes loadmaskBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes loadmaskBounce {
  /* line 90, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  /* line 94, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loadmaskBounce {
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* line 18, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
.loadmask {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 22, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
.loadmask.fixed {
  position: fixed;
}

/* line 26, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
.loadmask.fixed + .loadmask-msg {
  position: fixed;
}

/* override do icon a usar na loadmask publica */
/* line 33, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
.loadmask-msg {
  z-index: 1003;
  position: absolute;
  height: 44px;
  width: 44px;
  top: 50% !important;
  left: 50% !important;
  margin-top: -22px;
  margin-left: -22px;
  padding: 2px;
}

/* line 44, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
.loadmask-msg div {
  background: none;
  width: 40px;
  height: 40px;
  cursor: wait;
  position: relative;
  margin: 0px auto 0px auto;
}

/* line 58, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
.loadmask-msg div:before, .loadmask-msg div:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FB8C00;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loadmaskBounce 2s infinite ease-in-out;
  -moz-animation: loadmaskBounce 2s infinite ease-in-out;
  -ms-animation: loadmaskBounce 2s infinite ease-in-out;
  -o-animation: loadmaskBounce 2s infinite ease-in-out;
  animation: loadmaskBounce 2s infinite ease-in-out;
}

/* line 73, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base/_loadmask_base.scss */
.loadmask-msg div:after {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}

/* RIPPLE EFFECT */
/* line 20, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
.ripple {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: inherit;
  pointer-events: none;
}

/* line 33, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
.rippleWave {
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  background: white;
  opacity: 0.45;
  animation: ripple 2s forwards;
  -webkit-animation: ripple 2s forwards;
}

@-webkit-keyframes ripple {
  to {
    transform: scale(24);
    opacity: 0;
  }
}

@-moz-keyframes ripple {
  to {
    transform: scale(24);
    opacity: 0;
  }
}

@-ms-keyframes ripple {
  /* line 49, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  to {
    transform: scale(24);
    opacity: 0;
  }
}

@keyframes ripple {
  to {
    transform: scale(24);
    opacity: 0;
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideInUp {
  /* line 59, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  /* line 64, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-moz-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-ms-keyframes slideOutUp {
  /* line 71, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  /* line 76, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes gradient {
  0% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}

@-moz-keyframes gradient {
  0% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}

@-ms-keyframes gradient {
  /* line 83, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  0% {
    background-position: 50% 0%;
  }
  /* line 87, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  100% {
    background-position: 50% 100%;
  }
}

@keyframes gradient {
  0% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}

@-webkit-keyframes fromBlur {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    filter: blur(0);
    -webkit-filter: blur(0px);
  }
}

@-moz-keyframes fromBlur {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    filter: blur(0);
    -webkit-filter: blur(0px);
  }
}

@-ms-keyframes fromBlur {
  /* line 94, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  /* line 101, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    filter: blur(0);
    -webkit-filter: blur(0px);
  }
}

@keyframes fromBlur {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    -o-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    filter: blur(0);
    -webkit-filter: blur(0px);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInUp {
  /* line 110, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  /* line 116, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInDown {
  /* line 125, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  /* line 131, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes pageLoaderAnimationIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes pageLoaderAnimationIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-ms-keyframes pageLoaderAnimationIn {
  /* line 140, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  0% {
    opacity: 0;
    visibility: hidden;
  }
  /* line 146, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes pageLoaderAnimationIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes pageLoaderAnimationOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-moz-keyframes pageLoaderAnimationOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-ms-keyframes pageLoaderAnimationOut {
  /* line 153, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  0% {
    opacity: 1;
    visibility: visible;
  }
  /* line 158, F:/dev/jukebox_app/endpoint/ficheiros/estaticos/publico/scss/base_nao_minificacao.scss */
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes pageLoaderAnimationOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/*# sourceMappingURL=base_nao_minificacao.css.map */