h2 {color: #013A81;}

.bgRosaInteresse{
	background-color: #e9168c !important;
}

.bgAzulInteresse{
	background-color: #013A81 !important;
}

.bgAzulInteresse2{
	background-color: #0075C9 !important;
}

.bgAzulInteresse3{
	background-color: #009FE3 !important;
}

.bgAzulInteresse4{
	background-color: #29CBFB !important;
}
.bgAzulInteresse5{
	background-color: #29cbfb0d !important;
}
.bgAzulCieloInteresse{
	background-color: #92c7e4 !important;
}

.bgGrisInteresse{
	background-color: #616161 !important;
}

.bgGrisLowInteresse{
	background-color: #FAFDFD !important;
}

.bgVerdeInteresse{
	background-color: #95d600 !important;
}

.bgRojoInteresse{
	background-color: #dc3545 !important;
	color: #fff;
}

.bgNaranjaInteresse{
	background-color: #ffb700 !important;
}

.bgMoradoInteresse{
	background-color: #9f1b96 !important;
}

.bgRedInteresse{
	background-color: #dc3545 !important;
}

.bgproductoSeleccionado{
	background-color: #e9f6ec !important;
}

.bgBeneficiosCelda{
	background: rgba(0,0,0,.05);
}

.bgGrisOdessa{
	background-color: #424242 !important;
}

.colorAzulInteresse{
	color: #013A81 !important;
}
.colorAzulInteresseSmall{
	color: #013A81 !important;
	font-size: 13.5px;
}

.colorGrisInteresse{
	color: #616161 !important;
}

.colorGrisInteresseSmall{
	color: #616161 !important;
	font-size: 13.5px;
}

.colorGrisInteresse2{
	color: #a5a5a5 !important;
}

.colorGrisLowInteresse{
	color: #FAFDFD !important;
}

.colorAzulInteresse3{
	color: #009FE3 !important;
}
.colorAzulInteresse4{
	color: #29CBFB !important;
}
.colorVerdeInteresse{
	color: #95d600 !important;
}
.colorNaranjaInteresse{
	color: #ffb700 !important;
}
.colorAzulInteresse2{
	color: #0075C9 !important;
}
.colorRedInteresse{
	color: #dc3545 !important;
}

.btAzul2{
	border-top: 0.15rem solid #009FE3 !important;
    overflow: hidden;
}

/*
 * COBRANZA
 */
.flag-roja{
	color: red;
}
.flag-amarilla{
	color: #FFD800;
}
.flag-verde{
	color: #8ac700;
}

/*
 * LOADING
 */
.spinner{
	width: 100%;
    padding: 5%;
    text-align: center;
}
.spinner i{
    transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
	vertical-align: bottom;
	font-size: 2rem;
}
.spinner i{
    -animation: spin .8s infinite linear;
    -webkit-animation: spin2 .8s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-webkit-keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/*
 * UTIL
 */
.addpointer{
	cursor: pointer;
}
/*
 * CENTRO DE AYUDA
 */
#cadesktop .iconobuscar{
	background-color: white;
}
#categorias .card-header{
	border-radius: 10px;
}
#categorias .respuesta{
	display: none;
}
#ayudaContainer button i{
	font-size: 2rem;
}

.fa-bell{
	font-size: 2rem;
}

/* Iconos de tipos de póliza */
.st0{fill:#FFFFFF;}
.st3{fill: transparent;}
.fillAzulInteresse2{fill: #0075C9;}
.fillVerdeInteresse{fill: #95d600;}
.fillNaranjaInteresse{fill: #ffb700;}
.fillMoradoInteresse{fill: #9f1b96;}

/* Tamaño de fuentes personalizados*/
.fs5{
	font-size: 5rem !important;
}
.fs4{
	font-size: 4rem !important;
}
.fs3{
	font-size: 3rem !important;
}
.fs2-5{
	font-size: 2.5rem !important;
}
.fs2{
	font-size: 2rem !important;
}
.fs1-8{
	font-size: 1.8rem !important;
}
.fs1-6{
	font-size: 1.6rem !important;
}
.fs1-4{
	font-size: 1.4rem !important;
}
/*20px*/
.fs20px{
	font-size: 1.25rem !important;
}
/*18px*/
.fs18px{
	font-size: 1.125rem !important;
}
/*16px*/
.fs16px{
	font-size: 1rem !important;
}
.fs1-2{
	font-size: 1.2rem !important;
}
.fs1{
	font-size: 1rem !important;
}
.fs0-9{
	font-size: 0.9rem !important;
}
.fs0-8{
	font-size: 0.8rem !important;
}
/*14px*/
.fs14px{
	font-size: 0.875rem !important;
}
/*12px*/
.fs12px{
	font-size: 0.75rem !important;
}.fs0-7{
	font-size: 0.7rem !important;
}
.fs10px{
	font-size: 0.625rem !important;
}
.fs0-6{
	font-size: 0.6rem !important;
}
.fs0-5{
	font-size: 0.5rem !important;
}
.fs0-4{
	font-size: 0.4rem !important;
}
.fs0-3{
	font-size: 0.3rem !important;
}

#navbar .banner {
	width: 80%;
}
#navbar .boton {
	width: 20%;
}
.opacity-middle{
	opacity: 0.5;
}
.text-decoration-none{
	text-decoration: none !important;
}
.text-decoration-underline{
	text-decoration: underline !important;
}
.white-space-normal{
	white-space: normal !important;
}

.w-5{
	width: 5% !important;
}
.w-10{
	width: 10% !important;
}
.w-20{
	width: 20% !important;
}
.w-35{
	width: 35% !important;
}
.w-45{
	width: 45% !important;
}
.w-60{
	width: 60% !important;
}
.w-55{
	width: 55% !important;
}
.w-80{
	width: 80% !important;
}
.w-90{
	width: 90% !important;
}

select.form-control {
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;

  	background: url(/images/down-arrow.svg?d51c4cbdf58ed633c094cc393e644e66);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position-y: center;
    background-position: right 10px center;
}

.text-transparent{
	color: transparent !important;
}


#configuraAcceso .contrasenias,
#configuraAcceso .extras {
	width: 100%;
}
#configuraAcceso .centro {
	width: 0%;
}

@media (min-width: 576px) {
	#configuraAcceso .contrasenias,
	#configuraAcceso .extras {
		width: 47.5%;
	}
	#configuraAcceso .centro {
		width: 5%;
	}
}

.navbar-brand img{
    vertical-align: text-bottom;
}
.navbar-brand img.cel{
    height: 1.28rem;
}
.navbar-brand img.lap{
    height: 1.9rem;
}
.navbar-brand2 img.lap{
    height: 2.2rem;
}

.navbar-brand-odessa img.cel{
    height: 4.28rem;
}

.navbar-brand-odessa img.lap{
    height: 4.9rem;
}

.dropzone > div > input[type="file"] {
	width: 100% !important;
}

.carousel-indicators li {
  	width: 10px;
  	height: 10px;
  	border-radius: 100%;
  	background-color: #eaeaea;
}

.carousel-indicators .active {
    background-color: #949494;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #28a745;
    background-color: #28a745;
}

.appstoreBkg{
	background-image: url('/img/appstore.png?v=1');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
	width: 160px;
	height: 57px;
	display: inline-block;
	background-color: transparent;
}
.test-tet{
	background-color: red;
	color: white;
	font-size: 40px;
}
.appstoreBkgMazda{
	background-image: url('/img/logos/mazda_app_store.png?v=1');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
	width: 170px;
	height: 60px;
	display: inline-block;
	border-radius: 0.75rem;
}

.googlePlayBkg{
	background-image: url('/img/googleplay.png?v=1');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
	width: 160px;
	height: 57px;
	display: inline-block;
	background-color: transparent;
}

.qri365{
	background-image: url(/img/qr-i365.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: none;
	width: 100px;
	height: 100px;
	display: inline-block;
	background-color: transparent;
}

.linediv{
	border: 1px solid #009FE3;
	border-radius: 1px;
}
.password-icon {
    float: right;
    position: relative;
    margin: -25px 10px 0 0;
    cursor: pointer;
    color: #616161 !important;
}
.password-iconN {
    float: right;
    position: relative;
    margin: -26px 30px 0 0;
    cursor: pointer;
    color: #616161 !important;
}
.password-iconRN {
    float: right;
    position: relative;
    margin: -26px 30px 0 0;
    cursor: pointer;
    color: #616161 !important;
}

.tooltipBeneficiarioPreferente{
	width: 370px;
	background-color: #013A81 !important;
}

.btnCotizaAuto{
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.icono-poliza {
    cursor: pointer;
    width: 100%;
    max-width: 7rem;
    min-width: 3.6rem;
}

.header__bottom {
	border-bottom: 1px solid #e5e5e5;
}

#logo_personalizado {
	height: 45px;
}

.custom-dropdown {
    position: relative;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
}

.custom-dropdown-selected {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s ease;
}

.custom-dropdown-selected:hover {
    border-color: #023a81;
}

.custom-dropdown-selected::after {
    content: '';
    width: 10px;
    height: 10px;
    border: solid #023a81;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-left: auto;
}

.custom-dropdown-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
    display: none;
	padding-left: 0;
    list-style-type: none;
}

.custom-dropdown-options.active {
    display: block;
}

.custom-dropdown-option {
    padding: 10px 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.custom-dropdown-option:hover {
    background-color: #f5f5f5;
    color: #023a81;
}

.custom-dropdown-option.selected {
    background-color: #e8f0fe;
    font-weight: bold;
    color: #333;
}

.custom-input {
    position: relative;
}

.custom-input-field {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.custom-input-field:focus {
    border-color: #023a81;
}

.custom-input-field:focus + label,
.custom-input-field:not(:placeholder-shown) + label {
    top: -10px;
    font-size: 12px;
    color: #023a81;
}

.alert-custom {
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 0.9rem;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.8s ease, transform 0.8s ease;
	margin-bottom: 1rem;
}

.alert-custom.fade-in-custom {
    opacity: 1;
    transform: translateY(0);
}

.alert-success-custom {
    background-color: #e9f7ef;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger-custom {
    background-color: #fbe9e7;
    border-color: #f5c6cb;
    color: #c82333;
}

.alert-minimal-custom {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif; /* Simple font */
    font-weight: 400;
}

.fw-semibold {
    font-weight: 500;
}

.text-muted {
    color: #6c757d;
}

.spinner-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9999;
}

.spinner {
	width: 50px;
	height: 50px;
	animation: rotate 2s linear infinite;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.spinner .path {
	stroke: #d9534f;
	stroke-linecap: round;
	animation: dash 1.5s ease-in-out infinite;
}