/*
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500&display=swap');
*/

.bg-pink    {background-color:pink !important;}
.bg-yellow  {background-color:yellow !important;}
.bg-cyan    {background-color:cyan !important;}
.bg-FFF     {background-color:white !important;}

/*
.monosp {font-family:'Roboto', monospace;}
*/

.text-azul    {color: var( --color-azul ) !important}

:root {
  --color-azul: #093d42;
  --color-azul-00: rgb(19, 195, 62); /* texto */
  --color-azul-01: rgb(9, 185, 52);
  --color-alternativo: rgba(221,216,170,1); /* #ddd8aa */
  --color-alternativo-bg: rgba(221,216,170,.07); /* #ddd8aa */
  /* */
  --bs-danger-rgb: 134, 36, 0;
  --bs-border-radius: 5px;
  /**/
  --monosp: 'Roboto', monospace;
}

.has-bootstrap .card-header { background-color: transparent;}
.has-bootstrap .btn-primary {
  background-color: var( --color-azul-01 ) !important;
  border-color: var( --color-azul ) !important;
}
.has-bootstrap .btn-primary:hover,
.has-bootstrap .btn-primary:active,
.has-bootstrap .btn-primary:visited {
  background-color: var( --color-azul-00 ) !important;
}

.has-bootstrap .alert-info {
  --bs-alert-color: #fff;
  --bs-alert-bg: var( --color-azul-01 );
  --bs-alert-border-color: var( --color-azul-00 );
}

.has-bootstrap .rounded-pill { border-radius: 50rem!important;}

.text-azul    {color: var( --color-azul ) !important}
.text-azul-00 {color: var( --color-azul-00 ) !important}
.text-azul-01 {color: var( --color-azul-01 ) !important}

.border-azul    {border:2px solid var( --color-azul ) !important}
.border-azul-00 {border:2px solid var( --color-azul-00 ) !important}
.border-azul-01 {border:2px solid var( --color-azul-01 ) !important}

.bg-azul    {background-color: var( --color-azul ) !important}
.bg-azul-00 {background-color: var( --color-azul-00 ) !important}
.bg-azul-01 {background-color: var( --color-azul-01 ) !important}

.btn-acceso         {background-color:var( --color-azul-00 ) !important; color:white !important}
.btn-acceso:hover,
.btn-acceso:focus   {background-color:var( --color-azul-01 ) !important }

.duckparkings   {font-family: 'Work+Sans', Helvetica, Arial, Lucida, sans-serif !important; /* font-weight: lighter; */ }
/* body h2         {font-weight:lighter !important;} */

.duckparkings { color: var( --color-azul-00 ) }
.duckparkings a { color: var( --color-azul-00 ) }
.duckparkings a:hover { color: var( --color-azul-01 ) }

.duckparkings h3        {color: var( --color-azul-00 ); font-size:2rem; font-weight: bold; line-height: 1.1em; position:relative;}
.duckparkings h3:after  {border-top-color: var( --color-alternativo ); border-top-width: 5px; content:""; left: 0; height:5px; /* bottom: -1.1rem; */
  border-top-style: solid; position: absolute; width: 100%; display:block;}

.duckparkings table.datos { min-height: 140px; }

.has-bootstrap .progress {box-shadow: inset 0 0 0 2px white}
/**
* Circular chart
*/
/* .circular-chart { display: block; min-width: 64px; min-height: 64px; max-width: 80px; max-height: 80px; } */
.circular-chart { display: block; min-width: 96px; min-height: 96px; max-width: 96px; max-height: 96px; }
.circular-chart .circle-bg { fill: none; stroke: var( --color-alternativo ); stroke-width: 3.2; }
.circular-chart .circle { fill: none; stroke-width: 2.8; stroke-linecap: round; animation: circular-chart-progress 1s ease-out forwards; }

@keyframes circular-chart-progress { 0% { stroke-dasharray: 0 100; } }
/* .circular-chart .percentage { fill: var( --color-azul-00 ); font-size: 0.55rem; text-anchor: middle; } */
.circular-chart .percentage { fill: var( --color-azul-00 ); font-size: 0.35rem; text-anchor: middle;}
.circular-chart .valor-actual { fill: var( --color-azul-00 ); font-size: 0.35rem; text-anchor: middle; font-weight: bold; }
.circular-chart .valor-total {
  /* fill: var( --color-alternativo );  */
  fill:#999; font-size: 0.30rem; text-anchor: middle; font-weight: normal; }
.circular-chart.azul .circle { stroke: var( --color-azul ); }
.circular-chart .percentage, .circular-chart .valor-actual, .circular-chart .valor-total { font-family: var( --monosp );}

.duckparkings .producto {border-top: 3px solid var( --color-alternativo ) !important;
  box-shadow:0 4px 0 4px rgba(0,0,0,.03), inset 0 0 0 1px var(--color-alternativo)!important;
}
/* .duckparkings .producto .collapse {} */
.duckparkings .producto .cuadro {
  /* min-height:150px;  */
  min-height:170px;
  background-color:rgba(0,0,0,.02);
  border-top: 3px solid var(--color-alternativo)!important;
  box-shadow:0 2px 3px rgba(0,0,0,.07), inset 0 0 0 1px #DDD !important;
}
.duckparkings .producto .cuadro.total {min-height: inherit;}

/* Producto CANCELADO */
.duckparkings .producto.estado-2 { opacity: 0.5; }

.bootstrap-datetimepicker-widget { width: auto !important; }
.bootstrap-datetimepicker-widget .datepicker-days .disabled { opacity: 0.5; }