/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */



.primary {
    color: #262c56 !important; }

.bg-primary {
    background-color: #3e4670 !important; } /*4949EE*/
.bg-primary .card-header,
.bg-primary .card-footer {
    background-color: transparent; }

.alert-primary {
    background: rgba(115, 103, 240, 0.2) !important;
    color: #262c56 !important; }
.alert-primary .alert-heading {
    box-shadow: rgba(115, 103, 240, 0.4) 0px 6px 15px -7px; }
.alert-primary .alert-link {
    color: #393f65 !important; }

.bg-rgba-primary {
    background: rgba(115, 103, 240, 0.15) !important; }

.border-primary {
    border: 1px solid #3e4670 !important; }

.border-top-primary {
    border-top: 1px solid #3e4670; }

.border-bottom-primary {
    border-bottom: 1px solid #3e4670; }

.border-left-primary {
    border-left: 1px solid #3e4670; }

.border-right-primary {
    border-right: 1px solid #3e4670; }

.bg-primary.badge-glow,
.border-primary.badge-glow,
.badge-primary.badge-glow {
    box-shadow: 0px 0px 10px #3e4670; }

.badge.badge-primary {
    background-color: #3e4670; }

.badge.badge-light-primary {
    background-color: #dedbfb;
    color: #3e4670 !important;
    font-weight: 500; }

.overlay-primary {
    background: #3e4670;
    /* The Fallback */
    background: rgba(115, 103, 240, 0.6); }

.btn-primary {
    border-color: #394edc !important;
    background-color: #3e4670 !important;
    color: #fff; }
.btn-primary:hover {
    border-color: #393f65 !important;
    color: #fff !important;
    box-shadow: 0 8px 25px -8px #3e4670; }
.btn-primary:focus, .btn-primary:active {
    color: #fff !important; }

.btn-flat-primary {
    background-color: transparent;
    color: #3e4670; }
.btn-flat-primary:hover {
    color: #3e4670;
    background-color: rgba(115, 103, 240, 0.1); }
.btn-flat-primary:active, .btn-flat-primary:focus {
    background-color: #3e4670;
    color: #fff !important; }

.btn-relief-primary {
    background-color: #3e4670;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    color: #fff; }
.btn-relief-primary:hover {
    color: #fff; }
.btn-relief-primary:active, .btn-relief-primary:focus {
    outline: none;
    transform: translateY(3px); }

.btn-outline-primary {
    border: 1px solid #3e4670;
    background-color: transparent;
    color: #3e4670; }
.btn-outline-primary:hover {
    background-color: rgba(115, 103, 240, 0.08);
    color: #3e4670; }
.btn-outline-primary:active {
    color: #fff !important; }

.btn-primary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active {
    background-color: #3e4670;
    color: #fff; }
.btn-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active:hover {
    color: #fff; }

.btn-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
    color: #3e4670; }

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i {
    color: #3e4670; }

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i {
    color: #fff; }

.bullet.bullet-primary {
    background-color: #3e4670; }

.pagination-primary .page-item.active .page-link {
    background: #3e4670;
    color: #fff; }
.pagination-primary .page-item.active .page-link:hover {
    color: #fff; }

.pagination-primary .page-item .page-link:hover {
    color: #3e4670; }

.pagination-primary .page-item.prev-item .page-link:hover, .pagination-primary .page-item.next-item .page-link:hover {
    background: #3e4670;
    color: #fff; }

.nav-pill-primary .nav-item .nav-link.active {
    color: #fff;
    background-color: #3e4670 !important; }

.progress-bar-primary {
    background-color: rgba(115, 103, 240, 0.1); }
.progress-bar-primary .progress-bar {
    background-color: #3e4670; }

.chip-primary {
    background-color: #3e4670 !important; }
.chip-primary .chip-body {
    color: #fff !important; }

.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
    border-color: #3e4670 !important; }

input[type="checkbox"].bg-primary + .custom-control-label:before, input[type="radio"].bg-primary + .custom-control-label:before {
    background-color: #3e4670 !important; }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3e4670 !important; }

.vs-checkbox-primary input:checked ~ .vs-checkbox {
    border-color: #3e4670 !important; }
.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
    background-color: #3e4670 !important; }

.vs-checkbox-primary input:active:checked + .vs-checkbox .vs-checkbox--check {
    background-color: #3e4670 !important; }

.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3e4670 !important;
    color: #fff;
    transition: all .2s ease-out; }

.vs-radio-primary input:checked ~ .vs-radio .vs-radio--circle {
    background: #3e4670 !important;
    box-shadow: 0 3px 12px 0 rgba(115, 103, 240, 0.4) !important; }


.text-primary {
    color: #262c56 !important;
}

a {
    color: #262c56;
    text-decoration: none;
    background-color: transparent;
}