@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

body .anton { font-family: "Anton", sans-serif;}

#app .situacao.avencer { background-color: rgb(45 72 131); color: rgb(220 227 219) !important;}
#app .situacao.pago { background-color: rgb(9 134 86); color: rgb(220 227 219) !important;}
#app .situacao.vencido { background-color: rgb(163 54 54); color: rgb(220 227 219) !important;}
#app .situacao.cancelado { background-color: rgb(67 61 78); color: rgb(220 227 219) !important;}
#app .situacao.devolvido { background-color: rgb(74 54 107); color: rgb(220 227 219) !important;}
#app .situacao.aguarde { background-color: rgb(199 142 11); color: rgb(220 227 219) !important;}
#app .situacao.andando { background-color: rgb(45 72 131); color: rgb(220 227 219) !important;}
#app .situacao.atrasado { background-color: rgb(74 54 107); color: rgb(220 227 219) !important;}
#app .situacao.concluido { background-color: rgb(9 134 86); color: rgb(220 227 219) !important;}

#app .carousel { display: none;}
#app .carousel .owl { float: left; width: 100%; position: relative;}
#app .carousel .owl-carousel { float: left; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none; }
#app .carousel .owl-carousel.owl-loaded { display: block;}
#app .carousel .owl-carousel.owl-loading { opacity: 0; display: block;}
#app .carousel .owl-stage-outer { display: flex; position: relative; overflow: hidden;}
#app .carousel .owl-stage { display: flex;}
#app .carousel .owl-item { display: flex; float: left; position: relative; -webkit-tap-highlight-color: transparent;}
#app .carousel .owl-nav { display: none; position: absolute;}
#app .carousel .owl-nav.disabled button { opacity: 0.7; cursor: default;}
#app .carousel .owl-nav.disabled button:hover { opacity: 0.7; cursor: default;}
#app .carousel .owl-dots { display: none;}
#app .carousel .no-js .owl-carousel { display: block;}

@media only screen and (max-width: 1000px){
}