.sidebar-dark-magenta .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-magenta .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #920c86;
    color: #ffffff;
}

.sidebar-dark-magenta .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-magenta .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #920c86;
}
.navbar-magenta {
    background-color: #920c86;
}
.custom-switch.custom-switch-off-magenta .custom-control-input ~ .custom-control-label::before {
    background: #920c86;
    border-color: #ac145a;
}
.custom-switch.custom-switch-off-magenta .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}
.custom-switch.custom-switch-off-magenta .custom-control-input ~ .custom-control-label::after {
    background: #95124e;
}

.custom-switch.custom-switch-on-magenta .custom-control-input:checked ~ .custom-control-label::before {
    background: #920c86;
    border-color: #ac145a;
}

.custom-switch.custom-switch-on-magenta .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-switch.custom-switch-on-magenta .custom-control-input:checked ~ .custom-control-label::after {
    background: #f8c7dd;
}
.custom-range.custom-range-magenta:focus {
    outline: none;
}

.custom-range.custom-range-magenta:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-range.custom-range-magenta:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-range.custom-range-magenta:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-range.custom-range-magenta::-webkit-slider-thumb {
    background-color: #920c86;
}

.custom-range.custom-range-magenta::-webkit-slider-thumb:active {
    background-color: #fbddeb;
}

.custom-range.custom-range-magenta::-moz-range-thumb {
    background-color: #920c86;
}

.custom-range.custom-range-magenta::-moz-range-thumb:active {
    background-color: #fbddeb;
}

.custom-range.custom-range-magenta::-ms-thumb {
    background-color: #920c86;
}

.custom-range.custom-range-magenta::-ms-thumb:active {
    background-color: #fbddeb;
}
.card-magenta:not(.card-outline) > .card-header {
    background-color: #920c86;
}

.card-magenta:not(.card-outline) > .card-header,
.card-magenta:not(.card-outline) > .card-header a {
    color: #ffffff;
}

.card-magenta:not(.card-outline) > .card-header a.active {
    color: #1F2D3D;
}

.card-magenta.card-outline {
    border-top: 3px solid #920c86;
}

.card-magenta.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-magenta.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #920c86;
}

.bg-magenta .btn-tool,
.bg-gradient-magenta .btn-tool,
.card-magenta:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.bg-magenta .btn-tool:hover,
.bg-gradient-magenta .btn-tool:hover,
.card-magenta:not(.card-outline) .btn-tool:hover {
    color: #ffffff;
}

.card.bg-magenta .bootstrap-datetimepicker-widget .table td,
.card.bg-magenta .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-magenta .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-magenta .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-magenta .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-magenta .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-magenta .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table td.second:hover {
    background: #e21b76;
    color: #ffffff;
}

.card.bg-magenta .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #ffffff;
}

.card.bg-magenta .bootstrap-datetimepicker-widget table td.active,
.card.bg-magenta .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-magenta .bootstrap-datetimepicker-widget table td.active:hover {
    background: #ed6ca7;
    color: #ffffff;
}
.todo-list .magenta {
    border-left-color: #920c86;
}
.toast.bg-magenta {
    background: rgba(232, 62, 140, 0.9) !important;
}

.toast.bg-magenta .close, .toast.bg-magenta .mailbox-attachment-close {
    color: #ffffff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-magenta .toast-header {
    background: rgba(232, 62, 140, 0.85);
    color: #ffffff;
}
.direct-chat-magenta .right > .direct-chat-text {
    background: #920c86;
    border-color: #920c86;
    color: #ffffff;
}

.direct-chat-magenta .right > .direct-chat-text::after, .direct-chat-magenta .right > .direct-chat-text::before {
    border-left-color: #920c86;
}
.select2-magenta + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f6b0d0;
}

.select2-magenta + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f6b0d0;
}

.select2-container--default .select2-magenta.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-magenta .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-magenta .select2-search--inline .select2-search__field:focus,
.select2-magenta .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-magenta .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-magenta .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f6b0d0;
}

.select2-container--default .select2-magenta .select2-results__option--highlighted,
.select2-magenta .select2-container--default .select2-results__option--highlighted {
    background-color: #920c86;
    color: #ffffff;
}

.select2-container--default .select2-magenta .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-magenta .select2-results__option--highlighted[aria-selected]:hover,
.select2-magenta .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-magenta .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #e63084;
    color: #ffffff;
}

.select2-container--default .select2-magenta .select2-selection--multiple:focus,
.select2-magenta .select2-container--default .select2-selection--multiple:focus {
    border-color: #f6b0d0;
}

.select2-container--default .select2-magenta .select2-selection--multiple .select2-selection__choice,
.select2-magenta .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #920c86;
    border-color: #e5277e;
    color: #ffffff;
}

.select2-container--default .select2-magenta .select2-selection--multiple .select2-selection__choice__remove,
.select2-magenta .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-magenta .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-magenta .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ffffff;
}

.select2-container--default .select2-magenta.select2-container--focus .select2-selection--multiple,
.select2-magenta .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f6b0d0;
}
.slider-magenta .slider .slider-selection {
    background: #920c86;
}
.icheck-magenta > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-magenta > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #920c86;
}

.icheck-magenta > input:first-child:not(:checked):not(:disabled):focus + label::before,
.icheck-magenta > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #920c86;
}

.icheck-magenta > input:first-child:checked + label::before,
.icheck-magenta > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #920c86;
    border-color: #920c86;
}
.pace-magenta .pace .pace-progress {
    background: #920c86;
}
.pace-barber-shop-magenta .pace {
    background: #ffffff;
}

.pace-barber-shop-magenta .pace .pace-progress {
    background: #920c86;
}

.pace-barber-shop-magenta .pace .pace-activity {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.pace-big-counter-magenta .pace .pace-progress::after {
    color: rgba(232, 62, 140, 0.2);
}

.pace-bounce-magenta .pace .pace-activity {
    background: #920c86;
}

.pace-center-atom-magenta .pace-progress {
    height: 100px;
    width: 80px;
}

.pace-center-atom-magenta .pace-progress::before {
    background: #920c86;
    color: #ffffff;
    font-size: .8rem;
    line-height: .7rem;
    padding-top: 17%;
}

.pace-center-atom-magenta .pace-activity {
    border-color: #920c86;
}

.pace-center-atom-magenta .pace-activity::after, .pace-center-atom-magenta .pace-activity::before {
    border-color: #920c86;
}

.pace-center-circle-magenta .pace .pace-progress {
    background: rgba(232, 62, 140, 0.8);
    color: #ffffff;
}

.pace-center-radar-magenta .pace .pace-activity {
    border-color: #920c86 transparent transparent;
}

.pace-center-radar-magenta .pace .pace-activity::before {
    border-color: #920c86 transparent transparent;
}

.pace-center-simple-magenta .pace {
    background: #ffffff;
    border-color: #920c86;
}

.pace-center-simple-magenta .pace .pace-progress {
    background: #920c86;
}

.pace-material-magenta .pace {
    color: #920c86;
}

.pace-corner-indicator-magenta .pace .pace-activity {
    background: #920c86;
}
.bg-magenta {
    background-color: #920c86 !important;
}

.bg-magenta,
.bg-magenta > a {
    color: #ffffff !important;
}

.bg-magenta.btn:hover {
    border-color: #d91a72;
    color: #ececec;
}

.bg-magenta.btn:not(:disabled):not(.disabled):active, .bg-magenta.btn:not(:disabled):not(.disabled).active, .bg-magenta.btn:active, .bg-magenta.btn.active {
    background-color: #d91a72 !important;
    border-color: #ce196c;
    color: #ffffff;
}
.bg-gradient-magenta {
    color: #ffffff;
}

.bg-gradient-magenta {
    background: #920c86 linear-gradient(180deg, #eb5b9d, #920c86) repeat-x !important;
}

.bg-gradient-magenta.btn.disabled, .bg-gradient-magenta.btn:disabled, .bg-gradient-magenta.btn:not(:disabled):not(.disabled):active, .bg-gradient-magenta.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-magenta.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-magenta.btn:hover {
    border-color: #d91a72;
    color: #ececec;
}

.bg-gradient-magenta.btn:hover {
    background: #e41c78 linear-gradient(180deg, #920c86, #e41c78) repeat-x !important;
}

.bg-gradient-magenta.btn:not(:disabled):not(.disabled):active, .bg-gradient-magenta.btn:not(:disabled):not(.disabled).active, .bg-gradient-magenta.btn:active, .bg-gradient-magenta.btn.active {
    border-color: #ce196c;
    color: #ffffff;
}

.bg-gradient-magenta.btn:not(:disabled):not(.disabled):active, .bg-gradient-magenta.btn:not(:disabled):not(.disabled).active, .bg-gradient-magenta.btn:active, .bg-gradient-magenta.btn.active {
    background: #d91a72 linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
}
.accent-magenta .btn-link,
.accent-magenta a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link) {
    color: #920c86;
}

.accent-magenta .btn-link:hover,
.accent-magenta a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):hover {
    color: #c21766;
}

.accent-magenta .dropdown-item:active, .accent-magenta .dropdown-item.active {
    background: #920c86;
    color: #ffffff;
}

.accent-magenta .custom-control-input:checked ~ .custom-control-label::before {
    background: #920c86;
    border-color: #ac145a;
}

.accent-magenta .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.accent-magenta .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-magenta .custom-select:focus,
.accent-magenta .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.accent-magenta .custom-file-input:focus ~ .custom-file-label {
    border-color: #f6b0d0;
}

.accent-magenta .page-item .page-link {
    color: #920c86;
}

.accent-magenta .page-item.active a,
.accent-magenta .page-item.active .page-link {
    background-color: #920c86;
    border-color: #920c86;
    color: #ffffff;
}

.accent-magenta .page-item.disabled a,
.accent-magenta .page-item.disabled .page-link {
    background-color: #ffffff;
    border-color: #dee2e6;
    color: #6c757d;
}

.accent-magenta [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #C2C7D0;
}

.accent- [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #ffffff;
}

.accent-magenta [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.accent-magenta [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}