article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    padding-top: 20px;
}
.ui-autocomplete{
    z-index: 100000;
}
.select-disabled {
    pointer-events:none;
}
.hidden {
    display: none;
}
.shadow-sm {
    display:none;
}
.href-dark{
    color: #333;
}
.href-dark:hover{
    color: #222;
}
.button-table{
    border:none; 
    text-decoration:none;
    background:none;
    outline:0;
}
.button-table:hover i{
    color: #494f54!important;
}
button:active {
    outline:none !important;
    border: none !important;
    }
button:focus, i:focus {
    outline:none !important;
}
.updated{
    background: #ffc107;
}
.created{
    color: #f3f3f3;
    background: #28a745;
}
.deleted{
    color: #f3f3f3;
    background: #dc3545;
}
.restored{
    background: #6c757d;
    color: #f3f3f3;
}
.btn-table{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 30px;
}
.zoom{
    zoom: .90;
}

@media (max-width: 767.98px)
{
    .navbar-collapse.bg-dark .navbar-toggler span
    {
        background: #f1f1f1;
    }
    .main-content .navbar-top{
        display: none;
    }
}

/* LOADING */
.lds-dual-ring.active {
    display: inline-block;
    position: fixed;
        top: 50%;
        left: 50%;
        z-index: 1000;
        transform: translate(-50%, -50%);
    }

    .lds-dual-ring.active:after {
        content: " ";
        display: inherit;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid rgb(70, 70, 70);
        border-color: rgb(87, 87, 87) transparent rgb(87, 87, 87) transparent;
        animation: lds-dual-ring 1.2s linear infinite; 
    }

    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    #loading-background {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: gray;
        opacity: .50;
        -webkit-opacity: .5;
        -moz-opacity: .5;
        filter: alpha(opacity=50);
        z-index: 1000;
    }

    #loading-background.active {
        display: block;
        overflow-y: auto;
    }