.app-bar .app-breadcrumb {
    display: inline-block;
    float: left;
    padding: 8px;
    margin: 0;
    list-style: none;
}

.app-bar .app-breadcrumb > li {
    display: inline-block;
}

.ie8 .app-bar .app-breadcrumb > li {
    margin-right: 1px;
}

.app-bar .app-breadcrumb > li > a,
.app-bar .app-breadcrumb > li > span {
    color: #888;
    font-size: 14px;
    text-shadow: none;
}

.app-bar .app-breadcrumb > li > i {
    color: #aaa;
    font-size: 14px;
    text-shadow: none;
    padding: 5px;
}

.is-invalid {
    color: #f44455 !important;
}

.is-invalid-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 90%;
    color: #f44455;
}

.is-invalid-input:focus, .is-invalid-input {
    border-color: #dc3545;
}

#grid-delete{
    color: #ff6961;
}

#grid-edit{
    color: #4477b2;
}

.app-bar{
    padding: 0 0 0 1rem;
    background-color: #E8E8E8;
}

.btn-cancel, button[class*="success"] {
    width: 120px;
}

.swal2-styled {
    padding: 0.625rem;
}

.table-responsive {
    padding: 1rem
}

span[class*="btn-delete"], .btn-edit {
    padding-top: 0;
    padding-bottom: 0;
}

.login-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url('../images/bg.jpg') center center no-repeat fixed #464646;
    background-size: cover;

}

.nome{
    font-size: 50px;
    line-height: 105%;
}

.btn-filter {
    padding: 5px 10px;
    font-size: 1rem;
}

#toggle-menu-side {
    display: none;
}

#company-card-header {
    display: block;
}

@media only screen and (max-width: 768px) {
    #toggle-menu-side {
        display: block;
    }
    #company-card-header {
        display: none;
    }
}