/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
* {
    font-family: "Syne", sans-serif !important; ;
    font-optical-sizing: auto;
    font-style: normal;
}

:root {
  --bs-primary: #E235AF;
  --bs-primary-rgb: 226, 53, 175;

  --bs-btn-bg: #E235AF;
  --bs-btn-border-color: #E235AF;
  --bs-btn-hover-bg: #c92c9b;
  --bs-btn-hover-border-color: #c92c9b;
  --bs-btn-active-bg: #b3258a;
  --bs-btn-active-border-color: #b3258a;
}

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

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

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

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

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

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

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

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

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

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

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

.form-control:focus {
  border-color: #E235AF;
  box-shadow: 0 0 0 0.25rem rgba(226, 53, 175, 0.25);
}

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

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

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

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

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

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

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


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

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

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
  color: #E235AF !important;
  background-color: #fff !important;
  border: 1px solid #E235AF !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: 20px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0 !important;
}

#body-dashboard {
    background: #eaeaea;
}