:root {
  --primary-color: #EE733E;
  --secondary-color: #80878A;

  --accent-color: #e36051;
  --second-color: #ffff8c;
  --violet-puro: red;
}

html * {
  font-family: 'Inter', sans-serif;
}

.input-title {
  color: var(--primary-color); 
  text-align: left;
  font-weight: 600;
}

.bg-mainBlue {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn.bg-mainBlue:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.bg-image {
  background-image: url('/assets/images/fondo.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
}

.f-main {
  padding: 10%;
}

.btn-primary {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--secondary-color);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--secondary-color) !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 0.15rem rgba(116, 136, 235, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(116, 136, 235, 0.5);
}

a {
  color: var(--primary-color);
  text-decoration: none;
}
a:hover {
  color: var(--secondary-color);
  text-decoration: none;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
  color: white !important;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: white !important;
}


body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  background: var(--primary-color);
  color: white;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span
,body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{
  color: white !important;
}
.vertical-menu.mm-active .fa-bars{
  color: white;
}
.navbar-header .fa-bars{
  color: white;
}

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

.btn-secondary {
  color: #fff;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
/*
*
* Sidebar re-styles
* 
*/

body[data-sidebar="dark"] .navbar-brand-box,
.vertical-menu .sidebar-menu-scroll{
  background-color: white;
}
.vertical-menu.mm-active .fa-bars{
  color: var(--primary-color);
}

#page-topbar{
  background-color: var(--primary-color);
}

#page-topbar .header-item
,#page-topbar .noti-icon i{
  color: white;
}
#page-topbar .bg-danger{
  background-color: var(--secondary-color) !important;
}

.navbar-header .dropdown .show.header-item
,.navbar-header .dropdown .show.header-item span{
  background-color: white;
  color: var(--primary-color);
}

.link-primary,
.text-primary,
.nav-tabs-custom .nav-item .nav-link.active,
.uil-info-circle {
  color: var(--secondary-color) !important;
}


li.mm-active a.active,
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active,
.nav-tabs-custom .nav-item .nav-link::after {
  background-color: var(--primary-color)
}

body[data-sidebar="dark"] #sidebar-menu ul li a,
body[data-sidebar="dark"] #sidebar-menu ul li a i,
body[data-sidebar="dark"] .menu-title{
  color: var(--secondary-color) !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a.active
,body[data-sidebar="dark"] #sidebar-menu ul li a.active i{
  color: white !important;
}

.title-h4 {
  background-color: var(--secondary-color);
  border-radius: 10px;
  padding: 20px;
}

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

.footer-info {
  padding: 12px calc(1.25rem / 2);
  background-color: var(--primary-color);
}