/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

* {
    font-family: "Plus Jakarta Sans", sans-serif !important; ;
    font-optical-sizing: auto;
    font-style: normal;
}

:root {
  --bs-primary: #CC0B19;
  --bs-primary-rgb: 204, 11, 25;

  --bs-btn-bg: #CC0B19;
  --bs-btn-border-color: #CC0B19;
  --bs-btn-hover-bg: #b50916;
  --bs-btn-hover-border-color: #b50916;
  --bs-btn-active-bg: #a30814;
  --bs-btn-active-border-color: #a30814;
}

/* BOTONES */
.btn-primary {
  color: #fff;
  background-color: #CC0B19;
  border-color: #CC0B19;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #CC0B19 !important;
  background-color: #fff !important;
  border-color: #CC0B19 !important;
}

/* OUTLINE BUTTON */
.btn-outline-primary {
  color: #CC0B19;
  border-color: #CC0B19;
}

.btn-outline-primary:hover {
  background-color: #CC0B19;
  border-color: #CC0B19;
  color: #fff;
}

/* LINKS */
.text-primary {
  color: #CC0B19 !important;
}

a.text-primary:hover {
  color: #a30814 !important;
}

/* BACKGROUNDS */
.bg-primary {
  background-color: #CC0B19 !important;
}

/* BORDES */
.border-primary {
  border-color: #CC0B19 !important;
}

/* BADGES */
.badge.bg-primary {
  background-color: #CC0B19 !important;
}

/* ALERTS */
.alert-primary {
  background-color: #f8d7da;
  border-color: #CC0B19;
  color: #842029;
}

/* FORM ELEMENTS */
.form-check-input:checked {
  background-color: #CC0B19;
  border-color: #CC0B19;
}

.form-control:focus {
  border-color: #CC0B19;
  box-shadow: 0 0 0 0.25rem rgba(204, 11, 25, 0.25);
}

/* PAGINATION */
.page-link {
  color: #CC0B19;
}

.page-item.active .page-link {
  background-color: #CC0B19;
  border-color: #CC0B19;
}

/* PROGRESS */
.progress-bar {
  background-color: #CC0B19;
}

/* LIST GROUP */
.list-group-item.active {
  background-color: #CC0B19;
  border-color: #CC0B19;
}

/* NAV PILLS */
.nav-pills .nav-link.active {
  background-color: #CC0B19;
}

/* DROPDOWN */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #CC0B19;
}

/* SWITCH */
.form-switch .form-check-input:checked {
  background-color: #CC0B19;
  border-color: #CC0B19;
}


.sidebar-nav ul .sidebar-item .sidebar-link {
  border: 1px solid #fff !important;
}

.sidebar-nav ul .sidebar-item > .sidebar-link.active {
  border: 1px solid #CC0B19 !important;
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
  color: #CC0B19 !important;
  background-color: #fff !important;
  border: 1px solid #CC0B19 !important;
}

#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] .left-sidebar, .app-header {
    top:0;
}


#sidebarnav .nav-small-cap {
    margin-top: 5px;
}

.body-wrapper .container-fluid, .body-wrapper .container-sm, .body-wrapper .container-md, .body-wrapper .container-lg, .body-wrapper .container-xl, .body-wrapper .container-xxl {
    padding-top: 80px !important;
}