body {
  color: hsl(32, 9%, 38%);
  font-family: "Lato", "Helvetica", "sans-serif";
}

[class*=sidebar-dark-] {
  background-color: #2D2D2D; /* hsl(32, 9%, 38%);*/
  color:#fff;
}

[class*=sidebar-dark-] .sidebar a {
  color: hsl(32, 9%, 38%); /* #fff;*/
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
  color: #fff;
}


[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
  background-color: rgba(255,255,255,.1);
  /*color: hsl(32, 9%, 38%);*/
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: hsl(29, 100%, 55%);
  color: #fff;
}

label {
  color: hsl(32, 9%, 38%);
}

a {
  color: hsl(256, 23%, 51%);
  text-decoration: none;
  background-color: transparent;
}

.table .thead-dark th {
  color: #fff;
  background-color: hsl(32, 9%, 38%);
  border-color: hsl(32, 9%, 48%);
}

.text-orange {
  color: hsl(29, 100%, 55%)!important;
}

.text-success {
  color: hsl(58, 100%, 37%)!important;
}

.btn-primary {
  color: #fff;
  background-color: hsl(201, 100% , 30%);
  border-color: hsl(201, 100% , 30%);
  box-shadow: none;
}

.content-wrapper {
  background-color: #f2f2f2;
}

.btn-success {
  color: #fff;
  background-color: hsl(78, 100%, 37%);
  border-color: hsl(78, 100%, 37%);
  box-shadow: none;
}

.btn-success:hover {
  background-color: hsl(78, 100%, 37%);
  border-color: hsl(78, 100%, 37%);
}

.btn-outline-success {
  color: hsl(78, 100%, 37%);
  border-color: hsl(78, 100%, 37%);
}
.btn-outline-success:hover {
  color: #fff;
  background-color: hsl(78, 100%, 37%);
  border-color: hsl(78, 100%, 37%);
}

.btn-danger {
  color: #fff;
  background-color: hsl(357, 69%, 49%);
  border-color: hsl(357, 69%, 49%);
  box-shadow: none;
}

.btn-warning {
  color: #fff;
  background-color: hsl(55, 100%, 44%);
  border-color: hsl(55, 100%, 44%);
  box-shadow: none;
}


.form-control {
  color: hsl(32, 9%, 38%);
}

.page-link {
  color: hsl(256, 23%, 51%);
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: hsl(29, 100%, 55%);
  border-color: hsl(29, 100%, 55%);
}

.ucase {
  text-transform: uppercase!important;
}

/* estilos grillas y filtros */
.dataTable th, .dataTable td {font-size: .75em; vertical-align: middle; padding: 0.45rem;}

/* estilos form-inline form-group */
@media (max-width: 767px){
  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
  }
}

@media (min-width: 576px){
  .form-inline .form-group {
      display: block;
      margin-bottom: .5rem;
  }
}

/* text-sm */

.input-sm {
  font-size: .75rem !important;
  height: calc(2.05rem + 2px);
}

/* estilos e imagenes botones */

.fa-cs {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.icon-search {
  content: url("http://ecomas.ecoid.cl/static/img/icons/search_icon.svg");
  height: 20px;
  width: 20px;
  display: block;
}

.icon-file {
  content: url("http://ecomas.ecoid.cl/static/img/icons/document_extension_file_format_paper_icon.svg");
  height: 20px;
  width: 20px;
  display: block;
}

.icon-edit {
  content: url("http://ecomas.ecoid.cl/static/img/icons/edit_icon.svg");
  height: 20px;
  width: 20px;
  display: block;
}

.icon-trash {
  content: url("http://ecomas.ecoid.cl/static/img/icons/can_trash_icon.svg");
  height: 20px;
  width: 20px;
  display: block;
}

.icon-check {
  content: url("http://ecomas.ecoid.cl/static/img/icons/check_sign_icon.svg");
  height: 20px;
  width: 20px;
  display: block;
}

.icon-error {
  content: url("http://ecomas.ecoid.cl/static/img/icons/sign_error_icon.svg");
  height: 20px;
  width: 20px;
  display: block;
}

.icon-image {
  content: url("http://ecomas.ecoid.cl/static/img/icons/filter_picture_icon.svg");
  height: 20px;
  width: 20px;
  display: block;
}