:root {
    --border-gray: #8080804f;
    --verde-gencau: green;
    --bs-border-color:#cccccc;
}

body {
    justify-content: center;
    background-color: #e9e9e9 !important;    
}

header {
    background-color: transparent !important;
    position: fixed;
    width: 100%;
}

header nav {
    background-color: transparent !important;
    height: 68px;
}

nav {
    background-color: transparent !important;
}

/* .container{
    margin-top: 54px;
} */
.toast {
    background-color: #000000cc !important;
    color: whitesmoke;
    position: absolute !important;
    bottom: 10px !important;
    text-align: center;
    margin: auto;
    z-index: 999;
}

.formularios {
    background-color: transparent !important;
}

.formulario {
    background-color: transparent !important
}
.perfil_sensorial {
    border-left-color: #1fac6a !important;
}
.monitoramento {
    border-left-color: #1170fd!important;
}
.liberacao {
    border-left-color: indianred !important;
}
.navbar-brand-header {
    font-size: 3rem !important;
    font-weight: 300 !important;
    color: rgb(0, 0, 0, 0.6) !important;
    align-items: center;
}

.navbar-brand-header i {
    font-size: 3rem !important;
    margin-right: 18px !important;
}

.btn-primary {
    background-color: green !important;
    border: transparent !important;
}

input,
textarea {
    background-color: transparent !important;
}

.modal-content {
    background-color: #e9e9e9 !important;
}

input.form-control {
    background-color: transparent !important;
    border-color: #c9c9c9;
}

select {
    background-color: transparent !important;
}

.form-check-input:checked {
    background-color: #198754 !important;
}

.nenhum {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nenhum-texto {
    color: gray;
}

.btn-floating {
    position: absolute;
    bottom: 25px;
    right: 40px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width:320px) {
    /* smartphones, iPhone, portrait 480x320 phones */
}

@media (min-width:481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (min-width:641px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media (max-width:961px) {

    .navbar-brand,
    .navbar-brand i {
        font-size: 1.5em !important;
    }
}

@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}

.slide-fade-enter-active {
    transition: all 0.3s ease-out;
}

.slide-fade-leave-active {
    display: none;
    transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
    transform: translateY(20px);
    opacity: 0;
}

.grey-text {
    color: grey;
}

.text-verde-gencau {
    color: var(--verde-gencau);
}

.verde-gencau {
    background-color: var(--verde-gencau);
}

.full-width {
    width: 100% !important;
}

#overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: #e9e9e9 !important;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

select:disabled,
textarea:disabled,
input:disabled,
input[type="checkbox"]:disabled {
    background-color: #d7d7d7 !important;
    color: grey !important;
}

#filter{
    background: #e9e9e9 !important;
    
}

a.btn, span.input-group-text, a.modal-trigger, .noUi-handle *{
    cursor: pointer;
}

.btn-dropdown-icon:after {
    display: none;
}

.btn-dropdown-icon>i.material-icons {
    line-height: inherit !important;
}
.dropdown-item{
    display: flex;
    justify-content: space-between;
}
.active-pip{
    color:red !important;
}
.input-group-text, .form-select, .form-check-input , .form-control{
    background-color:transparent !important;
    border-color: #c9c9c9;
}
.input-group-text{
    text-decoration: none;
}
#menu .nav-pills .nav-link{
    display: flex;
    gap: 12px;
}
.nav-link.active i.material-icons{
    color:whitesmoke
}

i.material-icons{
    cursor:pointer;
}