.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #9277a7!important;
border-color: #9277a7!important;
}

.v-step {
    background: #481C6B!important;
}
.typeahead-style-select .option.active {
    box-shadow: inset 0 0 0 4px #481C6B;
}
.btn-outline-primary {
    border-color: #481C6B!important;
    color: #481C6B!important;
}

a.with-hover:hover {
    color: #481C6B!important;
}
.badge.badge-branded {
    color: #EDEDED!important;
}

.btn-outline-primary.active, .btn-outline-primary:hover:not(.disabled) {
    color: white!important;
    border-color: #481C6B!important;
    background-color: #481C6B!important;
}

.custom-control-input:checked:not(.disabled) ~ .custom-control-label::before {
    color: #fff!important;
    border-color: #481C6B!important;
    background-color: #481C6B!important;
}


.page-link:focus,
.page-link:hover,
.text-info,
i.leftmenu_icon,
i{
    color: #481C6B!important;
}
.card-header-tabs.nav-item > a.active > i {
    color: #481C6B!important;
}
.card-header-tabs.nav-item > a.active > i:hover {
    color: #EDEDED!important;
}
.cell.selected {
    background-color: #481C6B!important;
    color: white;
}
.vue-dropzone .dz-preview .dz-details {
    background-color: #481C6B!important;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{
    border: 1px solid #d9d9d9 !important;
}
.__cov-progress {
    background-color: #481C6B!important;
}
.swal-button--confirm {
    background-color: #481C6B!important;
}
.type-ahead-result .active{
    background-color: #481C6B!important;
}
table.branded .thead-inverse th {
    background-color: #481C6B!important;
    border-color: #481C6B !important;
}
.list-group-item.active {
    background-color: #481C6B!important;
    border-color: #d3d3d3 !important;
}
.progress-bar.bg-primary {
    background-color: #481C6B!important;
}
.list-group-item.bg-danger {
    background-color: #FF7473!important;
    border-color: #d3d3d3 !important;
}
.VueTables__table .title {
    color: #481C6B!important;
}
.img-holder h3 {
    background-color: #ffffff!important;
}
.month-arrow {
    border-color: #481C6B!important;
}
a.active i{
    color: #652796!important;;
}
tbody .extra > h4 {
    color: #481C6B!important;
}
.noti_msg{
    border-color: #481C6B!important;
}

/* accent */
aside.right-aside{
    background-color: #EDEDED!important;
}

[class*="col-"] .inner {
    border-radius: 5px;
}
.multiselect__spinner::before, .multiselect__spinner::after {
    border-color: #481C6B transparent transparent !important;
}
.btn-primary,
.btn-primary-outline,
.swal-button.primary,
.swal-icon--success__line{
    background-color: #481C6B!important;
    border-color: #481C6B!important;
}
.swal-button.cancel{
    background-color: #d4d4d4;
}
.btn-primary:hover,
.swal-button.primary:hover{
    background-color: #652796!important;
    border-color: #652796!important;
}
.user_name_max {
    color: #3E6173;
}
.page-item.active .page-link,
.page-item.active .page-link:hover,
.custom-control-input:checked ~ .custom-control-indicator{
    background-color: #481C6B!important;
    color: #fff!important;
}

.custom-control-input:focus ~ .custom-control-indicator{
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #481C6B!important;
}

.vc-chrome{
    width: auto!important;
    box-shadow: none!important;
    border: 1px solid #f2f2f2!important;
    padding: 15px!important;
}
.ayou-day-cell.in-range > .solar {
    background: #481C6B !important;
}

.badge-branded {
    background-color: #481C6B !important;
}
.multiselect__tag-icon::after {
    color: white !important;
}
.multiselect__tag-icon:hover {
    background: #652796 !important;
}
.multiselect__tag,
.multiselect__option--highlight{
    background: #481C6B!important;
}
.multiselect__option--highlight:after{
    background: #652796!important;
}

.multiselect__tags{
    border-radius: 3px !important;
    border: 1px solid #d9d9d9 !important;
}

.has-danger .multiselect__tags {
    border: 1px solid #FF8180 !important;
}

.swal-icon--success__ring{
    border-color: #481C6B!important;;
}
.vuemenu.navigation a.menu-item{
    border-right: 4px solid transparent;
    transition: all 300ms ease;
}
.vuemenu.navigation a.menu-item:hover,
.vuemenu.navigation a.menu-item.active{
    border-right-color: #481C6B;
}

.file-nav-actions a.active i,
.file-nav-actions button i {
    color: #fff !important;
}
.vdp-datepicker__calendar {
    width: 100% !important;
}
.page-link {
    color: black !important;
}
@media  only screen and (max-width: 676px){
    .header .navbar-right div.dropdown > a{
        padding: 5px!important;
    }
    .header .navbar-right{
        padding: 8px 0;
    }
    .user.user-menu > button img{
        display: none;
    }
}
@media  only screen and (max-width: 560px){
    .right-aside .content-header > h1{
        font-size: 16px!important;
    }
    .VueTables__limit{
        float: left!important;
    }
    .VueTables__limit .form-control{
        width: auto;
        margin-left: 5px;
        height: auto!important;
        padding: 5px;
    }
    .login-content[data-v-def76a68]{
        margin: 0 15px;
    }
    .header .navbar-right{
        padding: 0;
    }
    .user.user-menu > button img{
        display: inline-block;
    }
}

@media  screen and (max-width: 575px){
table.thead-inverse:nth-child(odd){ {
background-color: #481C6B !important;
}
}
.input-group-btn .btn .fa.fa-calendar{
color: white !important;
}