@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700&display=swap');

html, body, .navbar-main, button, input, select, textarea, a {
    font-family: 'Josefin Sans', sans-serif;
}

#order-standard_cart .view-cart-items-header, .btn-block, #order-standard_cart .order-summary h2, #order-standard_cart .empty-cart .btn {
    background: #800080 !important;
    color: #fff !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Josefin Sans', sans-serif !important;
    color: #800080;
    font-weight: 700 !important;
}

.dataTables_wrapper .dataTables_info {
    background: #4B0082 !important;
}

#home-banner h2 {
    color: #fff;
    padding-bottom: 25px !important;
}

a {
    color: #4B0082;
}

a:hover {
    color: #800080;
}

.navbar-main {
    background-color: #800080;
}

.navbar-main .navbar-nav>li>a {
    padding: 20px 15px;
}

.navbar-main li.account {
    background-color: #800080;
}

#home-banner {
    background: #8A2BE2 !important;
    background: -moz-linear-gradient(left, #8A2BE2 0%, #8A2BE2 0%, #8A2BE2 21%, #4B0082 100%) !important;
    background: -webkit-linear-gradient(left, #8A2BE2 0%, #8A2BE2 0%, #8A2BE2 21%, #4B0082 100%) !important;
    background: linear-gradient(to right, #8A2BE2 0%, #8A2BE2 0%, #8A2BE2 21%, #4B0082 100%) !important;
    padding: 70px 0 70px !important;
}

section#home-banner .btn.search {
    background: #800080 !important;
    color: #800080;
    font-weight: 700;
}

ul.top-nav>li.primary-action {
    border-left: solid 1px rgba(255, 255, 255, .3);
}

ul.top-nav>li.primary-action>a.btn {
    background: #800080;
    color: #fff;
    font-weight: 700;
}

section#home-banner .btn.transfer {
    background-color: #800080;
}

section#footer {
    background: #800080 !important;
    color: #fff;
}

.navbar-main .navbar-nav>.active>a,
.navbar-main .navbar-nav>.active>a:focus,
.navbar-main .navbar-nav>.active>a:hover,
.navbar-main .navbar-nav>.open>a,
.navbar-main .navbar-nav>.open>a:focus,
.navbar-main .navbar-nav>.open>a:hover,
.navbar-main .navbar-nav>li>a:focus,
.navbar-main .navbar-nav>li>a:hover {
    background: #000;
    color: #fff;
}

.navbar-main .navbar-nav .dropdown-menu>.active>a,
.navbar-main .navbar-nav .dropdown-menu>.active>a:focus,
.navbar-main .navbar-nav .dropdown-menu>.active>a:hover,
.navbar-main .navbar-nav .dropdown-menu>.open>a,
.navbar-main .navbar-nav .dropdown-menu>.open>a:focus,
.navbar-main .navbar-nav .dropdown-menu>.open>a:hover,
.navbar-main .navbar-nav .dropdown-menu>li>a:focus,
.navbar-main .navbar-nav .dropdown-menu>li>a:hover {
    background-color: #800080;
    color: #fff;
}

.dropdown-menu>li>a {
    color: #777;
}

section#footer .back-to-top i {
    background-color: #fff;
    opacity: 1;
    color: #800080;
}

section#footer .back-to-top i:hover {
    opacity: 0.7;
}

.panel-sidebar>.panel-heading {
    background-color: #f5f5f5;
    color: #4B0082;
}

.panel-sidebar .panel-title {
    color: #4B0082;
}

.panel-sidebar .panel-title .fa,
.panel-sidebar .list-group-item i.fa:not(.fa-circle-o):not(.fa-dot-circle-o) {
    color: #800080;
}

.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
    background-color: #800080;
    border-color: #800080;
}

.panel-sidebar a.list-group-item.active .fa,
.panel-sidebar a.list-group-item.active:focus .fa,
.panel-sidebar a.list-group-item.active:hover .fa {
    color: #fff !important;
}

div.header-lined h1,
div.header-lined .breadcrumb li a {
    color: #4B0082;
}

div.header-lined .breadcrumb li a:hover {
    color: #800080;
}

.label-info {
    background: #800080;
    color: #fff;
}

.dataTables_wrapper table.table-list thead th:nth-child(even) {
    border-bottom: 4px solid #800080;
}

.dataTables_wrapper table.table-list thead th {
    border-bottom: 4px solid #800080;
}

.btn-default {
    color: #fff;
    background: #800080;
    border-color: #800080;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default,
.btn-default:hover {
    color: #fff;
    background-color: #800080;
    border-color: #800080;
}

.btn-primary {
    color: #fff;
    background-color: #800080;
    border-color: #800080;
}

.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background: #800080;
}

#inputMessage {
    width: 77%;
}

#registration .sub-heading span {
    color: #4B0082;
}

.panel-title .glyphicon {
    color: #800080;
}

.nowrap {
    white-space: nowrap;
}

.sp {
    margin-top: 12px;
    margin-bottom: 12px;
    border: 0;
}