/* Boostrap */

.label {
    text-transform: none;
    font-weight: 500;
}

.bg-primary {
    background-color: #c5a3c8 !important;
}

body .btn-primary {
    background-color: #c5a3c8 !important;
    color: #7b2f77 !important;
    border: none !important;
    border-radius: 5px !important;
    height: 50px !important;
}

body .btn-primary:hover {
    background-color: #7b2f77 !important;
    color: #fff !important;
    border: none !important;
}

body .btn-secondary {
    background-color: #666 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    height: 50px !important;
}

body .btn-secondary:hover {
    background-color: #7b2f77 !important;
    color: #fff !important;
}

a {
    color: #7b2f77 !important;
}

/*
a:hover {
    background-color: #e88300 !important;
    color: #fff !important;
}
*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #fff !important;
    color: #7b2f77 !important;
}

.dropdown-item {
    padding-top: 8px !important;
    padding-bottom: 9px !important;
    border-bottom: 0px solid #eaeaea !important;
    font-size: 14px;
}

.list-group {
    border: 0 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease 0s !important;
}

.list-group-item a {
    color: #333 !important;
    text-decoration: none;
}

.list-group-item a:hover {
    /*background-color: #fff !important;*/
    color: #7b2f77 !important;
}

.list-group-item.active {
    background-color: #e88300 !important;
    color: #ffffff !important;
    border: 0 !important;
    font-weight: 600;
}


/* Boostrap */


@media only screen and (max-width : 768px) {
    .navbar-custom {
        padding: 0;
    }

    .nabvar-content {
        height: 350px;
        overflow: auto;
    }
}


@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .navbar-custom {
        padding: 5px;
    }

    .nabvar-content {
        height: auto;
    }

    .dropdown:hover > .dropdown-menu {
        background-color: #fff;
        display: block;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}