:root {
    --Primary-100: #11dddd;
    --Primary-80: #28e0e0;
    --Primary-60: #40e3e3;
    --Primary-40: #58e7e7;
    --Primary-20: #70eaea;
    --default-grey-dark-tim: #a9afbbd1;
    --Secondary-100: #76777a;
    --Secondary-80: #8a8b8f;
    --Secondary-60: #a4a5a8;
    --Secondary-40: #bec0c1;
}

.btn-primary {
    background-color: var(--Primary-100);
    border-color: var(--Primary-100);
}
.Primary {
    color: black;
    background-color: var(--Primary-100);
}

.Secondary {
    color: var(--Secondary);
}


.card-header.card-header-primary {
    background: var(--Secondary-100) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

    .card-header.card-header-primary h4 {
        color: white !important;
    }

.is-focused.dark-edition.form-control {
    background-image: linear-gradient(to top, #ffed00 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, rgba(180, 180, 180, 0.1) 1px, rgba(180, 180, 180, 0) 1px) !important;
}

.btn.btn-primary {
    /*color: var(--Secondary-100) !important;*/
    background: var(--Primary-100) !important;
    box-shadow: none !important;
    color: black !important;
    /*font-weight: bold !important;*/
    /*text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;*/
}

.is-focused .form-control {
    background-image: linear-gradient(to top, var(--Primary-100) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, rgba(180, 180, 180, 0.1) 1px, rgba(180, 180, 180, 0) 1px);
}

.form-control {
    background-image: linear-gradient(to top, var(--Primary-100) 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, rgba(180, 180, 180, 0.1) 1px, rgba(180, 180, 180, 0) 1px) !important;
}

/*li:active > a {
    background: linear-gradient(60deg, var(--Primary-100), var(--Primary-80)) !important;
}*/
ul>li > a > i {
    color: white !important;
}
li > a > i {
    color: white !important;
}
ul > li > a > p {
    color: white !important;
}

li > a > p {
    color: white !important;
}

.material-icon {
    color: white !important;
}

a.nav-link{
    border-radius:0 !important;
    box-shadow:none !important;
}
li.active {
    margin-bottom: 10px !important;
}

    li.active > a {
        background: var(--Primary-100) !important;
    }

        li.active > a > i {
            color: #383838 !important;
            font-weight: bold !important;
            /*text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;*/
        }

        li.active > a > p {
            color: #383838 !important;
            font-weight: bold !important;
            /*text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;*/
        }

li > a > p {
    color: black !important;
}

a {
    color: black !important;
}

.navbar-brand {
    color: white !important;
}
table>thead>tr>td > a {
    color: white !important;
    border-radius:0;
    box-shadow:none;
}

.card-icon {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.btn.btn-primary {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.card {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.card.card-stats {
    border-radius: 0 !important;
    box-shadow: none !important;
}

select {
    background-color: var(--Primary-100) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #383838 !important;
}


.dark-edition .is-focused [class^='bmd-label'],
.dark-edition .is-focused [class*=' bmd-label']
.dark-edition .is-focused [class^='bmd-label-static'],
.dark-edition .is-focused [class*=' bmd-label-static'] {
    color: var(--Primary-100);
}