:root {
    --primary-color: #0e6319;
    --primarydark-color: #c1000b;
    --black-color: #000000;
    --dark-color: #0c0c0c;
    --secondary-color: #cecfd1;
    --grey-color: #f5f5f1;
    --white-color: #ffffff;
    --body-fonts: 'Roboto', sans-serif;
    --title-fonts: 'Jost', sans-serif;
    --plyr-color-main: #c0083d;
}
body {
    background: var(--dark-color) !important;
    font-family: var(--body-fonts);
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 2;
    color: var(--secondary-color);
    overflow-x: hidden;
}

#auth{
    background-image: url('../images/login-backgound.jpg');
}

/* #main{
    background-color: var( --dark-color);
} */

a{
    color: var(--primary-color);
}
a:hover{
    color: var( --black-color);
}
.sidebar-wrapper .menu .sidebar-link>span{
    color: var(--primary-color);
}

.btn-primary{
    background-color: var(--primary-color);
    border-color: var(--grey-color);
}
.btn-primary:hover{
    background-color: var(--dark-color);
}
.alert-success{
    background-color: var(--primary-color);
    box-shadow: 1px 2px 9px var(--primarydark-color);
}
.bg-info{
    background-color: var(--primary-color) !important;
}
.card.card-statistic{
    background: linear-gradient(180deg, var(--primary-color), var(--dark-color));
}