/*$mainColor: #004C97;*/
body {
  font-family: "Roboto", sans-serif !important;
}

.main-sidebar {
  background-color: var(--c-principal) !important;
}

.layout-navbar-fixed .wrapper .content-wrapper {
  margin-top: calc(6.3rem + 1px);
}

.card-title {
  color: var(--c-principal) !important;
  font-size: 1.4rem;
}

.content-wrapper {
  background-color: var(--c-fondo) !important;
}

[class*=sidebar-dark-] .nav-header {
  color: var(--c-principal-2) !important;
}

[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu {
  background-color: transparent !important;
  min-height: 40px;
  border-bottom: none;
}

.breadcrumb a {
  color: var(--c-principal) !important;
}

.breadcrumb-item {
  color: var(--c-principal) !important;
  font-weight: 700;
  font-size: 1.4rem;
}

.breadcrumb-item-active {
  color: var(--c-principal) !important;
  font-size: 1.4rem;
  font-weight: 400 !important;
}

.nav-link-main {
  border-bottom: 1px solid var(--c-blanco);
}

.content-wrapper {
  margin-top: 40px;
}

.nav-top-1 {
  background-color: var(--c-principal);
  min-height: 40px;
  padding: 0.5rem 0.5rem;
  z-index: 10 !important;
  position: fixed !important;
}

.nav-top-2 {
  top: 40px !important;
  position: sticky;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: 0px !important;
}

.layout-navbar-fixed .wrapper .main-header {
  z-index: 10;
}

.nav-top-1 a {
  color: var(--c-blanco) !important;
  font-size: 13px;
  font-weight: 400;
  margin-left: 1rem;
}

.nav-top-1 a:hover {
  text-decoration: underline;
}

.form-search {
  width: 100% !important;
  height: 45px !important;
  border-radius: 23px !important;
  background-color: var(--c-blanco) !important;
  border: 1px solid var(--c-principal-6) !important;
  padding: 1rem 1rem;
}

[type=search] {
  outline-offset: 0px;
  -webkit-appearance: none;
}

.btn-rounded {
  border-radius: 50px;
}

.btn-search {
  position: absolute;
  margin-top: 0.4rem;
  margin-left: 1rem;
  background-color: var(--c-secundario) !important;
  color: var(--c-blanco);
  padding: 0.3rem;
  padding-left: 0.55rem;
  padding-right: 0.55rem;
  transition: 0.3s;
}

.btn-search:hover {
  background-color: var(--c-secundario) !important;
  color: var(--c-blanco) !important;
}

.card-tools {
  color: var(--c-principal) !important;
  font-size: 0.7rem;
}

.produt-header {
  color: var(--c-principal) !important;
  font-size: 13px;
  font-weight: 400;
}

.product-title {
  color: var(--c-negro) !important;
  line-height: 25px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  font-family: "Barlow", sans-serif;
}

.product-title:hover {
  text-decoration: underline;
}

.products-list .product-info {
  margin-left: 100px !important;
}

.products-list .product-img img {
  height: 60px;
  width: 75px;
  border-radius: 5px;
}

.product-description {
  font-size: 13px !important;
  color: #999998;
}

.bg-orange {
  background-color: #ef9600 !important;
  color: var(--c-blanco) !important;
}

.bg-green {
  background-color: #93c90f !important;
  color: var(--c-blanco) !important;
}

.bg-blue {
  background-color: var(--c-principal-3) !important;
  color: var(--c-blanco) !important;
}

.bg-blue-2 {
  background-color: var(--c-principal) !important;
  color: var(--c-blanco) !important;
}

.left-border {
  border-right: 1px solid var(--c-blanco);
}

.info-box-text {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.info-box-number {
  font-size: 40px !important;
  font-weight: 700 !important;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 30px !important;
}

.nav-pills .nav-link {
  border-radius: 0 !important;
}

.bordered {
  border: 1px solid var(--c-principal);
}

.table {
  width: 100% !important;
}

.btn-custom {
  font-size: 13px;
  min-width: 150px;
  height: 40px;
  border-radius: 20px;
  background-color: var(--c-principal-3);
  color: var(--c-blanco);
  transition: 0.3s;
}

.btn-custom:hover {
  color: var(--c-blanco);
  background-color: var(--c-principal-3);
}

.hidden {
  display: none;
}

.btn-navbar {
  background-color: transparent !important;
  border: none !important;
  background-color: transparent;
}

.form-search-buttons {
  margin-left: -5rem !important;
  z-index: 10;
}

.navbar-search-block {
  display: flex !important;
}

.div-form-search {
  position: absolute;
  top: 0.5rem;
  bottom: 0;
  width: 40vw;
  right: 0;
  left: 0;
}

.top-menu {
  display: block;
}

.top-menu-hidde {
  display: none;
}

@media only screen and (max-width: 870px) {
  .div-form-search {
    right: 10%;
  }
}
@media only screen and (max-width: 670px) {
  .div-form-search {
    right: 20%;
  }
}
@media only screen and (max-width: 550px) {
  .div-form-search {
    right: 50%;
  }
  .top-menu {
    display: none;
  }
  .top-menu-hidde {
    display: block;
  }
}
.nav-link-search-btn {
  margin-top: 0.1rem !important;
}

[class*=sidebar-dark] .user-panel {
  border-bottom: 1px solid var(--c-principal-2);
}