.btn-primary {
    background-color: #c54357 !important;
    border-color: #c54357 !important;
    border-radius: 0;
}
.btn-primary:hover {
    background-color: #f7f5f5 !important;
    border-color: #f7f5f5 !important;
    color: #c54357 !important;
    box-shadow: 0 0 0 0 #7367F0;
}
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) !important;
}
.btn-outline-primary {
    color: #c54357;
    border-color: #c54357;
    border-radius: 0;
}
.btn-outline-primary:hover {
    background-color: #f7f5f5;
    color: #c54357;
    border-color: #c54357;
    border-radius: 0;

}
.btn-outline-primary:active {
    background-color: #c54357 !important;
    color: white !important;
    border-color: #c54357 !important;
    border-radius: 0 !important;

}
.btn-outline-primary:focus {
    background-color: #c54357 !important;
    color: white !important;
    border-color: #c54357 !important;
    border-radius: 0 !important;

}
a {
    color: #c54357;
}
a:hover {
    color: #c54357;
}
.vs-checkbox-primary input:checked ~ .vs-checkbox {
    border-color: #c54357 !important;
}
.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
    background-color: #c54357 !important;
}
body.semi-dark-layout .main-menu-content .navigation-main {
    background-color: #c54357;
}
body.semi-dark-layout .main-menu {
    background-color: #c54357;
}
.main-menu.menu-dark .navigation > li.active > a {
    background: #f7f5f5 !important;
    box-shadow: 0 0 10px 1px #db7080;
    color: #c54357;
    font-weight: 400;
    border-radius: 0;
}
body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title, body.semi-dark-layout .main-menu-content .navigation-main .active i {
    color: #c54357 !important;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item i {
    color: white;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item a::after, body.semi-dark-layout .main-menu-content .navigation-main .nav-item a {

    color: white;

}
.black {
    color: #c54357 !important;
}
.pace .pace-progress{
    background: #c54357 !important;
}

body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open a {
    background-color: #b8243a;
    border-radius: 0 !important;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
    background-color: transparent;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
    background-color: transparent;
}
.main-menu.menu-dark .navigation > li ul .active {
    background: #f7f5f5 !important;
    box-shadow: 0 0 10px 1px #db7080;
    color: #c54357;
    font-weight: 400;
    border-radius: 0;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
    color: #c54357;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
    background: #b8243a;
    border-radius: 4px;
}
.app-content .wizard > .actions > ul > li > a {
    background: #c54357;
    padding: 7px 30px;
    border-radius: 0;
}
.app-content .wizard > .steps > ul > li.current .step {
    border-color: #c54357;
    background-color: #c54357;
}
.app-content .wizard.wizard-circle > .steps > ul > li::before, .app-content .wizard.wizard-circle > .steps > ul > li::after {
    background-color: #c54357;
}
.app-content .wizard > .steps > ul > li.current > a {
    color: #c54357;
}
.modal .modal-header .close span {
    color: #c54357;
}
.app-content .wizard > .actions > ul > li > a[href="#previous"] {
    background-color: #c54357;
    padding: 7px 30px;
    border-radius: 0;
}
.card {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
}
.modal .modal-header {
    border-radius: 0;
}
.pagination .page-item.active .page-link {
    background-color: #c54357;
}
.btn {
    border-radius: 0;
}
.dropzone {
    border: 2px dashed #c54357;
}
.dropzone .dz-message {
    color: #c54357;
}
.dropzone .dz-message::before {
    color: #c54357;
}
.header-navbar.floating-nav {
    border-radius: 0;
}
.nav.nav-tabs .nav-item .nav-link.active {
    color: #c54357;
}
.nav.nav-tabs .nav-item .nav-link.active::after {
    background: #c54357 !important;
    box-shadow: 0 0 8px 0 rgba(225,83,97,.5) !important;

}
.form-control {
    border-radius: 0;
}
.pagination .page-item:first-child:not(.prev-item) .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination .page-item:last-child:not(.next-item) .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pagination .page-item.active .page-link {
    border-radius: 0;
}
.form-control:focus {
    border-color: #c54357;
}
.form-label-group > input:focus:not(:placeholder-shown) ~ label, .form-label-group > select ~ label, .form-label-group > input:not(:active):not(:placeholder-shown) ~ label, .form-label-group textarea:focus:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
    color: #c54357 !important;
}
.vs-checkbox-primary input:active:checked + .vs-checkbox .vs-checkbox--check {
    background-color: #c54357 !important;
}
.form-control:focus ~ .form-control-position i {
    color: #c54357;
}
body.semi-dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active a {
    background: #fff !important;
}
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
    background: #c54357;
    color: #FFFFFF !important;
}