body, .wrapper, .content-wrapper{
    background-color: #FFF !important;
}

body{
    padding-top: 90px;
}

.title {
    font-size: 1.5rem;
    font-weight: 600;
    color: gray;
}

.card-empresas {
    background: linear-gradient(to right, #7e61c4, #7e61c4);
}
.card-usuarios {
    background: linear-gradient(to right, #7e61c4, #c97241);
}
.card-dimensionamentos {
    background: linear-gradient(to right, #c97241, #362858);
}
.card-operacoes {
    background: linear-gradient(to right, #362858, #463c8c);
}


/* Navbar */
.navbar .container, .navbar-brand, .navbar .container img {
    height: 60px !important;
}

.icon-navbar{
    color: #5c5c5c !important;
}

.icon-navbar:hover .fas, .navbar-brand:hover{
    transform: scale(120%);
    transition-duration: 0.5s;
}

#itens-internal .icon-navbar {
    transition: 0.5s;
}

#itens-internal .icon-navbar:hover {
    transform: scale(110%);
    transition: 0.5s;
    color: var(--orange-main) !important;
}

#itens-internal .dropdown-item.color-purple:hover {
    color: #7568cc !important;
    transition-duration: 1s;
}

.navbar {
    overflow: hidden;
    margin: auto;
    background: #E7E5FA;
    border: none;
    color: #494949 !important;
}

#itens-internal:hover ~ .indicator {
    transform: scaleX(1);
}

#itens-internal {
    display: flex;
    list-style: none;
}

.nav-item {
    cursor: pointer;
    white-space: nowrap;
}

.dropdown-menu li a{
    color: var(--purple-main) !important;
    transition-duration: 1s;
}
.dropdown-menu li a:hover{
    color: #7568cc !important;
    transition-duration: 1s;
}

#form-logout a:active{
    background-color: #FFF;
}

/* Formulários */
#formulario .btn, .row-btn .btn {
    position: relative;
    overflow: hidden;
    color: #FFF;
    border-color: var(--purple-main);
    background: var(--purple-main);
    background-size: 200% auto;
    transition: 0.5s ease-in-out;
    background-position: left center;
    z-index: 1;
}

#formulario .btn::before, .row-btn .btn::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 20%, transparent 70%);
    transform: translate(0, 0) rotate(0deg);
    opacity: 0;
    transition: opacity 0.5s, transform 1s;
    pointer-events: none;
    z-index: 0;
}

#formulario .btn:hover::before, .row-btn .btn:hover::before {
    opacity: 1;
    transform: translate(20%, 20%) rotate(45deg);
}

#formulario .card-body, .card-body{
    background-color: #f3f2fa !important;
    border: solid 1px;
    border-color: var(--purple-main);
}

#formulario .login-box-msg{
    color: #16122e;
    transition: 1.5s;
}

#formulario .login-box-msg:hover{
    color: #463c8c;
    transition: 1.5s;
}

#formulario .login-logo b{
    color: var(--purple-main);
}

#formulario .login-logo #b{
    color: var(--orange-main);
}

#formulario form a:not(.btn){
    color: var(--orange-main);
}

/* Tabelas */
#list-main thead{
    background-color: var(--purple-main);
    color: #FFF;
}

#list-main tbody{
    background-color: var(--purple-main-light);
}

#dataTable{
    padding: 0;
    border: 0;
}

#dataTable_wrapper{
    padding: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    border: var(--purple-main-dark) !important;
    color: var(--purple-main-dark) !important;
}

.page-item .page-link{
    background-color: var(--orange-main-light) !important;
    color: var(--purple-main) !important;
}

.page-item.active .page-link{
    background-color: var(--orange-main) !important;
    color: var(--purple-main-dark) !important;
    border-color: var(--purple-main-dark) !important;
}

.btn-src-table{
    position: relative;
    overflow: hidden;
    color: #FFF;
    border-color: var(--purple-main);
    background: var(--purple-main);
    background-size: 200% auto;
    transition: 0.5s ease-in-out;
    background-position: left center;
    z-index: 1;
}

.btn-src-table::before{
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 20%, transparent 70%);
    transform: translate(0, 0) rotate(0deg);
    opacity: 0;
    transition: opacity 0.5s, transform 1s;
    pointer-events: none;
    z-index: 0;
}

.btn-src-table:hover::before{
    opacity: 1;
    transform: translate(20%, 20%) rotate(45deg);
}

/* Tabelas Painel */
#card-panel{
    background-color: #f3f2fa !important;
    box-shadow: none;
}

#card-panel .card-body{
    border: none;
}

#card-panel .card-header{
    background-color: var(--purple-main);
}

#card-panel .btn{
    color: #FFF;
    background-color: var(--purple-main);
}

/* Breadcrumb */
.breadcrumb-link{
    color: var(--purple-main-dark);
}

.breadcrumb-link:hover{
    color: var(--purple-main);
}