
/*
** Colors
#8e24aa
#ba68c8
#e6a1d7
*/
body{
    background-color: #FEFEFE;
    font-family: 'Source Sans Pro', sans-serif;
}
h1, h2, h3, h4, h5, h6{
    color: #8e24aa;
}
.navbar-nav i.fas.fa-bars, .navbar-nav .cname{
    color: #FFF;
}

/* Misc */
.btn-link, a:link {
    color: #ba68c8;
    border: 0;
}
.btn-link:hover, a:hover {
    color: #8e24aa;
}
.btn-primary {
    color: #FFF !important;
    background-color: #ba68c8;
    border-color: #ba68c8;
}
.btn-primary:hover {
    color: #fff;
    background-color: #8e24aa;
    border-color: #8e24aa;
}


/* Nav */
[class*=sidebar-dark-]{
    background-color: #8e24aa;
}
[class*=sidebar-dark-] .sidebar a {
    color: #EEE;
}
[class*=sidebar-dark] .user-panel {
    border-bottom: 1px solid #e6a1d7;
}
[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #e6a1d7;
}
.nav-border-top {
    border-top: 1px solid #e6a1d7;
}

.main-header {
    border-bottom: 1px solid #8e24aa;
    z-index: 1034;
    background-color: #8e24aa;
}

/* Card */
.card{
    border: 0;
}
.card-primary:not(.card-outline)>.card-header{
    background-color: #8e24aa;
}
.card-primary.card-outline {
    border-top: 3px solid #8e24aa;
}
.card-title {
    margin-bottom: 0;
    color: #FFF;
}
.card-outline .card-title {
    color: #8e24aa;
}
.card-outline .card-header {
    background-color: #FFF;
}

.w300{
    width: 300px;
}

.bg-pink{
    background-color: #8e24aa !important;
}
.info-box .btn-link, .info-box .btn-link:hover{
    color: white !important;
}

/* Home */
.home-logo{
    margin-top: 3em;
    margin-bottom: 1em;
}
.home-logo h1{
    margin-top: 1em;
}

/* Table */
thead td{
    font-weight: bold;
}


/* Form */
.select2-container .select2-selection--single {
    height: 36px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #8e24aa;
    border: 1px solid #8e24aa;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ced4da 1px;
}

@media screen and (max-width: 600px) {
    table button.btn-link, button-groups button.btn-link{
        padding-left: 0;
    }
}
