:root {
	--bs-reus-yellow: #FFA429;
	--bs-reus-granate: #6E374B;
}

hr.separator {
	opacity: 1;
}

/* Espaciado lista de checks y radios*/
.form-group .form-check {
	margin-bottom: 0.5rem;
}
.btn {
	min-height: 5px !important; /* Evitar borde blanco en input-file provocado por el botón en el 
	input-group */
}
/* #73D313; CHECKBOX Y RADIO LIMPIOS*/
    input[type="checkbox"],input[type="radio"] {
        /* Add if not using autoprefixer */
        -webkit-appearance: none;
        appearance: none;
        /* For iOS < 15 to remove gradient background */
        background-color: #fff;
        /* Not removed via appearance */
        /* margin: 0; Quitado para favorecer el bootstrap 5*/
        
        font: inherit;
        color: currentColor;
        width: 1.35em;
        height: 1.35em;
        border: 1px solid currentColor;
        border-radius: 0.15em;
        transform: translateY(-0.075em);

        display: grid;
        place-content: center;
    }
    input[type="checkbox"]::before {
        --form-control-color: #73D313;;

        content: "";
        width: 0.85em;
        height: 0.85em;
        padding: 0.1em;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
        border-radius: 0.15em;
    }
    input[type="radio"]::before {
        --form-control-color: #73D313;;
        border-radius: 100%;
        content: "";
        width: 0.85em;
        height: 0.85em;
        padding: 0.1em;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
    }
    input[type="checkbox"]:checked::before,input[type="radio"]:checked::before {
        transform: scale(1);
    }
    .form-check-input:checked {
        background-color: transparent !important;
    }
    
/* Foco: accesibilidad para si videntes */



/* ^ ^ CUSTOM CHECKS Y RADIOS ^ ^ */
#idioma {
    border-left: 1px white solid;
}
#idioma > .btn-secondary {
    background:transparent;
    border-color:transparent;
}
#idioma > .btn {
    font-size: 10pt;
    font-weight: 400;
    text-transform: uppercase;
}

.lang-settings__link__header {
	color: #807f7f !important;
}

.footer-ajuntament-reus__row {
	height: auto !important;
}

.form-group--line .form-control {
  padding-top: 0;
  border: 1px solid #999;
  min-height: inherit
}

.form-control-horizontal {
	width: auto !important;
	display: inline-block !important;
}

.form-group--noborder select.form-control {
	padding-right: 1.2rem !important;
	cursor: pointer;
}

.datepicker.dropdown-menu {
	background-color: #60213b;
}

.datepicker.dropdown-menu .datepicker-days {
	margin: .6em;
		
}

.datepicker .day {
	background-color: #fff !important;
}

.datepicker-days thead tr th, .datepicker-months thead tr th, .datepicker-years thead tr th, .datepicker-centuries thead tr th, .datepicker-decades thead tr th{
	background-color: #60213b !important;
	color: #fff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	left: -1.20rem;
	cursor: pointer !important;
}

.custom-control-label{
	cursor: pointer !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.links_colapsable {
	color: blue; 
	font-size: 13px; 
	font-style: italic;
}

/** Stepper **/
button.step-trigger {
	pointer-events: none;
}
div.active button.step-trigger .bs-stepper-label {
	color: black;
}
.active.step {
	border-radius: 25px;
	border: 2px solid var(--bs-reus-granate);
}

.search-address {
	margin-top: -8.1rem !important;
}

@media (max-width: 767.98px) {
	.search-address {
		margin-top: -12.5rem !important;
	}
}

/* REPETIBLES */

.bloqueRepetible .card-footer {
	background:white;
	overflow:hidden;
}
.false-card-footer {
	padding: 0 1.25rem 1.25rem 1.25rem ;
}

.vertical-group{
	height: auto;
}

.caja-gris {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}


/* Otro */
.w-33 {
	width: 33% !important;
}

:root {
    --extra: 0.1em;
    --ancho-canon: calc(var(--extra) + 1em);
    
    --h-letter-spacing: 0.25em;
    --letter-spacing: calc(0.5em + 1px);
    
    
    
    /*--spacing: calc(0.3em + 4px);*/
}

.mono {
    font-family: 'Courier New', Courier, monospace;
}
.space {
    letter-spacing: var(--letter-spacing);
}

.fondostrip {
    width: fit-content;
    --left: 5px;
    
    /* background-color: #eee; */
    background-image: repeating-linear-gradient( -90deg, white, white var(--ancho-canon), #999 var(--ancho-canon), #999 calc(1px + var(--ancho-canon)) );
    background-repeat: space;
    background-position-x: 0.25em;
    background-clip: content-box;
    background-size: calc(21*var(--ancho-canon) + 0.1em);
    
}
        
.inputok {
	
	border-color: var(--bs-green) !important;
	border-width: 3px !important;
	
	
}
.inputNOok {
    
    animation: zoom-in-zoom-out 0.8s ease 0.1s;
    
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}        
 
/* Anchura de modales bootstrap custom */

@media (min-width: 1200px ) {
  .modal-custom-w {
    max-width: 1000px;
  }
}

@media (min-width: 1400px ) {
  .modal-custom-w {
    max-width: 1200px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px !important;
  }
}

.modal-body .row:last-of-type{
	border-bottom: 0 !important;
}