@import url("./variables.css");
@import url("./forms.css");
@import url("./navAndSidebar.css");

/*Utilidades*/

.d-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70vh;
}

/*Tablas*/
table thead {
  background: var(--sistema-primary-op);
}

.dataTables_wrapper .dt-buttons {
  float: left;
  width: fit-content;
}

text,
.highcharts-menu-item,
* {
  font-family: "Inter", sans-serif;
}

/*Botones*/

.btn-group .btn,
.btn-group-vertical .btn,
button {
    box-shadow: none !important;
    -webkit-border-radius: var(--sistema-border-radius);
    -moz-border-radius: var(--sistema-border-radius);
    -ms-border-radius: var(--sistema-border-radius);
    border-radius: var(--sistema-border-radius);
}

.btn:not(.btn-link):not(.btn-circle) {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    -webkit-border-radius: var(--sistema-border-radius);
    -moz-border-radius: var(--sistema-border-radius);
    -ms-border-radius: var(--sistema-border-radius);
    border-radius: var(--sistema-border-radius);
    border: none;
    font-size: 13px;
    outline: none;
    display: inline-flex;
    align-items: center;
}

.btn:hover {
  border: 0.5px dashed #ccc !important;
}

button {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

button:hover {
    box-shadow: none;
}


.btn.btn-default.buttons-excel.buttons-html5 {
  background-color: var(--sistema-green) !important;
  color: var(--white);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: var(--sistema-primary) !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: var(--sistema-secondary) !important;
}

.text-danger {
  color: var(--sistema-red);
}