body {
    font-family: "Poppins", sans-serif;
    background-color: white;
}

.content {
    background-color: white;
}

.andgo-grey-back {
    background-color: #f0f0f0;
}

.andgo-blue-back {
    background-color: #5c6d97;
}

.andgo-purple-back {
    background-color: #5b3577;
}

.andgo-orange-back {
    background-color: #d39341;
}

.andgo-purple-font {
    color: #5b3577
}

.andgo-white-font {
    color: white;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

a {
    color: #d39341;
}

a:hover {
    color: #5b3577
}


/* Boostrap Style Overriding */
.dropdown-menu {
    background-color: #5b3577 !important;
}

.dropdown-menu > li > a {
    color: white !important;
}

.dropdown-menu > li > a:hover {
    background-color: #d39341 !important;
    background-image: none !important;
    color: white !important;
}

.dropdown-header {
    color: white !important;
    font-weight: 700;
}

.navbar-nav > li > a {
    color: white !important;
}

.navbar-nav > .open > a {
    background-color: #d39341 !important;
    background-image: none !important;
}

@media (max-width: 767px) {
    .dropdown-menu > li > a {
        color: white !important;
    }
}

/** DateTimePicker - django-flatpickr */
.flatpickr-day.selected {
    background: #5b3577 !important;
    border-color: #5b3577 !important;
}

/** Datepicker */
.datepicker-dropdown > .datepicker-days > table > thead {
    color: white !important;
    background-color: #5b3577 !important;
}

.datepicker-dropdown > .datepicker-days > table > thead > tr > th {
    border-radius: 0 !important;
}

.datepicker-dropdown > .datepicker-months,
.datepicker-dropdown > .datepicker-years,
.datepicker-dropdown > .datepicker-decades,
.datepicker-dropdown > .datepicker-centuries {
    color: white;
}

.datepicker-dropdown > .datepicker-days > table > tbody > tr > .active,
.datepicker-dropdown > .datepicker-days > table > tbody > tr > td:hover,
.datepicker-dropdown > .datepicker-days > table > tbody > tr > .active:hover,
.datepicker-dropdown > .datepicker-days > table > thead > tr > .prev:hover,
.datepicker-dropdown > .datepicker-days > table > thead > tr > .datepicker-switch:hover,
.datepicker-dropdown > .datepicker-days > table > thead > tr > .next:hover,
.datepicker-dropdown > .datepicker-months > table > thead > tr > .prev:hover,
.datepicker-dropdown > .datepicker-months > table > thead > tr > .datepicker-switch:hover,
.datepicker-dropdown > .datepicker-months > table > thead > tr > .next:hover,
.datepicker-dropdown > .datepicker-months > table > tbody > tr > td > .focused,
.datepicker-dropdown > .datepicker-months > table > tbody > tr > td > span:hover,
.datepicker-dropdown > .datepicker-years > table > thead > tr > .prev:hover,
.datepicker-dropdown > .datepicker-years > table > thead > tr > .datepicker-switch:hover,
.datepicker-dropdown > .datepicker-years > table > thead > tr > .next:hover,
.datepicker-dropdown > .datepicker-years > table > tbody > tr > td > .focused,
.datepicker-dropdown > .datepicker-years > table > tbody > tr > td > span:hover,
.datepicker-dropdown > .datepicker-decades > table > thead > tr > .prev:hover,
.datepicker-dropdown > .datepicker-decades > table > thead > tr > .datepicker-switch:hover,
.datepicker-dropdown > .datepicker-decades > table > thead > tr > .next:hover,
.datepicker-dropdown > .datepicker-decades > table > tbody > tr > td > .focused,
.datepicker-dropdown > .datepicker-decades > table > tbody > tr > td > span:hover,
.datepicker-dropdown > .datepicker-centuries > table > thead > tr > .prev:hover,
.datepicker-dropdown > .datepicker-centuries > table > thead > tr > .datepicker-switch:hover,
.datepicker-dropdown > .datepicker-centuries > table > thead > tr > .next:hover,
.datepicker-dropdown > .datepicker-centuries > table > tbody > tr > td > .focused,
.datepicker-dropdown > .datepicker-centuries > table > tbody > tr > td > span:hover {
    background-color: #d39341;
}

.datepicker-dropdown > .datepicker-days > table {
    color: black !important;
    background-color: white !important;
}

/** Buttons */

.btn {
    font-family: "Poppins", sans-serif !important;
}

.btn-primary {
    background-color: #5c6d97 !important;
    background-image: none !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: #6f9fcf !important;
    background-image: none !important;
    border: none !important;
}

.btn-success {
    background-color: #648886 !important;
    background-image: none !important;
}

.btn-success:hover {
    background-color: #76a3a0 !important;
    background-image: none !important;
}

/** General Form */

.form-control:focus {
    border-color: #d39341 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(211, 147, 65, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(211, 147, 65, .6);
}