:root {
  /* #4868BF in decimal RGB */
	/*   Value default */
  --theme: #d81e05;
  --swiper-theme-color: gray !important;
}

/** Global **/
.bar-header {
     background: var(--theme);
     color: #fff;
     display: flex;
}

.txt-danger{
	color: #d81e05 !important;
}

body {
    color: #545454 !important;

}

.card-footer {
    padding: 0.75rem 0.5rem !important;
   
}

.iconFooter{
    font-size: 2em;
    margin-left: 1rem;
    color: #9CB0BC;
    text-decoration: none;

}

.iconFooter:hover{
	color: #9CB0BC;
}

.bg-danger{
	background-color: #d81e05 !important;
}

.bg-light{
	background-color: #f5f6f7 !important;
}

.bg-size {
	min-height: 16rem !important;
}

.card-clientes{
	background-color: #f7f6f4 !important;
	border: 0px;
}

.noList{
	list-style: none;
}

.preloader {
	width: 70px;
	height: 70px;
 	border: 8px solid #eeeeee;
 	border-top: 8px solid #c31f09;
	border-radius: 50%;
	animation-name: girar;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#process-loader {
    width: 40% !important;
    height: auto !important;
    left: 32% !important;
    top: 100px !important;
    z-index: 2012 !important;
    border-radius: 20px !important;
}

@keyframes girar {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.loader {
	border-radius: 10px;
}

.noScroll{
	overflow: hidden;
}

.whatsapp {
	position: fixed;
	width: 70px;
	height: 70px;
	bottom: 4%;
	right: 50px;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 35px;
	z-index: 100;
}

.textHorarios{
	font-size: 14px;
}

a{
	text-decoration: none;
	color: gray;
}

input[type=text], input[type=number] {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    outline: none;
    width: 100%;
    font-size: 1rem !important;
    margin: 0 0 15px 0;
    box-shadow: none;
    transition: all .3s;
    background: transparent;
    padding-left: 0 !important;  
}

select {
	border: none !important;
  	border-bottom: 1px solid gray !important;
  	background-color: transparent !important;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.adviser-phone {
     color: var(--theme);
     background-color: var(--white);
     padding: 6px 12px;
     border-radius: 5px;
     position: relative;
     margin-left: 125px;
}
 .adviser-phone::before {
     content: "";
     width: 1px;
     height: 80px;
     background: var(--grey-dark);
     position: absolute;
     left: -60px;
     top: -18px;
}


.margenImagenModal{
	margin: -4%;
	
}

.modal-cabecera {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px);
}
.modal-cabecera .btn-close {
	margin: -1rem 0rem 0 0;
    border: none;
    background-color: transparent;
    font-size: 1.2rem;
}


.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: .3rem;
    outline: 0;
}

.txtMensajeModal{
	font-family: 'Noto Sans', sans-serif;
	font-size: 14pt;
}



.timeexit .btn-close {
  background: none;
  margin: 0.4rem;
}

.card-fix{
	min-height: 250px;
}

/** Personalizados Primefaces ***/
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: 0;
    overflow: hidden;

}


.ui-dialog {
	top: 20% !important;
	border-radius: 10px !important;
}

.ui-dialog .ui-dialog-titlebar{
	background: #fff !important;
}

/*** Indice de Oficinas **/
.txtBuscador{
	font-size: 18pt;
}
.text-banner-contacto{
	font-size: 14px;
}

.verMasPqr{
	font-size: 12px;
}

.pipeVertical {
    border-right: 1px double white;
    margin-top: 3%;
    height: 100px;
    line-height: 0.8;
}

.pipeVertical-contactos {
    border-right: 1px double white;
    margin-top: 1%;
    margin-bottom: 1%;
    height: 108px;
}

.main-banner .main-banne-right {
    position: absolute;
    height: 330px;
    width: 700px;
    right: 48%;
    background-image: -webkit-linear-gradient(197deg, #d81e05 87%, #fff0 50%);
}

.main-banner .main-banne-right-mobile {
    position: relative;
    height: 40%;
    width: 100%;
    background-color: #d81e05;
}

.main-banner .main-banne-left img {
    height: 330px;
    width: 770px;
}

.link_terminos {
    color: var(--theme);
}

.text-banner{
    font-size: 0.9rem !important;
}

.container {
    max-width: 100% !important;
}

.container-indice {
	max-width: 70rem !important;
}

.card-size {
	height: 12rem !important;
}

.i-menu-style {
	font-size: 1.5rem;
	color: gray;
	font-weight: 700;
}

.container-buttons {
    margin: 0 auto;
    width: 100%;
    decoration: none;
}

.container-buttons-interno {
    margin: 0 auto;
    width: 50%;
}

.container-buttons a, .container-buttons a {
    text-decoration: none;
    text-align: center;
}

.buttons {
    background-color: #bbb;
    display: block;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
}

.colorTextoBotones {
	color: #D81E05 !important;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}




.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745 !important;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

.form-control:focus,
.form-select:focus {
	color: #3C3C3C;
	border-color: #C2C2C2;
	outline: 0;
	box-shadow: none;
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
	border-color: #198754;
	box-shadow: none;
	background: transparent;
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
	border-color: #dc3545;
	box-shadow: none;
	background: transparent;
}

.circle {
	line-height: 0;		
	display: inline-block;
	margin: 5px;
    border: 2px solid var(--theme);
	border-radius: 50%;	/* relative value */
	transition: linear 0.25s;
    height: 105px;
    width: 105px;
}

.circle-img {
	border-radius: 50%;
}




.img-modal {
    position: absolute!important;
    bottom: 0%;
    right: 2%;
    opacity: 0.3 !important;
    width: 80% !important;
}

.img-modal-2 {
    position: absolute!important;
    bottom: 0%;
    right: 2%;
    opacity: 0.3 !important;
    width: 60% !important;
}


.tituloImagenes{
    position: absolute;
    top: 49%;
    left: 51%;
    transform: translate(0%,-38%);
    margin: 0;
    padding: 0;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: normal;
}

.tituloImagenesBanner{
	position: absolute;
    top: 45%;
    left: 11%;
    right: 13%;
    transform: translate(0%,-39%);
    margin: 0;
    padding: 0;
    color: white;
    font-size: 2.9rem;
    line-height: 1;
}

.tituloImagenesBanner-RC{
    position: absolute;
    top: 49%;
    left: 4%;
    right: 50%;
    transform: translate(0%,-39%);
    margin: 0;
    padding: 0;
    color: white;
    font-size: 2.5rem;
    line-height: 1;
}

.textoImagenesBanner{
    position: absolute;
    top: 58%;
    left: 11%;
    right: 24%;
    transform: translate(0%,-38%);
    margin: 0;
    padding: 0;
    color: white;
    font-size: 1rem;
    line-height: normal;
}

.tituloHeader{
	margin-bottom: 1rem;
    margin-top: 0.8rem;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
	
	.footerText{
	  font-size: 1.4em;
	}
	
    .tituloHeader{
		margin-bottom: 0rem !important;
   		margin-top: 0rem !important;
   	 	font-size: 0.8rem !important;
	}	
	
	.modal-cabecera .btn-close {
    	margin: -3rem 0rem 0 0;
	
	}
	
	.pipeVertical {
   		border-right: 0;
    	line-height: 0.8;
	}
	
	.colorTextoBotones {
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}	
	
	.ui-dialog {
	    width: 86% !important;
	    left: 8%!important;
	}
	
	
 	#process-loader {
	    width: 86% !important;
	    left: 8% !important;
	}

	.tituloImagenesBanner {
	    position: absolute;
	    top: 15%;
	    transform: translate(0%,-39%);
	    margin: 0;
	    padding: 0;
	    color: white;
	}
	

	.textoImagenesBanner {
	    position: absolute;
	    top: 29%;
	    right: 4%;
	    transform: translate(0%,-38%);
	    margin: 0;
	    padding: 0;
	    color: white;
	    font-size: 1.3rem;
	}
	
	.tituloImagenesBanner-RC {
	    position: absolute;
	    top: 36%;
	    left: 3%;
	    right: 11%;
	    transform: translate(0%,-39%);
	    margin: 0;
	    padding: 0;
	    color: white;
	    line-height: 1;
	    font-size: 2.3em!important;
	}	
	
	.tituloImagenes{
	    position: absolute;
	    top: 49%;
	    left: 47%;
	    transform: translate(0%,-38%);
	    margin: 0;
	    padding: 0;
	    color: white;
	    font-weight: bold;
	    font-size: 1rem;
	    line-height: normal;
	}
	
	
	
	.tamanoTextos{
		font-size: 1.4rem;		
	}
	
    .tamanoTextos-Carros{
		font-size: 1.4rem;
		border-radius: 15px;
    	padding: 1.1rem;
	}
	
	[class*=" bi-"]::before{
	 	font-weight: bold!important;
	}
	
	.bi-chevron-right::before {	  
	    font-size: 1.5em;	  
	}	
	

	
	.icono-menu-close{
	 	background: url(../../../resources/images/delegadas/icon-menu-close.PNG) no-repeat;
	 	width: 50px;
	 	height: 50px;
	}
	
}


@media (min-width: 768px) and (max-width: 959px) {

   	.modal-cabecera .btn-close {
    	margin: -3rem 0rem 0 0;
	
	}
   
   .container {
    	max-width: 915px !important;   
	}
	
	.tituloImagenesBanner {
	    position: absolute;
	    top: 43%;
	    left: 8%;
	    transform: translate(0%,-39%);
	    margin: 0;
	    padding: 0;
	    color: white;
	    font-size: 2rem;
	    line-height: normal;
	}
	
	.tituloImagenesBanner-RC {
	    position: absolute;
	    top: 37%;
	    left: 21%;
	    right: -6%;
	    transform: translate(0%,-39%);
	    margin: 0;
	    padding: 0;
	    color: white;
	    font-size: 2rem;
	    line-height: normal;
	}	
	
	
	
	.textoImagenesBanner {
	    position: absolute;
	    top: 64%;
	    left: 21%;
	    right: -5%;
	    transform: translate(0%,-38%);
	    margin: 0;
	    padding: 0;
	    color: white;
	    font-size: 1rem;
	    line-height: normal;
	}
	
	.tituloImagenes{
	    position: absolute;
	    top: 49%;
	    left: 60%;
	    transform: translate(0%,-38%);
	    margin: 0;
	    padding: 0;
	    color: white;
	    font-weight: bold;
	    font-size: 1rem;
	    line-height: normal;
	}	
	
	

	
}