:root {
  --primary: rgb(8, 93, 135);
  --primary-dark: rgb(4, 52, 76);
  --primary-70: rgba(8, 93, 135, 0.7);
  --primary-50: rgba(8, 93, 135, 0.5);
  --primary-30: rgba(8, 93, 135, 0.3);
  --primary-10: rgba(8, 93, 135, 0.1);
  --logo: white;
  --light-grey: rgba(248, 248, 248, 1);
  --dark-grey: #7c858e;
  --grey: rgba(179, 193, 209, 1);
}

.text-90, .text-black {
    color: var(--primary);
}

.text-black {
    color: var(--primary-dark);
}

.text-grey {
    color: var(--grey);
}

.content {
    background-color: white;
}

.py-view {
    padding-top: 1rem;
}

.card {
    background-color: white;
}

.table th {
    background-color: white;
}

.bg-20 {
    background-color: white;
}

.card-panel {
    background-color: var(--light-grey);
}

.bg-grad-sidebar {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(var(--light-grey)),
        to(var(--light-grey))
    );

    background-image: linear-gradient(
        0deg,
        var(--light-grey),
        var(--light-grey)
    );
}

.sidebar-dropdown [data-toggle=dropdown]{
    color: var(--dark-grey);
}

.sidebar .text-white {
    color: var(--dark-grey);
}

.sidebar .router-link-active {
    color: var(--primary);
}

.sidebar .sidebar-icon {
    fill: var(--dark-grey);
}

.sidebar .router-link-active .sidebar-icon {
    fill: var(--primary);
}