:root {
    --primary-color: #ef008f;
    --secondary-color: #910083;
}

.logo-icon {
    width: 64px;
}

.logo-text {
	color: var(--primary-color);
}

a:hover {
    color: var(--primary-color);
}

.back-to-top {
    background-color: var(--primary-color) !important;
}

.back-to-top:hover {
    background-color: var(--primary-color) !important;
}

.page-link:hover {
    color: var(--secondary-color);
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #d0d0d0 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}


.form-select:focus {
    border-color: #d0d0d0 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.border-primary {
    border-color: var(--secondary-color) !important;
}

.text-primary {
    color: var(--primary-color)!important;
}

.nav-danger.nav-tabs .nav-link.active {
    color: var(--primary-color);
    border-color: var(--primary-color) var(--primary-color) #fff;
    /*border-color: #dee2e6 #dee2e6 #fff;*/
}

.nav-link:focus, .nav-link:hover {
    color: var(--secondary-color);
}


.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef var(--primary-color) #dee2e6;
}

.nav-tabs {
    border-bottom: 1px solid var(--primary-color);
}

.nav-link {
    color: var(--secondary-color);
}



.toggle-icon {
	color: var(--primary-color);
}

.sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {
	color: var(--secondary-color);
	background: rgb(130 130 130 / 7%)
}

.page-footer {
    font-size: 0.78em;
}

.page-footer p a {
    color: #c90c0c;
}

.link-footer {
    background: #fff;
    font-size: 0.78em;
}
.link-footer p a {
    color: #c90c0c;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    transition: 0.3s;
}
.btn-primary:hover, 
.btn-check:active+.btn-primary, 
.btn-check:checked+.btn-primary, 
.btn-primary.active, 
.btn-primary:active, 
.show>.btn-primary.dropdown-toggle,
.btn-check:focus+.btn-primary, 
.btn-primary:focus {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    box-shadow: none;
}



.btn-danger {
    color: #fff;
    background-color: #fd3550;
    border-color: #fd3550;
    transition: 0.3s;
}
.btn-danger:hover {
    color: #fff;
    background-color: #d10b1e;
    border-color: #d10b1e;
    transition: 0.3s;
}

.btn-success {
    color: #fff;
    background-color: #15ca20;
    border-color: #15ca20;
    transition: 0.3s;
}
.btn-success:hover {
    background-color: #0eb018;
    border-color: #0eb018;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: 0.3s;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
    color: #fff;
    background-color: var(--secondary-color);
}


.mr-0{
    margin-right: 0px !important;
}


.form-check-input:checked {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.form-check-input:focus {
    border-color: var(--secondary-color);
    outline: 0;
    box-shadow: none;
}

.big-checkbox-input{
    width: 4em !important;
    height: 2em !important;
    border-radius: 14px !important;
}


/* DATATABLES ==================== */
.page-item.active .page-link {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}
.page-link {
    color: var(--primary-color);
}
.page-link:focus {
    box-shadow: none;
}
div.dataTables_wrapper div.dataTables_info {
    color: #afafaf;
}

.dt-buttons .btn-group{
    width: 100%;
}
.btn-group, .btn-group-vertical {
    width: 100%;
}
/* DATATABLES ==================== */


/* DATEDROPPER ==================== */
div.datedropper.primary:before, div.datedropper.primary .pick-submit, div.datedropper.primary .pick-lg-b .pick-sl:before, div.datedropper.primary .pick-m, div.datedropper.primary .pick-lg-h {
    background-color: var(--secondary-color);
}
div.datedropper.primary .pick-y.pick-jump, div.datedropper.primary .pick li span, div.datedropper.primary .pick-lg-b .pick-wke, div.datedropper.primary .pick-btn {
    color: var(--primary-color);
}

.dd__block[data-key=m] {
    background: var(--primary-color);
    color: #fff;
}

.dd__primaryButton {
    background: var(--primary-color);;
}


.dd__calendar .dd__body .dd__item.dd-selected:before {
    background: var(--primary-color);;
}

.dd__dropdown {
    font-size: 0.95em;
}

.dd__calendar .dd__body .dd__item.dd-selected.dd-a:before {
    transform: translate(-50%,-50%) rotate(45deg);
    border-top-right-radius: 0.5em;
}
.dd__calendar .dd__body .dd__item.dd-selected.dd-b:before {
    transform: translate(-50%,-50%) rotate(-45deg);
    border-top-left-radius: 0.5em;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl.pick-sl-b:not(.pick-sl-a):before {
    border-top-left-radius: 8px;
    transform: translate(-50%,-50%) scale(1.5) rotate(-45deg)!important;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl.pick-sl-a:not(.pick-sl-b):before {
    border-top-right-radius: 8px;
    transform: translate(-50%,-50%) scale(1.5) rotate(45deg)!important;
}
/* DATEDROPPER ==================== */


/* SELECT2 ======================== */
.select2-container--bootstrap4.select2-container--focus .select2-selection {
   
    border: 1px solid #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background: var(--primary-color);;
    color: #fff;
    border: 1px solid var(--primary-color);;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--primary-color);;
}
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: var(--primary-color);;
    color: #f8f9fa;
}

.select2-search__field{
    text-transform: uppercase;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    background-color: #fff;
    border-color: #d0d0d0 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}

.select2-results__message{
    color: var(--primary-color) !important;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below {
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}
/* SELECT2 ======================== */




.card {
    border: 0 solid transparent;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(205 205 205 / 65%), 0 2px 6px 0 rgb(205 205 205 / 54%);
}


.topbar {
    -webkit-box-shadow: 0 2px 6px 0 rgb(218 218 200 / 65%), 0 0px 6px 0 rgb(206 206 200 / 54%) !important;
    box-shadow: 0 2px 6px 0 rgb(218 218 200 / 65%), 0 0px 6px 0 rgb(206 206 200 / 54%) !important;
}


.pace .pace-progress{
    background:#ef008f !important;
    height: 5px;
}
.pace .pace-progress-inner{
    box-shadow:0 0 10px #ef008f,0 0 5px #ef008f !important;
    opacity:1;
}
.pace .pace-activity{
    border-top-color:#910083 !important;
    border-left-color:#910083 !important;
}