:root {
    --azul-inst: #FA5555;
    --titles: #223955;
    --gray: #A2ACB7;
    --gray2: #61676E;
    --rojo: #FA5555
}

/* Background e Imagen de Fondo */

[dir=ltr] .bg-dark {
    background-color: var(--azul-inst) !important;
}
[dir=ltr] .preloader {
    background: var(--azul-inst);
}
[dir=ltr] .image-bottom-home {
    position: relative;
    background: url(../../assets/images/backgrounds/citroscut/fondo.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
[dir=ltr] .image-bottom-home::before{
    background: rgba(0, 0, 0, 0.4);
}

/* Boton "contratar" */

[dir=ltr] .btn-update {
    color: var(--azul-inst);
    background-color: transparent;
    border-color: var(--azul-inst);
}
[dir=ltr] .btn-update:hover {
    color: var(--white-inst);
    background-color: var(--azul-inst-hov);
    border-color: var(--azul-inst-hov);
}
.boton_txt {
    color: white;
}


/* Menu Derecho */

[dir=ltr] .sidebar-active {
    color: var(--azul-inst) !important;
}
[dir=ltr] .sidebar-light .sidebar-menu-button:hover {
    color: var(--azul-inst) !important;
}
[dir=ltr] .sidebar-menu-text:hover {
    color: var(--azul-inst) !important;
}


/* Menu Combobox */

[dir=ltr] .dropdown-item:hover {
    color: var(--azul-inst);
}


/* Modal Eliminar Contacto --- Color Botones */

.swal2-styled.swal2-confirm {
    width: 179px;
    padding: 0.6em 0.2em;
    outline: none;
    color: var(--white-inst) !important;
    background-color: var(--azul-inst) !important;
    margin-bottom: 10px;
    margin-right: 16px;
}

.swal2-styled.swal2-deny {
    width: 179px;
    padding: 0.6em 0.2em;
    background-color: var(--azul-inst) !important;
    outline: none;
    margin-bottom: 10px;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: none !important;
}


/* Menu Cuenta */

[dir=ltr] .dropdown-item.active, [dir=ltr] .dropdown-item:active {
    color: var(--azul-inst);
    text-decoration: none;
    background-color: transparent;
}

/* Botones Configuracion de Cuenta */

[dir=ltr] .btn-success {
    background-color: var(--azul-inst);
    border-color: var(--azul-inst);
}

[dir=ltr] .btn-success:hover {
    color: #fff;
    background-color: #4DA8F0;
    border-color: #4DA8F0;
}

/* Agrupaciones */




[dir=ltr] .btn-success.disabled, [dir=ltr] .btn-success:disabled {
    color: #fff;
    background-color: #4DA8F0;
    border-color: #4DA8F0;
}

[dir=ltr] .btn-success:focus, [dir=ltr] .btn-success.focus {
    color: #fff;
    background-color: var(--azul-inst) !important;
    border-color: var(--azul-inst) !important;
    /* box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%), 0 0 0 0.2rem rgb(233 76 92 / 50%); */
    box-shadow: none !important;
}

.titleConfig{color: var(--titles);font-size: 16px;font-weight: 600;font-family: 'Open Sans';}
.descriptionConfig{font-size: 13px;font-weight: 600;font-family: 'Open Sans';text-transform: none;color: var(--gray);letter-spacing: normal;}
.labelConfig{font-family: 'Open Sans';font-size: 14px;color: var(--gray2);margin-bottom: 2.5px!important;}
.btn-custom-sm{padding: 0.275rem 0.875rem!important;}
.btn-custom-lg-w{max-width: 175px!important;}
.img-50{height: 50px!important;width: auto!important;}
.row-image-form{margin-left: 62px;}
.clear-both{clear: both;}
.row-h1-form{font-size: 24px;margin-top: 12px;}
.row-h2-form{font-size: 16px;color:var(--gray)!important;}
.row-h3-form{font-size: 14px;color:var(--gray)!important;}
.row-image-form .form-control,.row-h1-form .form-control,.row-h2-form .form-control, .row-h3-form .form-control{height: calc(1.5em + 0.3rem + 2px);padding: 0.15rem 0.5rem;line-height: 1.5;border-radius: 0.2rem;}
.optpre{overflow: auto;max-height: 200px;}
.searchCodigoPais{margin: auto auto auto 10px!important;}
.areaval{width: 70px!important;}
.extval{width: 100px!important;}
.numerosval{width: 150px!important;}
.form-control.address{margin: 2px 5px;}
.form-control.address.street,.form-control.address.country{width: 250px;}
.form-control.address.city{width: 170px;}
.form-control.address.cp {width: 100px;}
.h-rate{font-size: 26px!important;font-weight: 600!important;margin-top: 10px!important;margin-left: 25px;}
.rating{height: 23px;}
.div-rate{margin-top: 20px;}
.drop-tags .dropdown-item.a-drop-select,.drop-tags > .dropdown-item{font-size: 12px;padding: 0.12rem 0;color: #61676E;}
.drop-tags > .dropdown-item{color: var(--rojo);}
.dropdown-menu.drop-tags{min-width: 110px;padding: 16px 15px;}
.delete-item-row{margin-top: 6px;}