/* --------------------------------------------------------------------
* - imports
---------------------------------------------------------------------- */
@import "variables-class.css?v=4.1.3";
@import "bootstrap-custom.css?v=4.1.3";
@import "parts.css?v=4.1.3";
@import "navbar.css?v=4.1.3";
@import "pages.css?v=4.1.3";
@import "form.css?v=4.1.3";
@import "table.css?v=4.1.3";
@import "timeline.css?v=4.1.3";
@import "vistoria.css?v=4.1.3";
@import "themes.css?v=4.1.3";

/* --------------------------------------------------------------------
* - html, body, body-popup
---------------------------------------------------------------------- */
html{
    height: 100%;
}

body{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 0.85rem;
    overflow-x: hidden;
    background-color: #f8f8f8;
}
.body-popup {
    padding: 1rem;
    height: auto;
}

/* --------------------------------------------------------------------
* - main-app, a
---------------------------------------------------------------------- */
.main-app {
    flex: 1;
    margin-bottom: 1rem;
}

a {
    transition: all 0.3s ease 0s;
}

/* --------------------------------------------------------------------
* - Scrollbar CSS v1.2
* - Last update: 06 jul 2021
* - Rogerio Saraceni
* -------------------------------------------------------------------- */
:root {
    --scrollbar-bg: #f7f2f2;
    --scrollbar-bg-track: #bebcbc;
    --scrollbar-bg-thumb: #bbb5b5;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-bg-track) var(--scrollbar-bg);
}
/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar { height: 10px;}
::-webkit-scrollbar-track { background: var(--scrollbar-bg);}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: var(--scrollbar-bg-track);
}

/* --------------------------------------------------------------------
* - section-title
---------------------------------------------------------------------- */
.section-title {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.section-title .title {
    font-size: 1.1rem;
    color: var(--color-purple-400);
}

.section-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 0;
    border-top: 2px solid var(--color-purple-400) ;
    transition: height 0.3s, bottom, top ease 0s;
    z-index: 0
}

.body-popup .section-title .title {
    font-size: 0.9rem;
}

.body-popup .section-title .title::first-letter {
    text-transform: uppercase;
}

/* --------------------------------------------------------------------
* - btn
---------------------------------------------------------------------- */
.btn-small{
    padding: .105rem .45rem;
}
.btn-transparent{
    border: none;
    background-color: transparent;
}
.btn-clearfix {
    margin-top: 3px;
    margin-bottom: 0;
}
@media(max-width: 1200px){ .btn-last-xl{ float: right;}}
@media(max-width: 992px) { .btn-last-lg{ float: right;}}
@media(max-width: 768px) { .btn-last-md{ float: right;}}
@media(max-width: 576px) { .btn-last-sm{ float: right;}}

/* --------------------------------------------------------------------
* - animista
* - https://animista.net/
---------------------------------------------------------------------- */
.puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both}
@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.slide-in-left{animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}
@keyframes slide-in-left{0%{transform:translateX(-1000px);opacity:0}100%{transform:translateX(0);opacity:1}}

.slide-in-right{animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}
@keyframes slide-in-right{0%{transform:translateX(1000px);opacity:0}100%{transform:translateX(0);opacity:1}}

.slide-in-blurred-bottom{animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1.000,.32,1.000) both}
@keyframes slide-in-blurred-bottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(40px);opacity:0}100%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}

/* --------------------------------------------------------------------
* - charts
---------------------------------------------------------------------- */
.overflow-auto-charts {
    overflow-x: auto;
}
.box-charts {
    display: inline-block;
    min-width: 100%;
}

/* --------------------------------------------------------------------
* - auxiliares
---------------------------------------------------------------------- */
.flex-1 {
    flex: 1;
}

/* --------------------------------------------------------------------
* - print
---------------------------------------------------------------------- */
@media print{
    body {
        font-size: 11pt;
        color: black;
        padding-top: 0;
        background-color: #fff!important;
    }

    .no-print{ display: none;}

    .card {
        border: none !important;
        box-shadow: none !important;
    }
    .card-body {
        padding: 0 !important;
    }
}