@charset "UTF-8";
/***********************************************
*              Compass Includes                *
************************************************/
/***********************************************
*                  Variáveis                   *
***********************************************/
/**
*   ATENCAO: Funcao não mixin.
*/
/***********************************************
*         Placeholder pseudo-elements          *
************************************************/
/**
* 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 loadmaskAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes loadmaskAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes loadmaskAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadmaskAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadmask {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.loadmask.fixed {
  position: fixed;
}
.loadmask.fixed + .loadmask-msg {
  position: fixed;
}

/* override do icon a usar na loadmask publica */
.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;
  display: grid;
  align-items: center;
  justify-content: center;
}
.loadmask-msg div {
  background-image: none;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  cursor: wait;
  position: relative;
  margin: 0 auto 0 auto;
  --animation: loadmaskAnimation 1s infinite linear;
}
.loadmask-msg div:before, .loadmask-msg div:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-color: #9C3 transparent;
  border-width: 3px;
  border-style: solid;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  animation: var(--animation);
}
.loadmask-msg div:after {
  display: none;
  animation-delay: -0.5s;
}

/* RIPPLE EFFECT */
.ripple {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: inherit;
  pointer-events: none;
}

.rippleWave {
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  transform: scale(0.7);
  background: rgb(255, 255, 255);
  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 {
  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 {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  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 {
  0% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}
@keyframes gradient {
  0% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 50% 100%;
  }
}
@-webkit-keyframes fromBlur {
  0% {
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  100% {
    transform: scale3d(1.05, 1.05, 1.05);
    filter: blur(0);
    -webkit-filter: blur(0px);
  }
}
@-moz-keyframes fromBlur {
  0% {
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  100% {
    transform: scale3d(1.05, 1.05, 1.05);
    filter: blur(0);
    -webkit-filter: blur(0px);
  }
}
@-ms-keyframes fromBlur {
  0% {
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  100% {
    transform: scale3d(1.05, 1.05, 1.05);
    filter: blur(0);
    -webkit-filter: blur(0px);
  }
}
@keyframes fromBlur {
  0% {
    transform: scale3d(1, 1, 1);
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }
  100% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  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 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  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 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  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 {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes pageLoaderAnimationOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}