/*
    Solertia
    Oscuro > 
    rgb(18 9 10)
    #12090a
    Azul Claro > 
    rgb(25 140 204)
    #198ccc
    

*/

.dashboard-home {
    padding-bottom: 1.5rem;
}

.dashboard-card {
    border-radius: 8px;
    overflow: hidden;
}

.dashboard-card .btn-link {
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
}

.dashboard-card .btn-link:hover {
    text-decoration: underline;
}

.dashboard-panel {
    border-radius: 8px;
    padding: 1.15rem;
}

.dashboard-panel-header {
    align-items: center;
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
}

.dashboard-panel-header h2 {
    color: inherit;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.dashboard-panel-header i {
    color: #198ccc;
    margin-right: 0.45rem;
}

.dashboard-chart-wrap {
    height: 330px;
    position: relative;
}

.dashboard-mini-list {
    display: grid;
    gap: 0.75rem;
}

.dashboard-mini-list div {
    align-items: center;
    background: rgba(25, 140, 204, 0.08);
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.dashboard-mini-list span {
    font-weight: 600;
}

.dashboard-mini-list strong {
    color: #198ccc;
    font-size: 1.35rem;
}

.dashboard-status {
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.28rem 0.55rem;
}

.dashboard-status-open {
    background: #198ccc;
}

.dashboard-status-closed {
    background: #1f8a5b;
}

@media (max-width: 767px) {
    .dashboard-panel-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.7rem;
    }

    .dashboard-chart-wrap {
        height: 280px;
    }
}

/*#ui-img {
    border: solid 1px #249dd2;
}

.btn {
    border-radius: 1rem !important;
}

.btn-light {
    border-color: #fdd2c2 !important;
    border-width: 2px;
}

.bg-gradient-light {
    background-image: linear-gradient(180deg, #d3effb4d 0%, #d3effb 100%) !important;
}

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

a.nav-link:hover {
    color: #249dd2 !important;
}

.submenu-border {
    border: solid 1px #d3effb;
}*/