body {
  background-color: #9BD9E2;
}

.navbar {
  background-color: #2FB7C5!important;
  color: white;
}

.nav-link:active, .nav-link:hover {
  color: white!important;
}

.nav-link {
    color: white !important;
}

    .nav-link.active {
        color: white !important;
    }

.logo {
  height: 100%;
  margin: 11%;
}



.TextGray{
    color:gray!important;
}
.TotalFont {
    font-size: 2em;
}



.topbar .topbar-divider {
    width: 0;
    border-right: 1px solid #e3e6f0;
    height: calc(4.375rem - 2rem);
    margin: auto 1rem;
}



.img-profile {
    height: 2rem;
    width: 2rem;
}



.border-left-primary {
    border-left: .25rem solid #4e73df !important;
    background-color: #e0f4f7;
}


.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}


.border-left-success {
    border-left: .25rem solid #1cc88a !important;
    background-color: #e0f4f7;
}


.border-left-info {
    border-left: .25rem solid #36b9cc !important;
    background-color: #e0f4f7;
}


.border-left-warning {
    border-left: .25rem solid #f6c23e !important;
    background-color: #e0f4f7;
}