/*# sourceMappingURL=custom.min.css.map */

/********************** ESTILOS FUOCO *******************************/
/*  4   151132  -   1f1c31   9
    10  1f1d33  -   2b273e  15
    20  333053  -   3f3b53  25
    30  48446b  -   54506b  35
    40  5f5a83  -   605b77  40
    90  e3dcff  -   e4ddff  90
    100 fff9ff  -   fffaff  100
*/

@import url("custom-app.css");
:root {
  --negro-fuoco-color: #1f1c31;
  --negro-fuoco-color-g2: #2b273e;
  --negro-fuoco-color-g3: #3f3b53;
  --negro-fuoco-color-g4: #54506b;
  --rojo-fuoco-color: #ee1b3b;
  --rojo-oscuro-fuoco-color: #b20013;
}

.auth-one-bg-position {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 380px;
}

@media (max-width: 575.98px) {
  .auth-one-bg-position {
    height: 280px;
  }
}

/* .auth-one-bg {
  background-image: none;
  background-position: center;
  background-size: cover;
} */

@media (max-width: 575.98px) {
  .auth-one-bg {
    background-image: url("../images/fuoco/FUOCOsellored_rgb_center.png");
    background-position: center;
    background-size: cover;
  }
}

.auth-one-bg .bg-overlay {
  background: -webkit-gradient(linear, left top, right top, from(#364574), to(#405189));
  background: linear-gradient(to right, #364574, #405189);
  /* background: linear-gradient(to right, #6baace, #264783); */
  opacity: 0.3;
  /* opacity: 0.9; */
}


.auth-bg-cover {
  /* background: linear-gradient(-45deg, #0d6efd 50%, #198754); */
  background: linear-gradient(-45deg, #6baace 50%, #264783);
  /* background: linear-gradient(to right, #6baace, #264783); */
}

.auth-bg-cover>.bg-overlay {
  /* background-image: url("../images/cover-pattern.png"); */
  background-image: none;
  background-position: center;
  background-size: cover;
  opacity: 1;
  background-color: transparent;
}

.auth-bg-cover .footer {
  color: rgba(255, 255, 255, 0.5);
}

.icon-next-text {
  vertical-align: middle;
  /* vertical-align: baseline; */
}

.btn-negro-fuoco {
  --vz-btn-color: #fff;
  --vz-btn-bg: var(--negro-fuoco-color); /* #0ab39c; */
  --vz-btn-border-color: var(--negro-fuoco-color); /* #0ab39c; */
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: var(--negro-fuoco-color-g4); /* #099885; */
  --vz-btn-hover-border-color: var(--negro-fuoco-color-g3); /* #088f7d; */
  --vz-btn-focus-shadow-rgb: 47, 190, 171;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: var(--negro-fuoco-color-g3); /* #088f7d; */
  --vz-btn-active-border-color: var(--negro-fuoco-color-g2); /* #088675; */
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: var(--negro-fuoco-color); /* #0ab39c; */
  --vz-btn-disabled-border-color: var(--negro-fuoco-color); /* #0ab39c; */
}

.form-group.required .form-label:after {
  content: "*";
  color: red;
}

.accordion .accordion-body-normal {
  /* overrides: .accordion .accordion-body -> deja el texto gris */
  color: black;
}

hr.blank {
  color: transparent;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

hr.blank, hr.blank-1 {
  /* color: transparent; */
  margin-top: 1.0rem;
  margin-bottom: 1.0rem;
}

hr.blank, hr.blank-05 {
  /* color: transparent; */
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.canvas-img {
  margin: 10px;
}

/* .row-form-check-group div.form-check {
  padding-left: 32px;
} */

.row .form-check-inside {
  margin-left: 0px;
}

.form-error {
  color: red;
}


.slim-dropzone .dz-message.slim-dz-message {
  margin: 0px;
}

div.dropzone.slim-dropzone {
  max-height: 10px;
}

.table-card .card-header {
  /* background-color: red; */
  color: white;
  background-color: var(--negro-fuoco-color);
  /* background-color: var(--vz-card-cap-bg); */
}

.table-card .card-header .h1, 
.table-card .card-header .h2, 
.table-card .card-header .h3, 
.table-card .card-header .h4, 
.table-card .card-header .h5, 
.table-card .card-header .h6, 
.table-card .card-header h1, 
.table-card .card-header h2, 
.table-card .card-header h3, 
.table-card .card-header h4, 
.table-card .card-header h5, 
.table-card .card-header h6 {
  color: white;
}

.table-card .card-toolbar-menu a {
  color: white;
}

/* .table-btn {
  background-color: white;
  color: var(--negro-fuoco-color);
  border-width: 1px;
  border-color: var(--negro-fuoco-color);
} */

.table-btn.btn-negro-fuoco {
  --vz-btn-color: #fff;
  --vz-btn-bg: var(--negro-fuoco-color);
  /* #0ab39c; */
  --vz-btn-border-color: var(--negro-fuoco-color);
  /* #0ab39c; */
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: var(--negro-fuoco-color-g4);
  /* #099885; */
  --vz-btn-hover-border-color: var(--negro-fuoco-color-g3);
  /* #088f7d; */
  --vz-btn-focus-shadow-rgb: 47, 190, 171;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: var(--negro-fuoco-color-g3);
  /* #088f7d; */
  --vz-btn-active-border-color: var(--negro-fuoco-color-g2);
  /* #088675; */
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: var(--negro-fuoco-color);
  /* #0ab39c; */
  --vz-btn-disabled-border-color: var(--negro-fuoco-color);
  /* #0ab39c; */
}



.table-btn.btn-alt-negro-fuoco {
  --vz-btn-color: var(--negro-fuoco-color);
  --vz-btn-bg: #fff;
  /* #0ab39c; */
  --vz-btn-border-color: var(--negro-fuoco-color);
  /* #0ab39c; */
  --vz-btn-hover-color: var(--negro-fuoco-color-g4);
  --vz-btn-hover-bg: #fff;
  /* #099885; */
  --vz-btn-hover-border-color: var(--negro-fuoco-color-g3);
  /* #088f7d; */
  --vz-btn-focus-shadow-rgb: 47, 190, 171;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: var(--negro-fuoco-color-g3);
  /* #088f7d; */
  --vz-btn-active-border-color: var(--negro-fuoco-color-g2);
  /* #088675; */
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: var(--negro-fuoco-color);
  /* #0ab39c; */
  --vz-btn-disabled-border-color: var(--negro-fuoco-color);
  /* #0ab39c; */
}

.table-slim td {
  padding: .50rem .6rem;
  vertical-align: middle;
}

.btn-toolbar-fuoco.btn-negro-fuoco {
  /* --vz-btn-color: #fff; */
  --vz-btn-color: var(---vz-body-bg);
  
  --vz-btn-bg: var(--negro-fuoco-color-g4);
  /* #0ab39c; */
  --vz-btn-border-color: var(--negro-fuoco-color);
  /* #0ab39c; */
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: var(--negro-fuoco-color-g4);
  /* #099885; */
  --vz-btn-hover-border-color: var(--negro-fuoco-color-g3);
  /* #088f7d; */
  --vz-btn-focus-shadow-rgb: 47, 190, 171;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: var(--negro-fuoco-color-g3);
  /* #088f7d; */
  --vz-btn-active-border-color: var(--negro-fuoco-color-g2);
  /* #088675; */
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: var(--negro-fuoco-color);
  /* #0ab39c; */
  --vz-btn-disabled-border-color: var(--negro-fuoco-color);
  /* #0ab39c; */
}


.card-filter {
  /* color: #fff; */
  color: #000;
  /* background-color: var(--vz-body-bg); */
  background-color: var(--vz-body-bg);
  border-color: var(--vz-gray-400);
  border-width: 0.5px;
  border-style: solid;
}

.card-filter .card-header,
.card-filter .card-footer {
  background-color: rgba(255, 255, 255, 0.1);
  /* color: #fff; */
  color: #000;
  border-color: transparent;
}

.card-filter .card-title {
  /* color: #fff; */
  color: #000;
}