html, body{
    background-color: #f8f9fa;
    color: #212529;
}

img {
    width: 100%;
}

.btn.btn-primary, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:hover{
    color: #FFF;
    background-color: #823AFF;
    background: rgb(252,1,124);
    background: linear-gradient(-90deg, rgba(252,1,124,1) 0%, rgba(157,58,255,1) 50%, rgba(49,27,221,1) 100%);
    border: 0;
}

.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover{
    box-shadow: 0 14px 26px -12px #216BD969, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px #216BD933;
}

.text-color-1 {
    color: #212529;
}

.text-color-2 {
    color: rgb(252,1,124);
}

div::-webkit-scrollbar {
    /*width: 1em;*/
    width: 5px;
    height:15px;
}

div::-webkit-scrollbar-track {

    background-color: #8F91AE;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px slategrey;
}

div::-webkit-scrollbar-thumb {
    background-color: #FFF;
    outline: #FFF;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    /*outline: 1px solid slategrey;*/
}


.card-title{
    font-weight: bold;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #FFF;
    background-color: #823AFF;
    background: rgb(252,1,124);
    background: linear-gradient(-90deg, rgba(252,1,124,1) 0%, rgba(157,58,255,1) 50%, rgba(49,27,221,1) 100%);
}

.card-primary:not(.card-outline)>.card-header {
    background-color: #FFF;
}

.table thead th, .table.table-head-fixed thead tr:nth-child(1) th {
    color: #FFF;
    background-color: #8F91AE;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover{
    color: #FFF
}