html {
    scroll-behavior: smooth;
}
*{
    font-family: 'Roboto', sans-serif;
}

.loading {
    background: #00000066;
    justify-content: center;
    align-items: center;
    position: fixed;
    color: #ffffff;
    z-index: 1100;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.table th, .table td {
    vertical-align: middle;
}

.mh-200-px {
    max-height: 200px;
}

.ghost {
    opacity: 0.5;
    background: #c8ebfb;
}

input[required],
select[required],
textarea[required] {
    background-image: url(/images/required_field.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-size: 7px 7px;
}

label{
    margin-bottom: 0;
}

.card-primary.card-outline{
    border-top: 3px solid $primary;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active{
    background-color: $secondary;
}

.card-body > .table > thead > tr > th, .card-body > .table > thead > tr > td{
    border-top-width: 1px;
}

table th{
    font-weight: bold!important;
}

.nav-tabs .nav-link.active {
    color: #db2c4b!important;
}

.nav-tabs .nav-link {
    color: #495057!important;
}

.v-select{
    background-color: transparent;
}

.vs__selected{
    max-width: 90%;
}

.vs__selected-options{
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}

.vs--searchable .vs__dropdown-toggle{
    height: calc(1.5em + 0.75rem + 2px);
}

fieldset {
    border: 1px solid #ddd !important;
    margin: 0;
    min-width: 0;
    padding: 10px;
    position: relative;
    border-radius:4px;
    background-color:#f9f9f9;
    padding-left: 10px!important;
    margin-bottom: 10px;
}

fieldset legend{
    margin: 0px;
    width: auto;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: .1rem .2rem;
    background-color: #ffffff;
    font-size: 1.1rem;
    font-weight: bold;
    box-shadow: 2px 2px $primary;
}

hr{
    margin-top: 0rem;
    margin-bottom: 0rem;
}

input, textarea, select{
    text-transform: uppercase;
}
input[type="password"],input[type="email"]{
    text-transform: none;
}

body[view-name^="adminguiasguia"] .content-wrapper *{
    font-size: 0.8rem;

    .form-group{
        margin-bottom: .5rem;
    }
    .form-control{
        height: calc(1em + 0.75rem + 2px);
        line-height: 1;
    }
    .btn-sm, .btn-group-sm > .btn {
        padding: 0.25rem;
    }
    .vs--searchable .vs__dropdown-toggle {
        height: calc(1em + 0.75rem + 2px);
    }
}

table.code {
    width: 100%;
    td {
        padding: 0;
        margin: 0;
        &.linha {
            width: 25px;
            text-align: center;
            background: #3c3c3c;
            color: #ffffff;
        }
        &.conteudo {
            background: #000000;
            font-weight: bold;
        }
        &.destaque {
            background: #333333;
            pre {
                color: #ff3131;
            }
        }
        &.faltando {
            pre {
                color: #959595;
            }
        }
        pre {
            color: #26bd26;
            padding: 0;
            margin: 0;
        }
    }
}

.resumo-guias {
    thead {
        font-size: 1.5rem;
    }
    tbody {
        font-size: 1.2rem;
    }
}

.btn-fab{
    position: fixed;
    bottom: 5vh;
    right: 2vw;
}

#chart_div{
    min-height: 40vh;
}


@media print {
    [class^="bg-"]{
        color: #000!important;
        background-color: transparent;
    }
}