@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;600;700&display=swap');
html {
  font-size: 14px;
  position: relative;
  min-height: 100%; 
}

body {
  font-family: 'Fira Sans', sans-serif;
  background-color:#efefef;
  color:#616161;
  font-size:1rem;
  line-height:1.75;
}

.logo{
  width:160px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
  color:#616161;
}

form .border-right{
border:0px !important;
}

.divider { 
  border-top: 1px solid rgba(67,89,113,.2);
}

.percent{
  padding-right: 10px;
  background: url("../img/percent.svg") no-repeat right;
  background-size: 16px;
  background-origin: content-box;
}
.euro{
  padding-right: 10px;
  background: url("../img/icon-euro.svg") no-repeat right;
  background-size: 20px;
  background-origin: content-box;
}

/* COLORES */
.grey{color:#616161;}
.light-grey{color:#efefef;}
.orange{color:#f39200;}
.brown{color:#B56816;}
.darkgrey{color:#566a7f;}
.green{color:#71dd37;}

.orange-bg{
  background-color:#f39200;
}
.lightgrey-bg{
  background-color:#efefef;;
}
.bg-faq-section {
  background-color: rgba(67, 89, 113, .05);
}

/* BOTONES Y PILLS */

.btn{
  border-radius:30px;
  padding:10px 24px;
}

.btn-primary{
  background-color:#f39200;
  border-radius:30px;
  padding:10px 24px;
  color:#ffffff;
  border:0px;
  font-size:0.825rem;
  font-weight:bold;
}
.btn-primary:hover {
  background-color: #B56816 !important;
  /*transform:none !important;*/
}

.btn-outline-primary{
  padding: 10px 24px;
  font-weight: bold;
  font-size:0.825rem;
}

.btn-outline-warning {
  color: #ffab00;
    border-color: #ffab00;
    background: rgba(0, 0, 0, 0);
}

.btn-danger{
  padding:10px 24px;
  font-size:0.825rem;
  border:0px;
  background-color: #ffe0db;
  color:#ff3e1d;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus{
  background-color:#f39200 !important;
}

/* Cards */

.card-header{
  display: flex;
  line-height: 1.54;
  align-items:center;
}

@media (max-width: 575.98px) {
  .card .card-widget-separator-wrapper .card-widget-separator .card-widget-1.border-end, .card .card-widget-separator-wrapper .card-widget-separator .card-widget-2.border-end, .card .card-widget-separator-wrapper .card-widget-separator .card-widget-3.border-end {
      border-right: none !important;
      border-left: none !important;
      border-bottom: 1px solid #d9dee3;
  }
}
/* Login */

.form-label{
  color:#616161;
}

/* Menu */

.layout-navbar{
  height:4rem;
}

.layout-navbar-fixed .layout-navbar.navbar-detached {
  width: 100% !important;
  margin:0px;
  border-radius:0px;
}

.layout-navbar.navbar-detached.container-xxl{
  max-width: unset;
}

.menu-vertical .menu-item .menu-link{
  font-size:1rem;
}

.menu-icon{
  font-size:1.5rem;
}

/* Tablas */
td{
  vertical-align: middle !important;
}

div.table-responsive .col-sm-12{
  padding:0px;
}

html:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child, html:not([dir=rtl]) div.card-datatable table.dataTable thead th:first-child, html:not([dir=rtl]) div.card-datatable table.dataTable tfoot th:first-child,div.card-datatable [class*=col-md-],.table > :not(caption) > * > *{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

div.dataTables_wrapper div.dataTables_length select {
margin:0px 6px;
}

.dataTables_length, .dataTables_filter{
  display:flex;
  align-items:center;
  height:60px;
  padding:0px 20px;
  padding:0px;
  justify-content:center;
}

table.dataTable {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 1rem !important;
  margin-top: 0 !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  align-items:center;
}

div.table-responsive div.dataTables_wrapper>div.row {
  margin: 0;
}



.page-item.first .page-link, .page-item.last .page-link, .page-item.next .page-link, .page-item.prev .page-link, .page-item.previous .page-link {
  padding-top: 0.625rem; 
  padding-bottom: 0.625rem;
}
div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
}

div.card-datatable {
  padding-bottom: 1rem;
}

table#products tr{
  text-transform: uppercase;
}

.btn-label-primary{
  color: #fff;
  border-color: rgba(0,0,0,0) !important;
  background: #f39200;  
}
.btn-label-primary:hover{
  color: #fff;
  border-color: rgba(0,0,0,0) !important;
  background: #B56816;  
}
.btn-label-secondary {
  color: #8592a3;
  border-color: rgba(0,0,0,0) !important;
  background: #ebeef0;
}

.btn-label-secondary:hover {
  border-color: rgba(0,0,0,0) !important;
  background: #788393 !important;
  color: #fff !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(133,146,163,.4) !important;
  transform: translateY(-1px) !important;
}



.dt-down-arrow {
  display: none;
}

.dt-button.add-new {
  font-size:0.9375rem;
  font-weight:normal;
}

.bx-plus:before {
  content: "";
}

.dataTables_length label, .dataTables_filter label{
  margin:0px;
}



.custom-select, .form-select, .select2-container--default .select2-selection--single, .select2-container .select2-selection--single { 
    padding: 0.4375rem 1.875rem 0.4375rem 0.875rem;
    font-size: 0.9375rem; 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2867, 89, 113, 0.6%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat; 
    background-size: 17px 12px;
    line-height: 1.53;
    background-position: right 0.875rem center;
}



.select2-container{
  width:100% !important;
}
.select2-container--default .select2-selection--single{
  height:auto !important;
  padding-top:3px;
  padding-bottom:3px;
  border: 1px solid #d9dee3 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding:0px !important;
  color:#697a8d !important;
}

.custom-select-sm, .form-control-sm{
  height:unset;
}

/* Select2 Library */

.select2-container--default .select2-selection--single .select2-selection__arrow{
  display:none;
}
.select2-container--default .select2-selection--single{
    
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9dee3;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: calc(1.5em + 0.75rem + 2px);
}

.select2-container .select2-selection--single .select2-selection__rendered{
  padding:0px;
  line-height: unset;
  color: #697a8d;
}


tfoot{
  display:none;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.4rem;
}

/* Otros */
.clickable{
  cursor:pointer;
}
.clickable:hover { 
  background-color: rgb(236, 236, 236); 
} 
.nav-pills {
  overflow-x: auto;
  overflow-y:hidden;
  flex-wrap: nowrap;
}
.nav-pills .nav-link {
 white-space: nowrap;
}


/* Before and After Texts **/
.divComFrom:before{
  content:"DESDE: ";
  font-weight:bold;
}
.divComTo:before{
  content:"HASTA: ";
  font-weight:bold;
}
.divComValue:before{
  content:"COMISIÓN: ";
  font-weight:bold;
}

@media (max-width: 768px) { 
  .modal-dialog{
    margin: 25px 5px;
  }
}

@media (min-width: 768px) {   
  form .border-right{
    border-right: 1px solid #dee2e6 !important;
  }
  .dataTables_length{
    justify-content:flex-start;
  }
  .dataTables_filter{
    justify-content:flex-end;
  }
  .dataTables_length, .dataTables_filter{
    height:80px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 16px;
  }
  .layout-navbar-fixed .layout-navbar.navbar-detached {
    width: calc(100% - 16.25rem) !important;
  }
  .dataTables_length{
    justify-content:flex-start;
  }
  .dataTables_filter{
    justify-content:flex-end;
  }
}

/* Notes */
.timeline {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  list-style: none;
}
html:not([dir=rtl]) .timeline-item {
  border-left: 1px solid #d9dee3;
}
.timeline .timeline-item {
  position: relative;
  padding-left: 3rem;
}
.timeline .timeline-item .timeline-point-wrapper {
  position: absolute;
  top: -0.5rem;
  left: -0.43rem;
  z-index: 2;
  display: block;
  height: 2.25rem;
  width: 2.25rem;
  background-color: #fff;
}
.timeline .timeline-item .timeline-point {
  position: absolute;
  left: 0;
  top: .75rem;
  z-index: 3;
  display: block;
  height: .75rem;
  width: .75rem;
  border-radius: 50%;
  background-color: #696cff;
}
.timeline .timeline-point-primary {
  background-color: #696cff !important;
  box-shadow: 0 0 0 0.1875rem rgba(105,108,255,.16);
}
.timeline .timeline-point-warning {
  background-color: #ffab00 !important;
  box-shadow: 0 0 0 0.1875rem rgba(255,171,0,.16);
}
.timeline .timeline-point-info {
  background-color: #03c3ec !important;
  box-shadow: 0 0 0 0.1875rem rgba(3,195,236,.16);
}
.timeline .timeline-end-indicator i {
  font-size: 1.5rem;
  color: #d9dee3;
}
.timeline .timeline-end-indicator {
  position: absolute;
  bottom: -1.35rem;
  left: -0.65rem;
}
.timeline .timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}



/* ESTADOS suministros GESTIONES */

/* Esto son todo notas, no van con estilos, van con clases */

/*

0. Abierta: badge rounded-pill bg-label-info

1. Pendiente de proyecto: badge rounded-pill bg-label-secondary

2. Seguimento: badge rounded-pill bg-label-secondary

3. Comercializadora: badge rounded-pill bg-label-info

  3.1 Comercializadora Liquidada: badge rounded-pill bg-label-info

4. Cerrada Ganada: badge rounded-pill bg-label-success

  4.1 Cerrada Ganada a futuro: badge rounded-pill bg-label-success

5. Renovacion: badge rounded-pill bg-label-primary

  5.1 Renovacion Tacita: badge rounded-pill bg-label-primary

6. Incidencia: badge rounded-pill bg-label-warning

7. Cerrada Perdida: badge rounded-pill bg-label-danger

  7.1 Finalizada: badge rounded-pill bg-label-dark

7.2 Cambio de Comercializadora: badge rounded-pill bg-label-secondary

8. Liquidada: badge rounded-pill bg-label-info

8.1 liquidada No Pagada: badge rounded-pill bg-label-warning

*/


/* TIPOS DE SUMINISTROS */
/*

0. Agricultura: badge rounded-pill bg-label-success
1. Alimentación: badge rounded-pill bg-label-warning
2. Canal Horeca: badge rounded-pill bg-label-dark
3. CCPP: badge rounded-pill bg-label-primary
4. Residencial: badge rounded-pill bg-label-primary
5. Salud: badge rounded-pill bg-label-success
6. Ocio y bienestar: badge rounded-pill bg-label-success
7. Varios: badge rounded-pill bg-label-secondary
*/