:root {
    --tarifaiNaranja: #E94E15;
    --tarifaiNegro: #000;
    --tarifaiAzul: #102542;
    --tarifaiAzulClaro: #97b1d7;
    --tarifaiCeleste: #4ec6db;
    --gris: #666;
    --negro: #000;
    --tarifaiRojo: rgb(217,92,92);
    --grisContainer: #a4a0a01a;
    --tarifaiVerde: #06d6a0;
    --notificacionOK: rgb(91, 189, 114);
    --notificacionWarning: #f9850c;
    --tarifaiGris: #f6f5f5;
    --tarifaiGrisMedio: #979797;
    --tarifaiAmarillo: #ffc107;
    --tarifaiAzulVerdoso: #b8cfe5;
    --grisClaro: #e6e6e6;
}

/* Fondo sólido, sombra y tamaño adaptado al contenido */
.toast {
    position: fixed !important;
    background-color: #fff !important; /* evita transparencia por defecto */
    opacity: 1 !important; /* sin translúcido */
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
    width: max-content !important; /* se ajusta al contenido */
    max-width: 50vw !important; /* protege en móviles */
}

.toastKO {
    background-color: rgb(217,92,92) !important;
}

.toastOK {
    background-color: #67d19c !important;
}

.toastInfo {
    background-color: #fff3cd !important;
}

/* Espacio para que la X no tape el texto */
.toast-body {
    padding-right: 2rem !important;
}

/* X visible y bien colocada */
.toast-close {
    position: absolute;
    top: .35rem;
    right: .35rem;
    /* quita el recuadro gris */
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    /* aspecto del icono */
    font-size: 1.25rem;
    line-height: 1;
    color: #000;
    opacity: .75;
    padding: 0; /* sin padding para que no se vea “caja” */
    cursor: pointer;
}

    .toast-close:hover {
        opacity: 1 !important;
    }

/* Margen entre varios toasts (opcional) */
.toast + .toast {
    margin-top: .5rem !important;
}

.bi-clock-history {
    color: #9a5b00 !important;
}

.bi-check2-circle {
    color: #12b76a !important;
}

.badge-status .bi-check2-circle {
    color: #067647 !important;
}

.bi-x-circle {
    color: #991b1b !important;
}

.bi-exclamation-octagon {
    color: #d92d20 !important;
}

.btn-min-width-100 {
    min-width: 100px;
}

.navBar50 .bi::before, [class*=" bi-"]::before, [class^="bi-"]::before {
    line-height: 1.5;
}

@font-face {
    font-family: TitilliumWeb-ExtraLight;
    src: url('../../scripts/google/css/fonts/TitilliumWeb-ExtraLight.ttf');
}

@font-face {
    font-family: Inter;
    src: url('../../scripts/google/css/fonts/Inter-VariableFont_slnt,wght.ttf');
}

@font-face {
    font-family: TitilliumWeb-SemiBold;
    src: url('../../scripts/google/css/fonts/TitilliumWeb-SemiBold.ttf');
}
/* GENERICOS */
.w-33{
width: 33%;
}

.w-66 {
    width: 66%;
}

.fa-solid, .fas{
    font-weight: normal !important;
}

.modal {
    z-index: 1055 !important;
}

.modal-backdrop {
    z-index: 1050 !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
    display: none !important;
}

.is-invalid:not(.switch-input) {
    border: 1px solid #dc3545 !important;
}
.fade-in {
    opacity: 1;
    transition: opacity 0.4s ease-in;
}

.fade-out {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

.mbc-12 {
    margin-bottom: 12px;
}

.pt-6{
    padding-top:6px !important;
}

.defaultBoxShadow {
    box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
}

.contenidoSeccionB2C h5 {
    margin-bottom: 0px !important;
}

.activate-pointer-events{
    pointer-events: all !important;
}

/* */
#container {
    padding: 0px !important;
}

#container.mainContainer {
    background-color: var(--grisContainer) !important;
    padding-left: 56px !important;
}

.ui-dialog {
    border: 1px solid #CBCBCB !important;
    border-radius: 5px;
    box-shadow: 1px 2px 7px -2px var(--gris) !important;
}

.mainBackgroundColor {
    background-color: var(--grisContainer) !important;
}

input[readonly], .btn.disabled {
    background-color: #e9ecef !important;
    opacity: 1;
    pointer-events: none;
}

.btn.disabled {
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.btnCheck, .btnRadio, .form-control, .form-select, .btn {
    font-size: 14px !important;
}

.cardHeaderAzul {
    background-color: #0d6efd !important;
    height: 41px !important;
}

    .cardHeaderAzul span {
        font-size: 20px !important;
        font-weight: 500 !important;
        color: #fff;
    }

.divInfoPagina {
    background-color: #26425a !important;
    height: 40px;
}

    .divInfoPagina span {
        font-size: 20px;
        color:#fff;
    }

label.btnCheck.is-invalid {
    border-color: red;
    color: red;
}

.btn.toggle.is-invalid {
    border-color: red;
}

.btn.toggle.is-invalid .toggle-off{
    color:red !important;
}

.btn.toggle.is-invalid .toggle-off:hover {
    color: #fff !important;
}

hr.tarifaiSeparator {
    border-top: 1px solid !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 999;
}

/* BOOTSTRAP MODAL */
.modal.show {
    opacity: 1 !important;
}

.modal-backdrop.show {
    z-index: 5 !important;
}

.btn-modal {
    font-size: 14px !important;
    width: 90px !important;
}

.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.modal .form-control{
    font-size:14px;
}

.modal .multiple_emails-input {
    padding: 0 5px 0 10px;
    height: 35px;
    border-radius: 3px !important;
    margin: 0px;
}

.modal .multiple_emails-input:focus {
    box-shadow: 0 0 5px #101C54;
}

/* OVERRIDE ESTILOS */
Input .Edicion, Input.Deshabilitado {
    height: auto !important;
}

.page-link{
    font-size:14px !important;
}

/** radio buttons **/
.tarifai-radio-group .btn {
    font-size: 14px;
}

.tarifai-radio-group .btn-outline-secondary:hover {
    background-color: #5c636a !important;
    color:#fff !important;
}

.tarifai-radio-group .btn-outline-primary {
    background-color: #fff;
}

.tarifai-radio-group .btn-outline-primary:hover, .divBtnCapRecomendados:hover  {
    background-color: #0b5ed7 !important;
    color: #fff !important;
}

.accordion-header button {
    height: 40px;
    background-color: #26425a !important;
    color: #fff;
    font-weight: normal !important;
    font-size: 1.25rem !important;
}

.accordion-header button:not(.collapsed) {
    color: #fff;
}

.confirmarPreemisionDlg .accordion-header button {
    background:#fff !important;
}


.accordion-button::after {
    filter: brightness(0) invert(1); /* blanco */
}

/** slide checkbox **/
.toggle .toggle-on {
    background-color: transparent !important;
    border-color: var(--bs-secondary) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.toggle .toggle-off {
    background-color: transparent !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-secondary) !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.toggle .toggle-off:hover {
    color: #fff !important;
}

.toggle .toggle-handle {
    border: none !important;
}

.toggle.btn.btn-secondary .toggle-handle {
    background-color: #fff !important;
}

.toggle.btn.btn-secondary:focus .toggle-handle {
    opacity:1 !important;
}

.toggle.btn.btn-outline-secondary.off .toggle-handle {
    background-color: #ccc !important;
}

.toggle.btn.btn-outline-secondary.off:focus .toggle-handle {
    opacity: 1 !important;
}

.toggle:focus-visible .toggle-off {
    color: var(--bs-btn-hover-color) !important;
}

/* NUM PROYECTO, EDITAR PROYECTO, TEST */
.InfoProyecto {
    font-size: 12px;
    min-height: 55px;
}

.iconoInfoProyecto{
    display:none;
}

.divAccionesProyecto50 {
    position: absolute;
    right: 0px;
    top: 0px;
}

.btn-dialogo-si, btn-dialogo-no{
    position:relative;
    z-index:2;
    width: 80px !important;
}

/* Código postal */
input.txtCodigoPostal {
    height: 35px;
}

/* SIGUEINTE ATRAS*/
.divBtnConductores{
    text-align:center;
}

.nextTab {
    border-radius: 5px !important;
    padding: 5px;
    min-width: 194px !important;
    width: auto !important;
    color: #000;
    height:37px;
}

.nextTab:not(.cmdTarificar):not(.irTarificar):not(:hover):not(:focus):not(:focus-visible) {
    background: #fff;
}

.nextTab.cmdTarificar {
    width: 150px !important;
}

.prevTab {
    border-radius: 5px !important;
    padding: 5px;
    min-width: 194px !important;
    width: auto !important;
    height: 37px;
}

.prevTab:not(.cmdTarificar) {
    background: #fff;
}

/* LOADING */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.03);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.progress-bar-glow {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #0d6efd, #6f42c1, #0d6efd);
  background-size: 300% 100%;
  animation: glowMove 2s linear infinite;
}

@keyframes glowMove {
  0% { background-position: 0% 0%; }
  100% { background-position: 300% 0%; }
}


/* POP UP: BUSCADOR */
.tablaBuscador60 .btn {
    font-size: 14px;
}

.tablaBuscador60 .form-control{
    font-size:14px;
}

/* Estilo general del select */
.EdicionListBox {
    font-size: 14px;
    line-height: 1.4;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #999 #f1f1f1; /* thumb / track para Firefox */
}

/* Estilo del scrollbar en Webkit (Chrome, Edge) */
.EdicionListBox::-webkit-scrollbar {
    width: 6px;
}

.EdicionListBox::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.EdicionListBox::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 3px;
}

/* Quitar borde azul de enfoque */
.EdicionListBox:focus {
    outline: none;
    box-shadow: none;
    border-color: #999;
}

/* Cambiar color del item seleccionado */
.EdicionListBox option:checked {
    background-color: #d3d3d3; /* gris claro */
    color: #000;
}

/* Opcional: mejora visual al pasar el ratón */
.EdicionListBox option:hover {
    background-color: #e6e6e6;
    color: #000;
}   

/* POP UP: EDITAR PROYECTO*/
.divInfoPopupEditarProyectoDialog .ui-dialog-buttonset {
    float: none !important;
    text-align: right;
}

/* SELECTOR VEHICULOS */
.table > :not(caption) > * > * {
    padding: .5rem !important;
}

.table-sm > :not(caption) > * > * {
    padding: .5rem !important;
}

#react-sel-vehiculos-root .accordion-header h2{

}

#react-sel-vehiculos-root .accordion-header button, #react-sel-inmuebles-root .accordion-header button {
    height: 40px;
    background-color: #26425a !important;
    color: #fff;
    font-weight: normal !important;
    font-size: 1.25rem !important;
    z-index: 0;
}

#react-sel-vehiculos-root #cardVehiculoSeleccionado .card-body, #react-sel-inmuebles-root #cardInmuebleSeleccionado .card-body{
    padding-top: 10px;
    padding-bottom: 10px;
}

.imgMarca, .imgLogoInmueble {
    height: 50px;
}

/* FORM-TOGGLE */
.toggle.btn {
    height: 34px;
    width: 50%;
}

/* FORM-SWITCH */
.form-switch .form-check-input {
    width: 3rem !important;
    height: 1.5rem !important;
}

.divContenedorAdmin50 .form-switch .form-check-input {
    width: 34px !important;
    height: 19px !important;
}

/* SECTION HEADERS */
.tarifai.card-header {
    height: 38px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #537a96 !important;
    color: #fff;
}

.tarifai.card-header span{
    font-size: 14px !important;
}

.tarifaiSection.card-header {
    background-color: #26425a !important;
    color: #fff !important;
    height:40px;
}

.tarifaiSubSection {
    background-color: #537a96 !important;
    color: #fff !important;
    height: 34px;
    line-height: 26px;
}

/* AJUSATR PRIMA */
.ajustarPrima table {
    background: #fff;
}

.ajustarPrima .tarifaiSection.card-header {
    display: table-cell !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 4px;
    padding-bottom: 3px;
}

.ajustarPrima .tarifai.card-header {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 38px;
}

.ajustarPrima .sectionBorder {
    border: 1px solid rgba(0, 0, 0, 0.175);
}

.ajustarPrima .borderLeft {
    border-left: 1px solid rgba(0, 0, 0, 0.175);
}

.ajustarPrima .borderRight {
    border-right: 1px solid rgba(0, 0, 0, 0.175);
}

.ajustarPrima .borderBottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}

.ajustarPrima .borderTop {
    border-top: 1px solid rgba(0, 0, 0, 0.175);
}

.ajustarPrima .tdContent {
    display: flex;
    align-items:center;
    height: 54px;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.ajustarPrima .height-10{
    height:10px;
}

.ajustarPrima .height-16 {
    height: 16px;
}

.ajustarPrimaBottom {
    position: relative;
    left: -2px;
    top: -1px;
    width: calc(100% + 3px);
}

/* RGPD */
.divBloqueAceptacionGDPR {
	height: 30px;
	display: flex;
	align-items: center; /* centra verticalmente */
	gap: 8px;
}

	/* Ocultar el checkbox real */
    .divBloqueAceptacionGDPR .switch-input > input, .divMostrarCapitalesKO .switch-input > input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

.switch-slider,
.switch-text {
	vertical-align: middle;
	display: inline-block;
}

/* Pista (track) */
.divBloqueAceptacionGDPR .switch-slider, .divMostrarCapitalesKO .switch-slider {
    display: inline-block;
    width: 46px;
    height: 22px;
    background: #fff; /* OFF */
    border-radius: 999px;
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
    transition: background .2s ease, box-shadow .2s ease;
    box-shadow: inset 0 0 0 1px #cfd3d7;
}

	/* Botón (thumb) */
    .divBloqueAceptacionGDPR .switch-slider::after, .divMostrarCapitalesKO .switch-slider::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #cfd3d7;
        box-shadow: 0 1px 1px rgba(0,0,0,.15);
        transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }

/* ON (usando :has sobre el span contenedor) */
.divBloqueAceptacionGDPR .switch-input:has(> input:checked) + .switch-slider, .divMostrarCapitalesKO .switch-input:has(> input:checked) + .switch-slider {
    background: #0d6efd;
    box-shadow: none;
}

    .divBloqueAceptacionGDPR .switch-input:has(> input:checked) + .switch-slider::after, .divMostrarCapitalesKO .switch-input:has(> input:checked) + .switch-slider::after {
        transform: translateX(24px);
        background: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,.25);
    }

/* Accesibilidad: foco visible en el conjunto */
.divBloqueAceptacionGDPR .switch-input:has(> input:focus-visible) + .switch-slider, .divMostrarCapitalesKO .switch-input:has(> input:focus-visible) + .switch-slider {
    outline: 2px solid #86b7fe;
    outline-offset: 2px;
}

/* Estado disabled */
.divBloqueAceptacionGDPR .switch-input:has(> input:disabled) + .switch-slider, .divMostrarCapitalesKO .switch-input:has(> input:disabled) + .switch-slider {
    opacity: .6;
    cursor: not-allowed;
}


/*Estado content error*/
.divBloqueAceptacionGDPR .switch-input.is-invalid + .switch-slider, .divMostrarCapitalesKO .switch-input.is-invalid + .switch-slider {
    box-shadow: 0 0 5px 4px #dc3545; /* borde rojo tipo Bootstrap */
}


/* HELP TOOLTIP */
.helpTooltip {
    margin-left: 6px;
    color: #666;
}
small b{
    font-size: 11px;
}

.card-header.tarifai .helpTooltip, .tarifaiSubSection .helpTooltip, .card-header.tarifaiSection .helpTooltip {
    color: #fff;
}

#ttcont {
    border-radius: .25rem !important;
    border: 1px solid #ccc;
    padding: 10px;
}

/* MENSAJES ERROR */
.message-error {
    background: #fdecea;
    border-left: 4px solid #f28b82;
    color: #c62828;
}

.message:not(#loading-screen .message) {
    display: flex;
    align-items: flex-start;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 5px;
}

/* FINAL CONTRATO */
.divFinalContrato50 {
    height: 97vh;
    color: #102542;
    margin-right: 60px;
}

.divFinalContrato50 .card, .divFinalContrato50 .card-header, .divFinalContrato50 .card-body {
    background: #fafafb;
}

.divFinalContrato50 .titleRiesgo {
    color: #667085
}
     
.divFinalContrato50 .lblDetalleEmision {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #1b2838;
}

.divFinalContrato50 .lblDetalleEmision::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .24rem;
    border-radius: 3px;
    background: #0069ff;
}

.divFinalContrato50 .badge-status {
    font-size: 12px;
    min-width: 104px;   
}

.divFinalContrato50 .badge-emitida {
    background: #d1e7dd;
    color: #067647;
}

.divFinalContrato50 .badge-solicitud {
    background: #fff3cd;
    color: #b76e00;
}

.divFinalContrato50 .badge-error {
    background: #f8d7da;
    color: #842029;
}

.divFinalContrato50 .cardFinalContrato::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .55rem;
}

.divFinalContrato50 .cardFinalContratoAzul::before {
    background: #0069ff;
}

.divFinalContrato50 .cardFinalContratoGris::before {
    background: #bdc1c7;
}

.divFinalContrato50 .cardFinalContratoVerde::before {
    background: #67d19c;
}

.divFinalContrato50 .cardFinalContratoAmarillo::before {
    background: #ffe599;
}

.divFinalContrato50 .cardFinalContratoRojo::before {
    background: #f8d7da;
}

.divFinalContrato50 .precioPrimerAnyo {
    color: #888888;
}

.divFinalContrato50 .divBloqueInformacionPoliza {
    background: #fff;
    border: 1px solid #e0e7ff;
}

.divFinalContrato50 .linkImprimir {
    color: #0069ff;
}

.divFinalContrato50 .notificacionesUsuario {
    height: auto;
    color: #fff;
}

    .divFinalContrato50 .divHeader {
        background: #f3f4f6;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        top: -10px;
    }

    .divFinalContrato50 .bellAnimacion {
        border-radius: 5px;
    }

    .divFinalContrato50 .quick-action-link {
        color: #4a576b;
        border-radius: 5px;
    }

    .divFinalContrato50 .quick-action-link:hover, .divFinalContrato50 .bellAnimacion:hover {
        background: #dedfe0 !important;
    }

.divFinalContrato50 .quick-action-link:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 60%;
    background: rgba(0, 0, 0, 0.1);
    transform: translateY(-50%);
}

.divFinalContrato50 .quick-action-link i:before {
    padding-top:5px;
}

input.resaltarCampoObligatorio,
.resaltarCampoObligatorio {
    border-bottom: 4px solid var(--tarifaiNaranja) !important;
}

/* ADMIN LISTS */

.adminHeader {
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 3px solid #dee2e6;
}
/*************************************/

html * {
    font-family: Inter !important;
    font-size: 14px;
}

.displayNone {
    display: none;
}

.span-12 span input[type=checkbox] {
    margin-left: 0px;
    border-color: #999999;
}

.NoTextBox:focus {
    box-shadow: 0 0 0px #101c54 !important;
}

.lbjs .lbjs-list .lbjs-item:hover:not([disabled]) {
    color: #FFFFFF;
}

.LabelCorrecto {
    color: #99bf12;
    margin-left: 20px;
}

.LabelError {
    color: #f34039;
    margin-left: 20px;
}

.paddingRight24 {
    padding-right: 24px;
}

.width15 {
    width: 15px;
    float: left;
}

.largeTextBox {
    width: 97% !important;
}

.defaultfieldset .tablaCoberturas select {
    width: 88px;
}

.defaultfieldset .tablaCoberturas input[type="text"] {
    width: 75px;
}

.defaultfieldset .tablaCoberturas {
    font-size: 10px !important;
}

.dialogCessLabel {
    width: 150px;
}

.dialogCessLabelLong {
    width: 400px;
}

.dialogCessTitulo {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    background-color: #aaaaaa;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #ffffff;
}

.gridButtons .right span {
    display: block;
    height: 23px;
    padding-top: 1px;
}

.gridButtons .right.buttonStyle {
    width: 128px !important;
}

.comparativaCoberturas ul {
    height: auto !important;
    margin-bottom: 20px !important;
}

.dlgVistaComparativa .logoEmpresaComparativa {
    margin-top: 10px;
    min-height: 50px;
}

.defaultfieldset .tablaCoberturas tr td {
    max-width: 100px !important;
    text-align: center;
}

    .defaultfieldset .tablaCoberturas tr td img {
        margin-left: 15px !important;
    }

.tablaAdicionales {
    margin-bottom: 0px;
}

.fixed {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 100;
}

.span-10 .span-3 {
    max-height: 25px;
}

.nifMaskBuscador, .nifMask, .maskMatricula, .nifcif, .txtNIF, .txtPolizaVivienda {
    text-transform: uppercase;
    /*width: 73% !important;*/
}

.txtMatriculaAuto {
    width: 100% !important;
}

.span-6 .txtMatriculaAuto {
    width: 170px !important
}

.filaIdentificacion tr td, .cambioContrasenya tr td {
    text-align: left;
}

.filaIdentificacion tr td span, .cambioContrasenya tr td span {
    display: block;
    padding-left: 30px;
}

.iconoContainerMensaje {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #979797;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mensajeIconoContainer{
    color: #979797 !important;
    display: flex;
    align-items: center;
}

.Mensaje {
    text-align: left;
}

.iconos {
    display: block;
    float: left;
    height: 25px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 5px;
}

    .iconos img {
        cursor: pointer;
    }

.iconosAutorizaciones {
    display: block;
    height: 25px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 15px;
}

    .iconosAutorizaciones img {
        cursor: pointer;
    }

.iconosTooltip {
    display: block;
    float: left;
    height: 18px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.iconosDecesos, .iconosComercio, .iconosViajes {
    display: block;
    float: left;
    height: 15px;
    margin: auto;
    overflow: hidden;
    width: 53px;
    text-align: center;
    margin-top: 5px;
}

.tarifaBloqueada {
    display: block;
    float: left;
    height: 22px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    margin-top: 5px;
}

.iconos-adicionales {
    height: 26px;
}

.iconos img {
    margin-right: 2px;
}

.precio .franquicia, .tarifaFields .franquicia {
    font-size: 9px;
    color: #888888;
    overflow: visible;
}

.precioPrimaRecibos {
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    overflow: visible;
}

.tablaCoberturas tbody tr:nth-child(2n) td, tbody tr.even td {
    background-color: #eeeeee;
}

.span-17 .lbjs {
    height: 380px;
    border-radius: 0px;
    padding: 8px;
}

.collapsedColumn h4 {
    margin-bottom: 0px !important;
    color: #FFFFFF !important;
    padding: 0 !important;
}

.collapsedColumn {
    min-height: 20px !important;
    cursor: pointer;
}

p.titleFiltrar {
    margin-left: 3%;
    font-size: 14px;
    margin-bottom: 5px;
}

.collapsed {
    display: none;
}

#hlVolver50{
    text-decoration: none;
}

.menuAdministration {
    margin-top: 55px;
}

.menuAdministration a:focus, .menuAdministration a:hover {
    color: #ffffff;
}

/*Barra con seleccionable ramos en p?gina principal TODO quitar cuando se una con cotizador cliente*/
.headerRect {
    display: none;
    visibility: hidden;
}

.addPaddingBottom5 {
    padding-bottom: 5px;
}

.addPaddingBottom10 {
    padding-bottom: 10px;
}

.addPaddingBottom20 {
    padding-bottom: 20px;
}

.addPaddingTop5 {
    padding-top: 5px;
}

.addPaddingTop3 {
    padding-top: 3px;
}

.addPaddingLeft20 {
    padding-left: 20px;
}

.addPaddingRight20 {
    padding-right: 20px;
}

.addPaddingRight10 {
    padding-right: 10px;
}


/* Espacio */
hr {
    background: none !important;
    border-top: none !important;
}
/*
H2 dentro del banner del header
*/
.HeaderBanner h2 {
    margin-top: 9px;
}
/*Clase cursor*/
.Cursor {
    cursor: pointer;
}
/*H2 en el master page*/
h2 {
    color: #FFFFFF;
}
/*Navigation dentro del header*/
.Navigation {
    font-size: 1.2em;
    padding-top: 20px;
}
/*Banner dentro del footer*/
.FooterBanner {
    height: 55px;
}
    /*
Imagen dentro del footer
*/
    .FooterBanner img {
        padding: 10px;
        max-width: 90px;
    }
/*
Clase para no tener bold
*/
.NoBold {
    font-weight: normal;
}

.compleFieldSet {
    border-left: 10px solid #cccccc !important;
    border-top: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
}

.botonesContratacion,
.divDatosProyectoCliente {
    border: none !important;
    margin-bottom: 10px;
    padding: 10px;
    background-color: white;
    box-shadow: 2px 2px 4px 0px #c6c6c6;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.botonesContratacion {
    text-align: center;
}

    .botonesContratacion input[type="submit"], .botonesContratacion .cmdEmitir {
        margin: 0 31%;
    }

        .botonesContratacion .cmdEmitir span {
            display: block;
            overflow: hidden;
            margin: 0px auto;
        }


.defaultfieldsetnoborder {
    border: none;
    padding-bottom: 10px;
}

.versionAnteriorAdmin img {
    margin-left: 10px;
}

.defaultfieldset.span-24,
.defaultfieldsetnoborder.span-24,
.divDatosProyectoCliente.span-24 {
    min-width: 1000px;
    max-width: 1200px;
    width: 100%;
}

.slider {
    overflow: hidden;
    margin-bottom: 20px;
}

.expandDiv {
    overflow: hidden;
}

hr {
    color: #FFFFFF;
}

#slider-wrapper {
    width: 950px !important;
    max-width: 950px !important;
}

.datosProyecto div {
    font-size: 12px !important;
    line-height: 1.6em;
    overflow: hidden;
}

.diccionarios .largeSelect {
    width: 100%;
}

.imageActiveNoActive {
    cursor: pointer;
}

.defaultfieldset .span-24, .defaultfieldset .span-20, .defaultfieldset .span-7, .defaultfieldset .span-9, .defaultfieldset .span-3, .defaultfieldset .span-17, .defaultfieldset .span-6, .defaultfieldset .span-5, .defaultfieldset .span-2, .defaultfieldset .span-4, .defaultfieldset .span-10, .defaultfieldset .span-12, .defaultfieldset .span-16, .defaultfieldset .span-17, .defaultfieldset .span-13 {
    min-height: 35px;
    margin-bottom: 5px;
}

.span-7.numCuenta {
    width: 260px;
}

.span-7 {
    min-height: 25px;
}

.headerTable .span-17 {
    min-height: 25px;
}

.headerTable input[type="text"] {
    margin: 0.5em 0;
}

.defaultfieldset .span-05 {
    width: 15px;
    float: left;
    margin-right: 0;
}

.defaultfieldset .listadoDerechos .span-16 {
    min-height: 0px;
}

.addMarginLeft-10 {
    margin-left: -10px;
}

.emitirMandatos input {
    margin-right: 10px;
}

.obtenerCertificado img {
    margin-right: 10px;
}

.obtenerCertificado span {
    font-style: italic;
}

.obtenerCertificado {
    cursor: pointer;
}

.contenedorDatosMandato {
    display: block;
    float: left;
    overflow: hidden;
}

.textAreaPromociones {
    border: 1px solid #999999 !important;
    border-radius: 0 !important;
    height: 16px;
    margin: 0 !important;
    padding: 5px !important;
}

.fileUpload input {
    border: 1px solid #999999 !important;
    border-radius: 0 !important;
    height: 25px;
    margin: 0 !important;
    padding: 5px !important;
}

.divCoberturasComunesAccidentes input[type="text"]:not(.form-control) {
    width: 170px !important;
}


.divDatosNegociacion input[type="text"] {
    width: 170px !important;
}

.defaultfieldset.dialogCessLong {
    margin: 0;
    width: 460px;
    padding: 0 5px 0 5px;
    height: 16px;
    border-radius: 0px !important;
    border-width: 1px;
    border-color: #999999;
    border-style: solid;
}

#grdExtras select {
    margin: 0;
    padding: 0 5px 0 10px;
    height: 35px;
    border-radius: 3px !important;
    border-width: 1px;
    border-color: #d5d5d5;
    border-style: solid;
}

.chosen-container-single .chosen-single {
    margin: 0;
    padding: 0 5px 0 10px !important;
    height: 35px !important;
    border-radius: 3px !important;
    background: #fff !important;
    font-size: 0.9em !important;
    line-height: 33px !important;
}

.buttonStyle.height33 {
    height: 33px !important
}

    .chosen-container-single .chosen-single div {
        padding-top: 5px;
    }

.dialogCessDatosCliente {
    width: 1141px;
    float: left;
    margin-right: 0px;
    padding: 5px;
    border-width: 1px;
    border-color: #999999;
    border-style: solid;
}

.span-7 select.cboCiasReemplazo {
    border: 1px solid #999999;
    margin: 0;
    max-width: 260px;
    width: 260px;
}

/*.defaultfieldset .sectionSubTitle {
    margin-bottom: 0px;
    min-height: 30px;
}

.defaultfieldset .subSectionTitle {
    margin-bottom: 0px;
    min-height: 30px;
    max-height: 27px;
    margin-top: 15px;
    margin-bottom: 15px;
}*/

.fnt16pt {
    font-size: 16px;
}

.Bold, tr.Bold td {
    font-weight: bold;
}


.first {
    margin-right: 0;
}

.borderTop {
    padding-top: 10px;
}

.defaultfieldset h4 {
    margin-left: 10px;
    margin-top: 10px;
}

.sectionTitleComparativa h4 {
    margin-left: 10px;
    margin-top: 10px;
}

.mercedes-sectionTitle {
    width: 940px;
}

    .mercedes-sectionTitle span, .mercedes-sectionTitle h4 {
        font-size: 25px !important;
        font-weight: bold;
    }

.sectionTitle {
    width: 940px;
    background-color: white !important;
}

    .sectionTitle span, .sectionTitle h4 {
        font-size: 25px !important;
        font-weight: bold;
    }

        .sectionTitle span u {
            font-size: 25px !important;
        }

.subSectionTitle {
    background-color: transparent !important;
}

.companyias .subSectionTitle h6,
.CoberturasCompanyias .subSectionTitle h6 {
    border-bottom: 1px solid #666666;
}

.companyias .TablaSubCabecera .subSectionTitle,
.companyias .subSectionTitle td {
    padding-right: 30px !important;
}

    .companyias .subSectionTitle td h6.marginRight30 {
        margin-right: 0px !important;
    }

    .companyias .subSectionTitle td h6 {
        border-bottom: none !important;
    }

    .companyias .TablaSubCabecera .subSectionTitle span {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #666666;
    }

.TabAjusteProducto .subSectionTitle span,
.trTabAjusteCompanyia .subSectionTitle span {
    border-bottom: none !important;
}

.companyias .subSectionTitle h6 span,
.CoberturasCompanyias .subSectionTitle h6 span {
    color: #666666 !important;
}

.companyias .TabAjusteProducto .subSectionTitle h6, .companyias .trTabAjusteCompanyia .subSectionTitle h6,
.CoberturasCompanyias .TabAjusteProducto .subSectionTitle h6, .CoberturasCompanyias .trTabAjusteCompanyia .subSectionTitle h6 {
    border-bottom: 1px solid black;
}

    .companyias .TabAjusteProducto .subSectionTitle h6 span,
    .companyias .TabAjusteProducto .subSectionTitle h6 a,
    .companyias .trTabAjusteCompanyia .subSectionTitle h6 span,
    .CoberturasCompanyias .TabAjusteProducto .subSectionTitle h6 span,
    .CoberturasCompanyias .TabAjusteProducto .subSectionTitle h6 a,
    .CoberturasCompanyias .trTabAjusteCompanyia .subSectionTitle h6 span {
        color: black !important;
    }

.companyias .txtNumeroPiscinas ~ img {
    display: none;
}

.subSectionTitle h6 {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #101C54;
}

.subSectionTitle span {
    font-size: 17px !important;
    font-weight: bold;
}

.subSectionTitle .mensajeInfoPeritacion {
    font-size: 14px !important
}

.titleAccordionSection h6 {
    font-size: 14px !important;
    font-weight: bold;
}

.titleAccordionSection span {
    font-size: 14px !important;
    font-weight: bold;
}

.buttonDeleteStyle {
    color: #FFFFFF;
    height: 20px;
    cursor: pointer;
    font-size: 1.3em;
    padding-bottom: 0.1em;
    text-align: center;
    width: 20px !important;
}

.coberturasDisponibles span {
    font-size: 11px;
    font-weight: normal;
}

.no-bold, .no-bold label {
    font-weight: normal !important;
}

.selectCoberturas select {
    font-size: 11px !important;
    min-width: 400px !important;
}

.selectCoberturasConvenios select,
.selectCoberturasDeportes select {
    min-width: 600px !important;
}

.valorConcepto img {
    cursor: pointer;
}

.tablaCoberturasComparativa textarea.comentario {
    height: 40px;
    width: 130px;
}

.tablaCoberturasComparativa input.comentario {
    width: 270px;
}

.tablaCoberturasComparativa td, .tablaCoberturasComparativa tr {
    padding: 0px !important;
}

.tablaCoberturasComparativa .estiloCSS, .tablaCoberturasComparativa .valorConcepto .priceFormat {
    height: 20px !important;
    width: 60px !important;
}

.cmdAccionVentas {
    width: 150px !important;
    background-color: #666666;
    color: #FFFFFF;
    min-width: 70px !important;
    cursor: pointer;
    text-align: center;
    border: 1px solid #666666 !important;
}

.cmdAccesoAppCia {
    width: 190px !important;
    background-color: #666666;
    color: #FFFFFF;
    min-width: 70px !important;
    cursor: pointer;
    text-align: center;
    border: 1px solid #666666 !important;
}

.cmdAltaCliente {
    width: 220px !important;
    background-color: #F50407;
    color: #FFFFFF;
    min-width: 70px !important;
    cursor: pointer;
    text-align: center;
    border: 1px solid #666666 !important;
    margin-top: 5px;
}

.cmdComparativaPreview img, .cmdComparativaPreview span {
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-left: 10px;
}

.cmdComparativaPreview span {
    margin-right: 10px;
    margin-top: 2px;
}

.cmdComparativaPreview img {
    width: 20px;
}

.cmdComparativaPreview {
    background-color: #bbbbbb;
    cursor: pointer;
    padding: 3px 0 0;
}

.coberturasDisponibles {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px !important;
    padding-bottom: 10px;
}

.cmdComparativaPreview:hover {
    background-color: #EEEEEE;
}

p.comentarioCobertura {
    font-style: italic;
    font-size: 9px;
    margin: 0px;
}

.defaultfieldsetgraylight .ui-tabs {
    margin-top: 0px !important;
}

.defaultfieldset.divComparativaCoberturas .ui-tabs {
    margin-top: 0px !important;
}


.valorConcepto img:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
}

.NifButton, .buttonEmitir, .buttonStyle, .btnsZurichContrata, .footerInformes a, .buttonsConfigNuevoProducto, .nextTab, .nextTab input[type="submit"], .buttonsConfigContratosPendientes, .buttonStyleAutorizacion {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.3em;
    width: 30px !important;
    text-align: center;
}

.footerInformes a {
    background-color: #102542 !important;
    color: white !important;
}

.buttonsConfigElevia, .buttonsConfigEmpresa, .buttonsConfigProducto, .buttonsConfigContratosPendientes, .botonConfiguracionMaster input.Boton, .buttonCoberturasPopUp {
    color: white !important;
    background-color: #102542 !important;
    border: 1px solid black !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    height: 40px !important;
    padding: 5px 10px !important;
    cursor: pointer;
}

.recuadroConfiguracionMaster {
    width: 5px;
    height: 5px;
    background-color: #102542 !important;
}

.buttonsConfigElevia, .CoberturasGrid {
    margin-top: 10px !important
}

.buttonStyle, .deleteLogo {
    color: white !important;
    background-color: #102542 !important;
    border: 1px solid black !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    padding: 5px 10px !important;
    height: auto !important;
    width: auto !important
}

.divDatosPersonaMaster {
    background: none;
}

    .divdatosPersonaMaster .span-11,
    .divFormaPagoMasterContainer .span-11 {
        min-height: 40px;
    }

.divPasaporte {
    padding-top: 6px;
}

.buttonsConfigContratosPendientes {
    height: 24px;
    width: 136px !important;
}

.buttonsOficina span.buttonsConfigProducto {
    margin-right: 10px;
}

span.buttonsConfigProducto {
    display: block;
    height: 24px;
    padding: 0px 6px;
    width: 128px !important;
}

#cmdEliminar.buttonsConfigProducto {
    width: 166px !important;
}

.gestionEntrada #cmdEliminar.buttonsConfigProducto {
    width: 128px !important;
}

.buttonsConfigProducto span {
    display: block;
    padding-top: 2px;
}

.buttonsConfigNuevoProducto {
    height: 24px;
    width: 150px !important;
}

.buttonStyle {
    width: 100px !important;
}

.buttonStyleLarge {
    width: 190px !important;
    padding-top: 0px !important;
    margin-top: 5px;
    background-color: #666666;
    border: 1px solid #666666 !important;
    color: #fff;
}

.buttonStyleLarge2 {
    width: 235px !important;
    padding-top: 0px !important;
    margin-top: 5px;
    background-color: #666666;
    border: 1px solid #666666;
    color: #fff;
}

.buttonStyleLarge3 {
    width: 255px !important;
    padding-top: 0px !important;
    margin-top: 5px;
    background-color: #666666;
    border: 1px solid #666666;
    color: #fff;
}

.buttonStyleAutorizacion {
    padding-top: 0px !important;
    margin-top: 5px;
    width: 150px !important;
    background-color: #666666;
    border: 1px solid #666666 !important;
}

.buttonSolicitarPersonalizados {
    margin-top: 3% !important;
    margin-left: 10% !important;
    height: 19px !important;
}

.buttonEmitir {
    margin-left: 92.5%;
    margin-bottom: 3%;
}

.append-margin {
    margin-right: 10px;
}

.liquid-responsive .liquid-nav-right-arrow {
    top: 50px !important;
}

.liquid-responsive .liquid-nav-left-arrow {
    top: 50px !important;
    margin-left: 15px !important;
}

.marginBottom {
    margin-bottom: 10px !important;
}

.marginBottom5 {
    margin-bottom: 15px !important;
}

.marginBottom5 {
    margin-bottom: 15px !important;
}

.marginTop150 {
    margin-top: 150px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop17 {
    margin-top: 17px;
}

.marginTop22 {
    margin-top: 22px;
}

.marginTop11 {
    margin-top: 11px;
}

span.requiredNoBold {
    font-size: 11px;
    color: #101C54;
}

.marginTop12 {
    margin-top: 12px;
}

.liniaSeparadora {
    height: 1px !important;
    background: #101C54 !important;
}

span.required, .obligatorio {
    font-weight: bold !important;
    color: #000;
}

pre.required {
    font-weight: bold !important;
    font-size: 11px;
    color: #101C54;
}

.img-ayuda {
    cursor: pointer;
    width: 25px;
    margin-top: 0px;
    display: none;
}

td .Mensaje img {
    width: 15px;
}

.ModalDiv {
    left: 0 !important;
    padding: 0px !important;
    position: relative;
    width: 99% !important;
    z-index: 1002;
    margin-top: 5px;
    border: 1px solid red !important;
}

    .ModalDiv table {
        margin-bottom: 0px;
    }

.tablaMensajes {
    margin-bottom: 0px;
}

.descripcionModalidad {
    font-size: 15px;
    font-weight: bold;
}

.font15 {
    font-size: 15px !important;
}

#divDatosSeguro .span-10 img {
    width: 17px;
    float: left;
    margin-right: 5px;
}

.productoAdicionalInfo img {
    width: 25px;
    float: left;
    margin-right: 5px;
}

.addPadding15Adicional img {
    padding-top: 20px;
}

.productoAdicionalInfo span {
    display: block;
    float: left;
    margin-top: 5px;
}

.tablaMensajes td {
    padding: 4px 0px !important;
}

.tablaMensajes input[type="submit"] {
    float: right;
    margin-right: 2%;
}

.Mensaje img {
    padding-left: 5px;
    padding-right: 5px;
}

.addMarginRight {
    margin-right: 10px;
}

.inputHours input[type="text"] {
    width: 75px;
}

.tableEstadisticas tbody tr:nth-child(2n) td, tbody tr.even td, .ModalDiv tbody tr:nth-child(2n) td, tbody tr.even td {
    background: none repeat scroll 0 0 transparent !important;
}

.multiLineInput {
    height: 100px !important;
    resize: none;
}

.productoTag .largeSelect {
    width: 100% !important;
}

.largeSelect, .defaultfieldset .largeSelect {
    max-width: 599px;
    width: 599px;
}

.defaultfieldset .mediumSelectFormaPago {
    max-width: 390px;
    width: 390px;
}

.smallSelect input[type="text"], .smallSelect select {
    width: 90px;
}

.smallTextArea {
    width: 77.3%;
    height: 80px;
    border: 1px solid #999999;
    font-size: 0.9em !important;
}

.ui-widget textArea {
    border: 1px solid #999999;
    font-size: 0.9em !important;
}

.bigTextArea {
    width: 82.3%;
    height: 100px;
    border: 1px solid #999999;
}

.headerRect {
    height: 35px;
}

.margin20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.addPadding15Adicional {
    padding: 10px 15px;
}

.addPadding6 {
    padding: 6px;
}

.addPadding3 {
    padding: 3px;
}

.addPadding15 {
    padding: 15px;
}

.infoColorFinalContratacion {
    background-color: #E9F9B0;
    border-left: 10px solid #99bf12;
    border-top: 1px solid #99bf12;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    width: 660px !important;
}

.errorColorFinalContratacion {
    background-color: #FEBCBA;
    border-left: 10px solid #F34039;
    border-top: 1px solid #F34039;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    width: 660px !important;
}

.infoColor {
    border-left: 10px solid #99bf12;
    border-top: medium none;
}

.colorOk {
    background-color: #99bf12;
    border-left: 10px solid #FAAC58;
    border-top: 1px solid #FAAC58;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
}

    .colorOk span {
        margin-left: 10px;
    }

.divAvisoNifEmailMovilAseguradoMenor {
    border-left: none !important;
    border-top: none !important;
    margin-bottom: 10px !important;
    line-height: 32px;
}

.warningColor {
    background-color: #F3E2A9;
    /*border-left: 10px solid #FAAC58;*/
    /*border-top: 1px solid #FAAC58;*/
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
}

    .warningColor span {
        margin-left: 10px;
    }

.divMensajeProyectoGuardado {
    background: none;
    padding-left: 29px;
    color: #83a800;
}

.headerEstadisticas {
    display: block;
    overflow: hidden;
}

#tblDatos tbody tr td {
    background-color: #ffffff;
}

#txtFechaDesde_input, #txtFechaHasta_input {
    height: 14px !important;
}

#tablaFiltro #trRamo td {
    background-color: #ffffff !important;
}

.tableEstadisticas .TablaCabecera .CeldaCabecera {
    background-color: #ffffff !important;
    color: #666666 !important;
}

.TablaCabecera .CeldaCabecera {
    background-color: #666666 !important;
}

.CeldaCabeceraNoRequired {
    color: #101c54 !important;
}

.TablaCabecera .CeldaCabecera #lblTituloReport {
    font-weight: normal !important;
}

.widthPercent10, .widthPercent60, .widthPercent90, .widthPercent70, .widthPercent5, .widthPercent95, .widthPercent85 {
    float: left;
}

.tableEstadisticas table {
    width: auto;
}

.tableEstadisticas th, .tableEstadisticas td, .tableEstadisticas caption {
    padding: 0 !important;
}

.tableEstadisticas .noShow {
    display: none;
}

.tableEstadisticas table {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.tableEstadisticas #txtFechaDesde_input tr td {
    padding: 0px !important;
}

.widthPercent95 {
    margin-left: 1.5%;
    margin-right: 2.5%;
    width: 97% !important;
}

.widthPercent85 {
    width: 85% !important;
}

.widthPercent60 {
    width: 60% !important;
}

.widthPercent50 {
    width: 50% !important;
}

.widthPercent82 {
    width: 82% !important;
}

.widthPercent100 {
    width: 100% !important;
}

.widthPercent90 {
    width: 90% !important;
}

.widthPercent70 {
    width: 70% !important;
}

.widthPercent10 {
    width: 10% !important;
}

.widthPercent5 {
    width: 5% !important;
}

.footerBanner.span-30 {
    display: block;
    margin: 0 40px 10px;
    overflow: hidden;
    width: 95.9%;
}

.estadisticasForm #tablaFiltro {
    border-left: 0px;
    margin-top: -15px;
    padding-left: 10px;
    padding-top: 10px;
}

.headerBanner .span-16 h3 {
    color: #FFFFFF !important;
}

.defaultfieldset.infoColorBorder, .defaultfieldset .infoColor {
    border-left: 10px solid #99BF12;
    border-top: 1px solid #99BF12;
}

.defaultfieldset.errorColorBorder, .defaultfieldset.errorColor {
    border-left: 10px solid #F34039;
    border-top: 1px solid #F34039;
}

.defaultfieldset.warningColorBorder, .defaultfieldset .warningColor {
    border-left: 10px solid #FAAC58;
    border-top: 1px solid #FAAC58;
}

.operacionesErrors.errorColor, .divInsertCont .errorColor, .autorizacionesErrors.errorColor {
    padding-left: 10px;
    padding-right: 20px;
}

.divInsertCont .errorColor {
    padding-right: 0px;
}

#divResumenContratacion .KOColor, #divResumenContratacion .warningColor {
    padding-left: 10px;
    padding-right: 20px;
}

#divResumenContratacion .logoPDF img {
    width: 20px;
}

.formaPagoNoAdmitida {
    background-color: #f7d358;
    font-size: 12px;
    padding: 5px;
}

.LabelInfoMail {
    color: #0B610B;
    font-size: 12px;
}

.errorColor, .KOColor {
    border-left: 10px solid #F34039;
    color: #F34039;
    border-top: 1px solid #F34039;
    background-color: #F6CECE;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 2px;
    margin-bottom: 0px;
}

.productsMenu .rowProductMenu:nth-of-type(2n).errorColor {
    background: #F6CECE !important;
}

.KOColor span {
    display: block;
}

.AlertColor {
    border-left: 10px solid #FAAC58 !important;
    background-color: #F3E2A9 !important;
    border-top: 0px !important;
    width: 650px !important;
    font-weight: bold;
    color: #F34039;
    padding-top: 2px;
    padding-left: 10px;
}

.KOColor {
    border-top: none;
}

.KOColorSinFondo {
    font-weight: bold;
    color: #F34039;
}

.errorColor p {
    margin-left: 10px;
    padding: 2px 0;
}

.errorColor h4 {
    color: #F34039;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;
}

.logoPDF a, a .manualProducto {
    text-align: center;
    width: 25px;
    cursor: pointer;
}

.logoPDFAyuda {
    font-size: 26px !important;
}

.logoPDF a:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
}

.logoPDF a img, a .manualProducto {
    text-align: center;
    width: 25px;
}

#divResumenContratacion {
    margin-top: 5px;
}

.txtRiesgoMail {
    width: 184px;
}

.btnRiesgoMail {
    float: right;
}

.btnsZurichContrata {
    white-space: normal;
    width: 200px !important;
}

.documentacionZurich .span-6 {
    margin-top: 10px;
}

.textoNegrita {
    font-weight: bold !important;
}

.textoJustificado {
    text-align: justify;
}

.texto14 {
    font-size: 14px;
}

.importantText {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.addPadding15NoRight {
    padding: 15px 0px 15px 15px;
}

.addPadding7Left {
    padding-left: 7px;
}

.addPadding8Left {
    padding-left: 8px !important;
}

.addPadding7Bottom {
    padding-bottom: 7px !important
}

.addPadding7Right {
    padding-right: 7px !important
}

.marginRight56 {
    margin-right: 56px;
}

/* Clases para las p?ginas de administraci?n inicial y gesti?n de productos */
.filaInforme {
    border-bottom: 1px solid #dbdbdb;
    border-left: 10px solid #dbdbdb;
    color: #374140;
    font-size: 20px;
    width: 660px;
}

.MayorConversion75 {
    background-color: #5ebda9;
}

.MayorConversion50 {
    background-color: #82ccbd;
}

.MayorConversion25 {
    background-color: #a8dcd0;
}

.MayorConversion0 {
    background-color: #cdeae5;
}

.footerInformes {
    margin: 20px 0px;
}

    .footerInformes a {
        float: left;
        font-size: 14px;
        height: auto;
        min-height: 58px;
        padding: 10px 0;
        text-decoration: none;
        vertical-align: middle;
        white-space: normal;
        width: 186px !important;
        margin: 0px 29px;
    }

.tituloInformes {
    color: #656565;
    font-size: 16px;
}

.fechasInformes {
    font-size: 11px;
}

.menuAdministration .parentElement {
    border-bottom: 1px solid #FFFFFF;
    font-size: 13px;
    padding: 9px 0px;
}

    .menuAdministration .parentElement a {
        text-decoration: none;
        cursor: pointer;
    }

.menuAdministration .parentElement {
    background-color: #26425a !important;
}

    .menuAdministration .parentElement A,
    .menuAdministration .parentElement A:active,
    .menuAdministration .parentElement A:hover,
    .menuAdministration .parentElement A:link,
    .menuAdministration .parentElement A:visited {
        color: white !important;
    }

.optionsMenu a {
    text-decoration: none;
    cursor: pointer;
}

.optionsMenu .firstChild {
    font-size: 13px;
}

.optionsMenu .secondChild {
    font-size: 11px;
}

.optionsMenu .thirdChild {
    font-size: 10px;
}

.optionsMenu .fourthChild {
    font-size: 9px;
}

.optionsMenu .firstChild, .optionsMenu .secondChild, .optionsMenu .thirdChild, .optionsMenu .fourthChild {
    padding: 7px;
}

.menuAdministration .parentElement a span {
    margin-left: 10px;
}

.menuAdministration .parentElement {
    border-radius: 4px !important;
}

.menuAdministration .groupSecondChilds {
    background-color: white;
}

.filaInformeContainer div {
    font-size: 16px;
}

.filaInformeContainer {
    float: left;
    overflow: hidden;
    padding: 11px 9px;
}

.marginRight50 {
    margin-right: 50px;
}

.menuAdministration .activeMenu {
    font-weight: 600 !important;
}

#rColumn {
    margin-bottom: 20px;
}

.titleAdministration span {
    color: #102542 !important;
    font-size: 30px !important;
    font-weight: bolder !important;
}

.productsMenu .span-17, .listUsuarios .span-17, .listRoles .span-17, .listDiccionarios .span-17, .listHonorarios .span-17 {
    width: 660px;
}

.productsMenu.span-17 {
    width: 670px;
}

.inputFichaCliente {
    height: 23px !important;
    border-radius: 5px !important;
}

.headerTablasClientes {
    line-height: 16px !important;
    background-color: #666666;
    color: white;
    font-weight: bold;
    height: auto !important;
    font-size: 12px;
    padding: 10px 0px 10px 0px;
}

.headerTablasClientes span {
    margin-left: 10px;
}

.bodyGridTablaClientes {
    min-height: 35px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #cccccc;
}

.bodyGridTablaClientes div {
    text-align: center;
    word-wrap: break-word;
}

.lineHeight35 {
    line-height: 35px;
}

.fontSize14 {
    font-size: 14px !important
}

.fontSize16 {
    font-size: 16px !important
}

.fontSize24 {
    font-size: 24px !important
}

.fontSize18 {
    font-size: 18px !important
}

.headerGridColumna {
    height: auto;
    background-color: #dbdbdb;
    text-align: center;
    line-height: 35px;
    border-bottom: 0.5px solid grey;
    height: 35px;
}

.headerGridColumnaLeft {
    height: auto;
    background-color: #dbdbdb;
    text-align: left;
    line-height: 35px;
    border-bottom: 0.5px solid grey;
    height: 35px;
}

.TestProducto .cmdTest {
    height: 49px;
    padding-top: 22px;
}

.headerGrid div span {
    display: inline-block;
    font-size: 11px;
    vertical-align: middle;
}

.headerGridColumna span {
    display: inline-block;
    font-size: 11px;
    vertical-align: middle;
}

.headerGridColumnaLeft span {
    display: inline-block;
    margin-left: 15px;
}

.productsMenu .logoCompania, .productsMenu .dropButton {
    text-align: center;
    margin-top: 10px;
}

.productsMenu .detalleSeguro {
    font-size: 12px;
    padding-left: 10px;
}

.usersGrid div {
    text-align: left;
}

.productsMenu .dropButton .imgEliminar {
    padding-top: 18%;
}

.productsMenu .dropButton {
    margin-top: 14px;
}

.productsMenu .letterAlign, .productsMenu .cmdTest, .oficinasList {
    line-height: 47px;
    vertical-align: middle;
    text-align: center;
}

.productsMenu .cmdTest, .productsMenu .letterAlign {
    line-height: 74px;
}

.productsMenu .letterAlignNameProduct {
    position: relative;
    padding-top: 25px;
    text-align: center;
}

.productsMenu .detailAlign {
    position: relative;
    padding-top: 25px;
}

.headerGrid .detailAlign {
    text-align: left;
    padding-left: 20px;
}

.rowProduct .nombreRamo {
    font-size: 12px;
}

.rowValoracion .paddingLeft11 span, .noCollapsed {
    display: block;
}

.rowValoracion .puntuacionEstrellas, .imgAdicional, .tarifaBloqueada img, .tarifaBloqueadaDecesos img, .tarifaBloqueadaComercio img, .tarifaAutorizacion img {
    cursor: pointer;
}

.rowValoracion .concepto {
    font-size: 15px;
    font-weight: bold;
}


.ui-multiselect-menu.listadoComparativa .ui-multiselect-header ul li {
    padding: 0px;
}

.ui-multiselect-menu.listadoComparativa .ui-multiselect-checkboxes {
    overflow: auto;
}

.ui-multiselect-menu.listadoComparativa {
    border: 1px solid #cccccc !important;
}

.dlgVistaComparativa .headerDivVistaComparativa {
    display: inline-flex;
}

.dlgVistaComparativa {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

    .dlgVistaComparativa div.span-4, .dlgVistaComparativa div.span-6 {
        font-size: 10px;
        height: 35px;
        padding-left: 3px;
        padding-top: 1px;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional div {
        float: left;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional .nombreAdicional, .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional .precioAdicional {
        display: block;
        margin-top: 4px;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional .nombreAdicional {
        margin-right: 5px;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional .precioAdicional {
        font-weight: bold;
    }

    .dlgVistaComparativa div.span-6 {
        font-size: 11px;
    }

    .dlgVistaComparativa .headerDivVistaComparativa div.span-4, .dlgVistaComparativa .bodyDivVistaComparativa div.span-4, .dlgVistaComparativa .headerDivVistaComparativa div.span-6, .dlgVistaComparativa .bodyDivVistaComparativa div.span-6 {
        border: 1px solid #cccccc;
        text-align: left;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional {
        height: 21px;
    }

        .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional img {
            margin-top: 3px;
        }

    .dlgVistaComparativa .ordenAdicional {
        font-size: 8px;
    }

    .dlgVistaComparativa .iconosVistaComparativa div, .dlgVistaComparativa .iconosVistaComparativa img {
        float: left;
    }

    .dlgVistaComparativa .containerAdicional {
        height: 35px;
        width: 16px;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional div {
        border: 0px;
        font-size: 10px;
        height: 31px;
        padding-bottom: 3px;
        padding-left: 3px;
        padding-top: 3px;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional .precio {
        padding-right: 3px;
        font-size: 10px;
    }

    .dlgVistaComparativa .productosAdicionalesContainer .productoAdicional.span-10 {
        width: 388px;
    }

    .dlgVistaComparativa .productoAdicional input[type="checkbox"] {
        margin-top: 10px;
    }

    .dlgVistaComparativa .precio {
        font-weight: bold;
        text-align: right;
        font-size: 11px;
    }

        .dlgVistaComparativa .precio .franquicia {
            font-weight: normal;
            font-size: 9px;
        }

    .dlgVistaComparativa .bodyDivVistaComparativa {
        max-height: 552px;
    }

    .dlgVistaComparativa .productoAdicional .ordenAdicional {
        display: block;
        font-size: 11px;
        margin-top: 3px;
    }

    .dlgVistaComparativa .span-23 {
        text-align: left;
    }

    .dlgVistaComparativa .bodyDivVistaComparativa .contenedorFilas div:last-child {
        margin-right: 6px;
    }

    .dlgVistaComparativa span.iconosVistaComparativa {
        height: auto;
        text-align: left;
    }

        .dlgVistaComparativa span.iconosVistaComparativa img {
            padding-top: 2px;
        }

    .dlgVistaComparativa .headerDivVistaComparativa .span-4, .dlgVistaComparativa .headerDivVistaComparativa .span-6 {
        height: 45px;
        text-align: center !important;
    }

    .dlgVistaComparativa .headerDivVistaComparativa .headerCiaConfiguracion, .dlgVistaComparativa .headerDivVistaComparativa .headerCiaConfiguracion {
        height: auto;
    }

.doubleHeight {
    height: 70px !important;
}

.tripleHeight {
    height: 140px !important;
}

.dlgVistaComparativa .titleTablaComparativa span {
    display: block;
    font-size: 14px !important;
    font-weight: bold;
    margin-top: 9px;
    text-align: left !important;
}

.dlgVistaComparativa .containerAdicionales {
    margin-top: 10px;
}

.dlgVistaComparativa .productosAdicionalesContainer {
    min-height: 50px;
}

.dlgVistaComparativa .leyendaVistaComparativa div {
    margin-top: 5px;
    font-size: 10px;
}

.dlgVistaComparativa .bodyDivVistaComparativa .leyendaVistaComparativa {
    display: block;
}

.dlgVistaComparativa .leyenda img {
    width: 15px !important;
}

.rowComparativa .valoracion {
    display: block;
    font-size: 10px;
    margin-bottom: 2px;
    overflow: hidden;
}

.rowComparativa .descripcionValoraciones {
    background-color: #DDDDDD;
    border: 1px solid #999999;
    height: auto;
    padding: 10px;
    position: absolute;
    width: auto;
}

.rowComparativa .valoracionModalidad {
    margin-left: 15px;
}

.rowComparativa .descripcionValoraciones .close-icon {
    background-image: url("../../scripts/jquery/styles/images/ui-icons_333333_256x240.png");
    background-position: -32px -192px;
    float: right;
    height: 14px;
    padding: 0;
    width: 15px;
    cursor: pointer;
}

.rowComparativa .descripcionValoraciones .cmdCerrarValoracionesModalidad {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.rowComparativa .imgValoracionMedia {
    cursor: pointer;
}

.rowComparativa .descripcionValoraciones .contenedorConceptos {
    background-color: #FFFFFF;
    min-height: 16px;
    padding: 5px;
    margin-bottom: 5px;
}

    .rowComparativa .descripcionValoraciones .contenedorConceptos:last-child {
        margin-bottom: 0px;
    }

.rowComparativa .descripcionValoraciones .puntosConcepto {
    float: left;
    margin-left: 15px;
    padding: 0px;
}

.rowComparativa .descripcionValoraciones .headerConceptos {
    overflow: hidden;
    height: 62px;
}

    .rowComparativa .descripcionValoraciones .headerConceptos img {
        float: left;
    }

    .rowComparativa .descripcionValoraciones .headerConceptos .modalidadValoraciones {
        float: left;
        font-size: 14px;
        width: 346px;
        margin-top: 15px;
        text-align: left;
        margin-left: 2px;
        font-weight: bold;
    }

.rowComparativa .descripcionValoraciones .conceptoValoracion {
    float: left;
    padding: 0;
    text-align: left;
    width: 160px;
    width: 350px;
}

.messageInfo.span-17 {
    width: 650px;
    padding-left: 10px;
}

.buttonStyle.cmdVistaComparativa, .buttonStyle.cmdCoberturas, .buttonStyle.cmdVolverEmpresaSocioAunna {
    float: right;
    width: 185px !important;
}

.rowComparativa {
    height: 79px;
    overflow: hidden;
}

.rowComparativaVida {
    overflow: hidden;
}

.cmdCPrima {
    cursor: pointer;
}

.textLeft {
    text-align: left !important;
}

.rowNegocio {
    width: 655px;
}

    .rowNegocio .firstCell {
        width: 95px;
    }

.productsMenu .rowProduct, .productsMenu .rowProductAdicional, .oficinasList .rowOficina, .listUsuarios .rowUsuario, .listRoles .rowRol, .listDiccionarios .rowDiccionario, .listColectivas .rowNegocio, .listHonorarios .rowHonorarios {
    height: 47px;
    overflow: hidden;
}

.rowOficina, .rowUsuario, .rowModalidadesMenu, .rowHonorarios, .rowGrupo {
    line-height: 18px;
    padding: 10px 0px;
    height: auto !important;
    overflow: hidden;
    border-bottom: 1px solid #dee2e6;
}

.productsMenu .rowConfigProduct {
    height: auto;
    min-height: 74px;
}

.productsMenu .rowProductBackOffice {
    height: auto;
    overflow: visible;
}

.modulosList .rowModulo {
    min-height: 35px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .modulosList .rowModulo div {
        padding-left: 5px;
    }

.oficinasList .rowOficina .dropButton:hover, .oficinasList .rowOficina .editButton:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
}

.oficinasList .rowOficina .dropButton:hover, .oficinasList .rowOficina .editButton:hover {
    cursor: pointer;
}

.productoTag select {
    width: 300px !important;
    max-width: none !important;
}

#divConfiguracionProducto .bigSelect select {
    width: 400px !important;
    max-width: 400px !important;
}

.divDatosEnvioSae select {
    width: 200px !important;
    max-width: none !important;
}

.selectBig, .textBoxBig input {
    width: 226px !important;
    max-width: 226px !important;
}

.selectExtraBig, .textBoxExtraBig input {
    width: 530px !important;
    max-width: 530px !important;
}

.gestionEmpresaDetalles .span-4, .gestionFichaOficina .span-4, .gestionEmpresaDetalles .divGestion .span-5, .gestionEmpresaDetalles .divPreferenciasEmpresa .span-8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gestionEmpresaDetalles .divConfiguracionSRC .span-10, .gestionEmpresaDetalles .divConfiguracionSRC .divCentradoVertical, .divCentradoVertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.removeMarginRight10 {
    margin-right: -10px;
}

.removeMarginLeft20 {
    margin-left: -20px;
}

.addMarginLeft10 {
    margin-left: 10px;
}

.addMarginLeft5 {
    margin-left: 5px;
}

.addMarginLeft41 {
    margin-left: 41px;
}

.addMarginTop36 {
    margin-top: 36px;
}

.addMarginTop16 {
    margin-top: 16px;
}

.borderLeft {
    border-left: 0.5px solid grey;
}

#suplementosCabeceraContainer {
    width: 310px;
}

.productoTag label {
    font-weight: normal;
}

.productsMenu .cmdTest {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin-top: 0px;
    color: #ffffff;
    text-transform: uppercase;
}

.productsMenu .availableOficina, .productsMenu .availableEmpresa, .productsMenu .dropButton, .productsMenu .availableFirma {
    cursor: pointer;
}

    .productsMenu .availableOficina:hover, .productsMenu .availableEmpresa:hover, .productsMenu .dropButton:hover .availableFirma:hover {
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity = 50);
    }

.productsMenu .firstDiv {
    width: 87px;
}

.imgCompania {
    text-align: center;
}

.divAplicarSRC.disabled {
    opacity: 0.3;
    text-align: unset !important;
}

.rowComparativa .disabled {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity = 30);
    text-align: center;
    margin-top: 0px;
    cursor: default;
}

.listItem.tarificarButton {
    padding-left: 10px;
}

    .listItem.tarificarButton a {
        display: block;
    }


.gridButtons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.verDescripciones img.listaDescripciones {
    width: 19px;
}

.gridButtons .right {
    float: right;
    margin-left: 10px;
}

.gridButtonsDetalleDocumentacion .right {
    margin-left: 6px;
}

.headerRowRol .anadirDer {
    padding-left: 10px !important;
}

.headerRowRol .editarDerecho {
    padding-left: 23px;
}

.gridButtons .margin10 {
    margin-left: 10px;
}

.linkConfiguracion {
    text-decoration: none;
    cursor: pointer;
}

    .linkConfiguracion:hover {
        opacity: 0.5;
        filter: alpha(opacity = 50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    }

.headerInformes {
    background-color: #DBDBDB;
    float: left;
    padding: 15px 34px 15px 6px;
}

/* Fin clases para las p?ginas de administraci?n */
/*Inicio de clases para la p?gina de configuraci?n de producto*/
.titleAccordion .spanAccordion {
    margin-left: 30px;
    overflow: hidden;
    position: absolute;
    font-weight: bold !important;
    top: 25%;
    color: #101C54;
}

.titleAccordion .spanAccordionAsegurado {
    margin-left: 30px;
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    top: 67%;
}

/* Campos para backOffice de Elevia */
.txtBackOfficeElevia {
    width: 270px !important;
}

.aliasCompania {
    margin-top: 5px;
}

.txtAliasCompania, .txtAliasProducto1C, .txtAliasProducto2C, txtAliasProducto3C, txtAliasProducto {
    width: 160px;
    margin-bottom: 10px;
}

.titleAccordion {
    background-color: #FFFFFF !important;
    border-left: 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    height: 39px;
    border-bottom: 1px solid #cccccc !important;
    font-weight: normal !important;
}

    .titleAccordion:hover {
        background-color: #ffffff !important;
        background-image: none !important;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border-left: 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    font-weight: normal !important;
}

.ui-multiselect span {
    color: #666666;
    padding-left: 5px;
}

.ui-multiselect-checkboxes label.ui-state-hover {
    border-bottom: 0px !important;
}

.marginTop, .addMarginTop10 .span-16 {
    margin-top: 10px;
}

.marginTop5 {
    margin-top: 5px;
}

.max-width input[type="text"] {
    width: 94%;
}

.ui-accordion .ui-accordion-content {
    -moz-border-bottom: none !important;
    -moz-border-left: none !important;
    -moz-border-right: none !important;
    -moz-border-top: none !important;
    font-weight: normal !important;
    border-left: medium none !important;
    border-radius: 0px 0px 0px 0px;
    border-right: medium none !important;
    border-top: medium none !important;
    border-bottom: 0px !important;
    border-top: 1px solid #cccccc !important;
}

.hlManualProducto {
    cursor: pointer;
    text-decoration: none;
}

.containerManualProducto a .manualProducto {
    float: left;
    width: 20px;
}

.containerManualProducto a span {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.containerNombreSeguro {
    font-size: 12px;
    margin-top: 10px;
}

.containerImagenCompania img {
    margin-top: 15px;
    margin-left: 5px;
}

.noPaddingBottom {
    padding-bottom: 0px;
}

.noMarginBottom {
    margin-bottom: 0px;
}

.defaultfieldset .noMarginBottom {
    margin-bottom: 0px;
}

.containerTodasOficinas, .containerPromocionActivaEmpresa, .containerPromocionOficinas, .containerActivoOficina {
    background-color: #dbdbdb;
    border-left: 1px solid #ffffff;
}

    .containerTodasOficinas .no-last, .containerPromocionActivaEmpresa .no-last, .containerPromocionOficinas .no-last, .containerActivoOficina .no-last {
        margin-top: 10px;
    }

    .containerTodasOficinas .span-3, .containerPromocionActivaEmpresa .span-2, .containerPromocionOficinas .span-3, .containerPromocionOficinas .span-2, .containerActivoOficina .span-2 {
        text-align: center;
        font-size: 11px;
    }


.containerTodasOficinas, .containerTest, .containerPromocionOficinas, .containerActivoOficina {
    cursor: pointer;
    height: 71px;
}

.containerTest {
    cursor: pointer;
    border-left: 1px solid #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

.cmdTest {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}

.uppercaseText {
    text-transform: uppercase;
}

.containerTest #cmdTest {
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    margin-left: 2%;
    margin-top: 0;
    padding-top: 37%;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 69px;
}

.containerTest:hover, .containerPromocionOficinas:hover, .containerActivoOficina:hover {
    opacity: 0.5;
    filter: alpha(opacity = 50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.productoTag, .gestionEmpresa, .gestionEmpresaDetalles {
    padding-bottom: 0px;
}

    .productoTag .span-17, .gestionEmpresa .span-17, .gestionEmpresaDetalles .span-17 {
        margin-bottom: 0px;
    }

.divTest .noActive {
    visibility: hidden;
}

.divTest {
    cursor: default;
}

    .divTest:hover {
        opacity: 1;
        filter: alpha(opacity = 100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }


/*Fin de clases para la p?gina de configuraci?n de producto*/



/*Clases para la p?gina de gesti?n de empresa*/
.margin-5 {
    margin-top: -5px;
}

.maxHeightImage {
    height: 82px;
    overflow: hidden;
    max-height: 50px !important;
    min-height: 50px !important;
    margin-top: 10px;
}

    .maxHeightImage img {
        max-width: 90px;
        max-height: 50px;
    }

.containerSpin img {
    margin-top: -4px !important;
}

.tarificarButton {
    background-color: #666666 !important;
}

 .tarificarButton a {
     color: #FFFFFF !important;
 }

.linkViewPDF {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 5px;
    width: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-width: 40px !important;
}

.linkViewPDF i{
    margin-right: 0px !important;
}

.maxHeightBackground {
    overflow: hidden;
}

.maxHeightBackground img {
    width: 400px;
}

.controlsUpload input[type="file"] {
    float: left;
    width: 100px;
    color: #ffffff;
}

.checkboxEmpresa {
    margin-left: -4px;
}

.tresCifras {
    height: 20px;
    width: 34px !important;
}

.deleteLogo {
    float: right;
    margin-right: 15px;
}

div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 25px !important;
}

.maxWidth110 {
    width: 110px !important;
}

.maxWidth100 {
    width: 100px !important;
}

.padding5 {
    padding: 5px;
}

.paddingTop7 {
    padding-top: 7px;
}

.paddingTop8 {
    padding-top: 8px;
}

.paddingLeft20 span {
    padding-left: 20px;
}

.paddingLeft18 span {
    padding-left: 18px;
}

.paddingLeft15 span {
    padding-left: 15px !important;
}

.paddingLeft5 span {
    padding-left: 5px !important;
}

.paddingLeft13 span {
    padding-left: 13px;
}

.paddingLeft2 span, .paddingLeft2 {
    padding-left: 2px;
}

.paddingLeft0 span, .paddingLeft0 {
    padding-left: 0px !important;
}

.paddingLeft11 span {
    padding-left: 11px;
}

.paddingLeft30 span {
    padding-left: 30px !important;
}

.paddingLeft35span span {
    padding-left: 35px !important;
}

.paddingLeft40 span {
    padding-left: 40px;
}

.paddingLeft46 span {
    padding-left: 46px;
}

.paddingLeft36 span {
    padding-left: 36px;
}

.paddingLeft7 span {
    padding-left: 7px;
}

.paddingLeft5 span {
    padding-left: 5px;
}

.paddingLeft24 span {
    padding-left: 24px;
}

.paddingLeft27 span {
    padding-left: 27px;
}

.marginLeft2 {
    margin-left: 3px !important;
}

.paddingLeft33 {
    padding-left: 33px !important;
}

.paddingLeft35 {
    padding-left: 35px !important;
}

.paddingLeft10 {
    padding-left: 10px !important;
}

.paddingLeft14 {
    padding-left: 14px !important;
}

.paddingLeft16 {
    padding-left: 16px !important;
}

.paddingLeft8 {
    padding-left: 8px !important;
}

.paddingLeft23 {
    padding-left: 23px !important;
}

.paddingLeft26 {
    padding-left: 26px !important;
}

.paddingLeft28 {
    padding-left: 28px !important;
}

.paddingLeft31 {
    padding-left: 31px !important;
}

.paddingLeft36 {
    padding-left: 36px !important;
}

.overflowHidden {
    overflow: hidden;
}

.cursorPointer {
    cursor: pointer;
}

.marcar {
    padding-left: 0px !important;
}

.confirmarPrima {
    margin-left: 20px !important;
}

.checkMarcar {
    margin-left: 5px !important;
}

.addPaddingTop10 {
    padding-top: 10px;
}

.span-16.inputBig .span-12 input[type="text"], .span-16.inputBig .span-12 textarea {
    width: 99%;
    font-size: 11px;
}

.span-16.inputBig .span-12 textarea {
    height: 100px;
}

div.fileinputs input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    width: 100px;
    height: 25px !important;
}

.defaultfieldset .borderBottomMarginTop {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 0px;
    width: 630px;
    float: left;
}

.fileinputs > input[type="submit"] {
    visibility: hidden;
    display: none;
}

.span-16.anexos .span-12 input[type="text"] {    
    width: 95%;
}

.span-16.anexos .span-11 input[type="text"] {
    height: 18px;
    width: 90%;
}


.errorUploading, .errorUploadingPDF {
    color: Red;
}


/*Fin de clases para la p?gina de gesti?n de empresa*/

.container-new-office.span-17 {
    width: 660px;
    padding-bottom: 0;
}

.buttonsOficina input[type="submit"].buttonsConfigProducto {
    float: left;
    font-size: 14px;
    margin-right: 10px;
}

.deshabilitarBotonRetarCoberturas{
    cursor: context-menu !important;
    opacity: 0.5;
}

.buttonOffice {
    float: right;
    margin-left: 10px;
}

.width400 {
    width: 400px !important;
}

.width470 {
    width: 470px !important;
}

.divButtons {
    padding-top: 10px;
}

.modify-office {
    display: none;
}

.container-new-office .buttonStyle {
    width: 150px !important;
}

.new-office {
    font-size: 14px;
    margin: 15px 0;
    text-decoration: underline;
    cursor: pointer;
}

.listUsuarios .imgEditar, .listUsuarios .imgEliminar {
    padding-left: 20px;
}

.spanSesionActiva, .cmdActualizar, .underlineManual {
    text-decoration: underline !important;
    cursor: pointer;
}


.rowOficina .imgEliminar, .usuariosList .imgEliminar, .rowRol .imgEliminar, .imgDelete .deleteRow, .imgEliminar {
    cursor: pointer;
}

.oficinaErrors {
    display: none;
}

.paginator {
    float: left;
    height: 50px;
    margin: 10px 0;
    min-width: 100px;
}

    .paginator div {
        background-color: #cccccc;
        color: #222222;
        font-size: 12px;
        padding: 5px;
        text-decoration: none;
        width: 8px;
        cursor: pointer;
        text-align: center;
        float: left;
        margin-right: 5px;
    }

        .paginator div:hover, .paginator div.selected {
            background-color: #222222;
            color: #ffffff;
            font-size: 12px;
            padding: 5px;
        }


/*Fin de clases para la p?gina de gesti?n de oficinas*/

/*Clases para la gesti?n de modulos de una empresa*/
.rowModulo.pair, .oficinasList.pair {
    background-color: #EEEEEE;
}

.titleActualizacion {
    font-size: 14px;
}

.staticLabelEstado {
    display: block;
    margin-left: 10px;
    margin-top: 5px;
}

.actualizarCampos .span-7, .actualizarCampos .span-3 {
    margin-top: 0.5em;
}

.moduloNombre {
    font-size: 9px;
    margin-top: 6px;
}

.rowModulo .txtFechaCaducidad {
    margin-top: 6px;
    width: 90px;
}

.headersModulos div span {
    padding-left: 5px;
}

.headersModulos div {
    text-align: left;
}

.rowModulo .addMarginRight20 {
    margin-right: 22px;
}

.span-17.defaultfieldsetnoborder {
    width: 650px;
}

.span-1.no-last {
    margin-right: 0px;
}

.newProjectBox, .newProjectLinkBox {
    font-weight: bold !important;
    color: #222222 !important;
}

.itemTelefono {
    width: 17.7%;
}

.itemMail {
    width: 29%;
}

.itemMail2 {
    width: 37%;
}

    .itemMail2 a {
        color: #333333 !important;
    }

.itemNombreDireccion {
    width: 43.7%;
}

.itemNombreDireccion2 {
    width: 37%;
}

#header {
    padding-bottom: 10px;
    padding-top: 10px;
}

.logoEmpresa, .logoGrupo, .logoDocumentacion {
    margin-bottom: 5px;
}

.headerBar div {
    line-height: 54px;
}

    .headerBar div img {
        vertical-align: middle;
    }

.logoEmpresa, .logoGrupo, .logoFooter, .logoDocumentacion, .logoTarifai {
    overflow: hidden;
    max-height: 30px;
    max-width: 100%;
    height: auto;
}

    .gestionEmpresaDetalles .logoEmpresa img, .gestionEmpresaDetalles .logoGrupo img, .logoFooter img, .logoDocumentacion img, .gestionEmpresaDetalles .backgroundImage img {
        width: 120px;
    }

.imgHome {
    padding: 14% 6% 0;
}

.firstFooter .itemFooter {
    float: left;
    font-size: 10.5px;
    padding-left: 2.3%;
}

.FooterBanner.firstFooter {
    height: 30px;
    padding: 10px 0;
}

.firstFooter .itemFooter span {
    display: block;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 3px;
    float: left;
    max-width: 243px;
}

.firstFooter .itemNombreDireccion span {
    max-width: 300px;
}

.firstFooter .itemFooter img {
    float: left;
    padding: 0px;
}

.FooterBanner {
    height: 63px;
}

    .FooterBanner .condicionesGenerales {
        padding-left: 3%;
        padding-top: 1%;
    }

    .FooterBanner.lastFooter div span {
        padding-right: 10px;
    }

.headerBanner .span-16 {
    padding-left: 1%;
}

.barNavigation {
    line-height: 34px;
    margin-bottom: 0.7%;
    padding-left: 4%;
}

.loginBox {
    font-size: 13px;
}

.erroresLogin .span-9 {
    width: 330px;
}

.loginBox div span {
    line-height: 13px;
}

.loginBox div img {
    padding-right: 2%;
}

.cmdSessionEnd {
    cursor: pointer;
}

.footerTelefono, .footerMail, .footerNombre, .footerWhatsapp, .footerTelegram {
    font-weight: bold;
}

.headerBar .logoEmpresa {
    padding-left: 21%;
}

.FooterBanner a {
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav {
    text-align: center;
}

body {
    background: transparent !important;
    width: 100% !important;
    /*max-width: 98% !important;*/
}

/*Fin de clases para la gestión de modulos de una empresa*/

/*Estilos fondo de login y de pantallas de tarificación y contratación*/
.loginBackground, .tarificadorBackground {
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.FooterBanner.lastFooter {
    height: 30px;
    text-align: right;
    padding-top: 10px;
}

.FooterBanner .condicionesGenerales {
    font-size: 9px;
}

div.BotonMaster {
    border: 0px !important;
}

.buttonTest {
    margin: 10px;
}

.FooterBanner .imgFooterMPM {
    max-width: 90px;
    padding: 0px;
}

.containerEstadisticas {
    width: 1024px !important;
}

.listDiccionarios .rowDiccionarioBold, .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a, .tarificacionSinRespuesta, .tabOtrosDatos {
    border-left: 1px solid #cccccc;
}

.optionsMenu .activeMenu.firstChild {
    padding-left: 10px;
}

.optionsMenu .groupThirdChilds {
    padding-left: 13px;
}

.optionsMenu .groupFourthChilds {
    padding-left: 23px;
}

/*.divErrores .KOColor.defaultfieldset {
    max-width: 930px;
}*/

.divContenedorAdmin50 .divErrores {
    display: inline-block;
}

.erroresLogin .divErrores .KOColor.span-24.defaultfieldset {
    width: 340px !important;
}

.KOColor.span-17.defaultfieldset {
    width: 650px !important;
}

.KOColor.defaultfieldset {
    border-left: 10px solid #F34039;
    border-top: 0px !important;
    background-color: #F6CECE;
    padding-left: 10px;
}

/*.container input, .container select {
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    font-size: 0.9em !important;
}
*/
.infoColor.defaultfieldset {
    border-left: 10px solid #99BF12;
    border-top: 1px solid #99BF12;
    padding-left: 10px;
}

.warningColor.defaultfieldset {
    border-left: 10px solid #FAAC58;
    border-top: 1px solid #FAAC58;
    padding-left: 10px;
}

.avisoVSEG {
    margin-bottom: 20px !important;
}

/*Clases para la gesti?n de usuarios*/
.pagination .page {
    background-color: #333333;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px;
    text-decoration: none;
}

.rowUsuario, .rowHonorarios, .rowNegocio, .rowModalidadesMenu {
    padding: 10px 0px;
}

.gestionEmpresaDetalles .largeSelect {
    width: 92% !important;
}

.gestionTrazas .largeSelect {
    width: 100%;
}

#resumeUsers {
    margin-bottom: 10px;
}

.usersGrid {
    margin-top: 10px;
    text-align: center;
}

.titleAjustarPrimaColombia {
    font-size: 12px;
    height: 25px;
    padding-left: 19px;
    padding-top: 8px;
}

.usersGrid .titleNombre {
    padding-left: 12px;
}
/*Fin de clases para la gesti?n de usuarios*/

/*Clases para la gesti?n de roles*/
.listRoles .rowRol {
    height: auto;
}

.rowRol .buttonAsignar {
    padding: 0px 5px;
    font-size: 11px;
    margin-left: 5%;
}

.listDiccionarios .eliminarDiccionario {
    padding-left: 5px;
    cursor: pointer;
}

.productosAdicionalesGrid div {
    text-align: center;
}

.rolesGrid div, .diccionariosGrid div {
    text-align: center;
}

.rowRol .imgDelete {
    margin-left: 20%;
}

    .rowRol .imgDelete:hover, .rowRol .verDerechos:hover, .rowRol .anadirDerecho:hover, .rowRol .listaDerechos:hover, .rowRol .editarRol:hover, .rowDiccionario .editarDiccionario:hover, .rowDiccionario .anadirDiccionario:hover, .rowProduct .editarProducto:hover, .rowProductAdicional .editarProducto:hover, .rowDiccionario .listaDescripciones:hover, .imgEditar:hover, .imgEliminar:hover, .editarOperacion:hover, .recuperarCartaGarantias:hover, .consultarEstado:hover, .soloLectura:hover, .listarDialogos:hover, .anyadirDialogo:hover {
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity = 60);
        cursor: pointer;
    }

.rowRol .sectionTitle12 {
    padding: 5px 5px;
    width: 460px;
}

.sectionTitle16 {
    padding: 5px 5px;
    width: 620px;
}

.listaDerechos {
    width: 19px;
}

.anadirDerecho {
    margin-top: 0px;
}

.rowRol .addDerecho select {
    margin: 0px;
}

.rowRol .addDerecho {
    margin-bottom: 20px;
}

.rowRol .editarRol, .rowDiccionario .editarDiccionario, .rowDiccionarioBold .editarDiccionario, .rowProduct .editarProducto, .imgEditar {
    width: 19px;
    cursor: pointer;
    margin-left: 12%;
}

.rowRol .addDerecho .marginRight50 {
    margin-top: 0px;
}

.listDiccionarios .rowDiccionario, .listDiccionarios .rowDiccionarioBold, .listColectivas .rowNegocio {
    height: auto;
}

.headerComparativas {
    padding: 10px 0px;
    padding-left: 5px;
}

.modalidadMPM {
    font-size: 10px;
    font-style: italic;
}

.mensajeInformacion {
    font-size: 13px !important;
    color: var(--tarifaiGrisMedio) !important;
}

.infoMensaje {
    font-style: italic !important;
    color: #444444 !important;
}

.mensajeInformativoContratacion {
    color: #444444;
    font-style: italic;
    font-weight: bold !important;
}

.modalidadCia {
    color: #444444;
    font-style: italic;
    font-weight: bold;
}

.descripcionModalidadesVida {
    font-size: 14px;
    display: block;
}

.descripcionModalidades {
    font-size: 10px;
    display: block;
}

.rowRol .headerRowRol, .rowDiccionario .headerRowDiccionario, .rowDiccionarioBold .headerRowDiccionario, .rowProduct .headerRowProduct, .rowProductAdicional .headerRowProduct {
    padding: 10px 0px;
    padding-left: 5px;
}

.rowDiccionario .headerRowPromocion {
    padding: 5px 0px;
    padding-left: 5px;
}

.rowDiccionario .editarDiccionario {
    margin-left: 5%;
}

.headerTable {
    margin-bottom: 10px;
}

.tableEstadisticas {
    float: left;
    overflow-y: hidden;
    overflow-x: auto;
}

.headerRowDiccionario div span, .headerRowProduct div span, .headerRowPromocion div span {
    padding-left: 3%;
    display: block;
    overflow: hidden;
}

.rowRol .verDerechos {
    margin-left: 27%;
    display: block;
}

.rowRol .rowDerecho {
    padding: 5px 0px;
}

.rowRol div span {
    display: block;
    padding-left: 2%;
}

.listRoles .rowRol .span-3 {
    width: 100px;
}

    .listRoles .rowRol .span-3 span {
        padding-left: 0%;
    }
/*Fin de clases para la gesti?n de roles*/

/*Clases para los diccionarios*/
.descripcionesList .rowDerecho {
    margin-bottom: 10px;
    padding-top: 10px;
}


.modalidad, .ramo {
    min-height: 30px;
}

input[type="text"].largeInput,
textarea[type="text"].largeTextArea {
    width: 97%;
}

input[type="text"].input60pct {
    width: 60%;
}

input[type="text"].descDiccionario, .descDiccionario {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.buttonAnadir {
    margin-top: 5px;
}

.largeInput select {
    max-width: 100%;
    width: 100%;
}
/*Fin de clases para los diccionarios*/



/*Classes para la template del men? inicial*/
.branchBox {
    display: inline-block;
    float: none;
    margin-bottom: 38px;
    margin-left: 1%;
    margin-right: 2%;
    vertical-align: top;
}

.last {
    margin-right: 0px;
}

.selectable li img {
    text-align: center;
    margin-top: 10px;
    width: 60px;
}

.imageBox img {
    width: 190px;
}

.dialogoVistaComparativa {
    top: 200px !important;
    position: absolute !important;
}

#divContenedorRamos {
    margin: 32px 0px 32px 0px;
}

.breadcumContainer {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    color: #999;
    text-indent: 5px;
}

    .breadcumContainer .breadcumSeparator {
        padding-left: 5px;
        padding-right: 5px;
    }

.lblNavegacionSinElementos {
    padding-left: 12px;
}

.tallerPath {
    padding-left: 12px;
    font-size: 16px;
    color: #666666;
}

.origen .shadowBox {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categoria .shadowBox {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.taller .shadowBox {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.categoria .shadowBox span {
    font-size: 11px;
}

.origen .shadowBox span {
    font-size: 11px;
}

.categoria.imageBox {
    text-align: center;
    width: 170px;
    height: 120px;
}

.origen.imageBox {
    text-align: center;
    width: 170px;
    height: 120px;
}

.taller.imageBox {
    text-align: center;
}


.categoria.imageBox img {
    width: auto !important;
    max-width: 170px;
    max-height: 120px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.origen.imageBox img {
    width: auto !important;
    max-width: 170px;
    max-height: 120px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.taller.imageBox img {
    width: auto !important;
    height: 145px;
    /*max-width: 190px;
    max-height: 145px;
    min-width: 189px;
    min-height: 144px;*/
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
}

.imageBox {
    background-color: transparent;
    width: 190px;
    height: 144px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.shadowBox {
    background: rgba(160, 160, 160, .7);
    width: 92.2%;
    height: 26px;
    padding: 5px 5px 5px 10px;
    /*position: absolute;*/
    bottom: 0px;
    color: #fffeff;
}

    .shadowBox span {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
    }

.listItem {
    color: #7f7f7f;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 1px;
    min-height: 16px;
    padding: 5px 5px 5px 10px;
}

.listItemTarificar {
    color: #ffffff;
}

.listItemContent {
    background: linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 30%) repeat scroll 0 0 transparent;
    color: #222222;
    margin-bottom: 1px; /*background: #cccccc; /* Old browsers      background: -moz-linear-gradient(-45deg,  #cccccc 0%, #eeeeee 30%); /* FF3.6+      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cccccc), color-stop(30%,#eeeeee)); Chrome,Safari4+      background: -webkit-linear-gradient(-45deg,  #cccccc 0%,#eeeeee 30%);  Chrome10+,Safari5.1+      background: -o-linear-gradient(-45deg,  #cccccc 0%,#eeeeee 30%); /* Opera 11.10+      background: -ms-linear-gradient(-45deg,  #cccccc 0%,#eeeeee 30%); /* IE10+      background: linear-gradient(135deg,  #cccccc 0%,#eeeeee 30%);  W3C      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=1 ); IE6-9 fallback on horizontal gradient */
}

    .listItemContent ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow: hidden;
        background-color: #ffffff;
    }

        .listItemContent ul li {
            border: 1px solid #dedede;
            cursor: pointer;
            display: block;
            float: left;
            margin: 0.5px;
            height: 45px;
            overflow: hidden;
            text-align: center;
            width: 60px;
            background-color: #ffffff;
            border: 1px solid #ffffff;
            background-position: center 10px;
            background-repeat: no-repeat;
            background-size: 60px auto;
        }

.noactivoImg {
    opacity: 0.3;
    border: 1px solid #828282 !important;
    filter: grayscale(100%);
}

.noactivoPastilla {
    opacity: 0.3;
}

.listItemContent ul li.seleccionado {
    border: 1px solid #98bf11;
}

    .listItemContent ul li.seleccionado:hover {
        border: 1px solid #98bf11;
    }

.listItemContent ul li:hover {
    border: 1px solid #FFFFFF;
}

.listItemContent ul li.third {
    margin-right: 0px;
    width: 100px;
}

.listItem a {
    text-decoration: none;
    color: #7f7f7f;
}

.listItemTarificar a {
    width: 100%;
    display: block;
    color: #ffffff;
}
/*Clases para la template del men? inicial*/


/*Clases que se utilizar?n cuando lanzemos un test*/

.rowProduct .cmdTest {
    cursor: default !important;
}

.bi-star-disabled {
    cursor: default !important;
}

.divWidthFitContent {
    width: fit-content;
}

.testOK {
    background-color: #98bf11 !important;
}

.testNoOK {
    background-color: #f34138 !important;
}

.testProductoOK {
    border-left-color: #99bf12 !important;
}

.testProductoKO {
    border-left-color: #F34039 !important;
}

.testProductoBlank {
    background-color: white;
    /*color: #333333;*/
}

.imgTestNoActivo {
    filter: grayscale(100%);
    opacity: 0.5;
}

.btnTest, .imgTestMasivo {
    opacity: 0.8;
}

    .btnTest:hover, .imgTestMasivo:hover {
        cursor: pointer;
        opacity: 0.9;
    }

.btnAlert:hover {
    cursor: pointer;
}

.btnTest:active, .imgTestMasivo:active {
    transform: translateY(2px);
    opacity: 1;
}

.divTextoTestIncidencia {
    /*border-top: 1px solid #ff4848;*/
}

.textoTestIncidencia {
    margin-top: 10px;
    padding-left: 14px;
    padding-right: 14px;
    color: red;
}

.rowProduct .testNoOK .textNoVerificado, .rowProduct .testNoOK .textVerificado {
    display: block;
    line-height: 18px;
    margin: auto;
    padding-top: 16px;
    width: 87px;
    height: 58px;
}

.rowProduct .testOK {
    background-color: #9CAC62 !important;
}

.rowProduct .testNoOK {
    background-color: #E88781 !important;
}

.testWarning {
    background-color: Yellow !important;
}


/*Pantallas de tarificaci?n */
.ui-widget-header {
    background: none !important;
    border: 0px !important;
}

.tarificarProyectoTabs600 {
    margin: 0 auto !important;
    width: 66%;
}

.tarificarProyecto .TablaCabecera {
    background-color: transparent !important;
}

.tarificarProyectoTabs755 {
    margin: 0 auto !important;
    width: 785px;
}

.tarificarProyectoTabs880 {
    margin: 0 auto !important;
    width: 880px !important;
}

.tarificarProyectoTabs960 {
    margin: 0 auto !important;
    width: 960px !important;
}

.tarificarProyectoTabs625 {
    margin: 0 auto !important;
    width: 625px !important;
}

.tarificarProyectoTabs960 {
    margin: 0 auto !important;
    width: 960px;
}

.tarificarProyectoTabs925 {
    margin: 0 auto !important;
    width: 925px;
}

.tarificarProyectoTabs610 {
    margin: 0 auto !important;
    width: 610px;
}

.tarificarProyectoTabs48Porcentje {
    margin: 0 auto !important;
    width: 48%;
}

.ui-tabs .ui-tabs-nav.listaTabs li {
    display: inline-block;
    float: none !important;
    margin-left: 0px !important;
    min-width: 132px;
    *display: inline;
    *zoom: 1;
}

    .ui-tabs .ui-tabs-nav.listaTabs li.esconderTab {
        display: none
    }

.comercio.ui-tabs .ui-tabs-nav li {
    margin-bottom: 2% !important;
    margin-left: 1% !important;
    margin-top: 1% !important;
    min-width: 132px;
    padding-bottom: 1px !important;
    text-align: center;
}

.ui-tabs .ui-tabs-nav.listaTabsFinalContrata .menuAcciones li {
    min-width: 201px;
}

.ui-tabs .ui-tabs-nav.listaTabs li ul li {
    display: inherit !important;
    float: left !important;
    margin-left: 0px !important;
}

.ui-dialog .ui-dialog-titlebar {
    height: 53px !important;
    background-color: #26425A !important;
    color: #fff;
    line-height: 53px;
    font-weight: normal !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-radius: 10px;
}

.ui-dialog .ui-dialog-title {
    font-size: 20px !important;
    margin: 0 !important;
    font-weight:500;
}

.ui-dialog.noTitleStuff {
    border: none !important;
}

.noTitleStuff .ui-dialog-titlebar {
    display: none
}

.ui-dialog .btn, .min-width115 {
    min-width: 115px !important;
}

/***************************************** TABS PROYECTOS *****************************************/

.ui-tabs .ui-tabs-nav.listaTabs {
    margin: 25px 0px;
}


    .ui-tabs .ui-tabs-nav.listaTabs li.menuAcciones,
    .ui-tabs .ui-tabs-nav.listaTabs li.tabBuscar {
        display: none;
        content: none;
    }

    .ui-tabs .ui-tabs-nav.listaTabs li {
        list-style: none;
        display: inline-block;
        width: 170px;
        position: relative;
        text-align: center;
        cursor: pointer;
        /*background-color: #f9f9f9 !important;*/
        background: none !important;
        z-index: 1;
    }

        .ui-tabs .ui-tabs-nav.listaTabs li a {
            float: unset;
            position: absolute;
            left: 0px;
            top: 30px;
            width: 170px;
            padding: 0;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li:before {
            content: counter(step);
            counter-increment: step;
            width: 20px;
            height: 20px;
            line-height: 10px;
            border: 1px solid #ccc;
            border-radius: 100%;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            color: #ccc;
            background-color: #ccc;
            margin-top: 5px;
            cursor: default;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li:after {
            content: "";
            position: absolute;
            width: 103%;
            height: 3px;
            background-color: #99989821;
            top: 14px;
            left: 51%;
            z-index: -1;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li.esconderAfter:after {
            display: none;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li:nth-last-child(1):after,
        .ui-tabs .ui-tabs-nav.listaTabs li.verContratacion:after {
            content: none !important;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li.ui-state-active:after {
            background-color: #99989821;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li.ui-state-active:before {
            background-color: #0d6efd !important;
            border-color: #0d6efd !important;
            color: #0d6efd !important;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li a.tabOk,
        .ui-tabs .ui-tabs-nav.listaTabs li a.tabError {
            border-left: 0px solid !important;
            background: #F6F5F5;
            padding: 0px;
            padding-left:5px;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li:has(a.tabOk):after {
            background-color: #99bf1221;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li:has(a.tabOk):after {
            background-color: #9bc4ff;
            border-color: #9bc4ff;
            color: #9bc4ff;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li:has(a.tabError):after {
            background-color: #bf121221;
        }

        .ui-tabs .ui-tabs-nav.listaTabs li:has(.tabError):after {
            background-color: #f34039;
            border-color: #f34039;
            color: #f34039;
        }

    .ui-tabs .ui-tabs-nav.listaTabs .tabError:not(.ui-state-active)::before {
        background-color: #f34039 !important;
        border: 1px solid #f34039 !important;
        color: #f34039;
    }

    .ui-tabs .ui-tabs-nav.listaTabs li.tabError::after {
        background-color: #bf121221 !important;
        border: 1px solid #bf121221 !important;
        color: #bf121221;
    }

    .ui-tabs .ui-tabs-nav.listaTabs .tabOk:not(.ui-state-active)::before {
        background-color: #0d6efd !important;
        border: 1px solid #0d6efd !important;
        color: #0d6efd;
    }

    .ui-tabs .ui-tabs-nav.listaTabs li.tabOk::after {
        background-color: #9bc4ff !important;
        border: 1px solid #9bc4ff !important;
        color: #9bc4ff;
    }

.span-17.autoVersiones {
    width: 695px !important;
    height: 344px !important;
}

/***************************************** END TABS PROYECTOS *****************************************/
/***************************************** ACCIONES PROYECTOS y CONTRATOS *****************************************/
.divAccionesPagina50 {
    position: relative;
    z-index: 2;
}

.divProyectoMaster {
    margin-top: -42px;
}

.accionesProyecto50 li,
.accionesAdministracion50 li,
.accionesContrato50 li {
    display: inline;
    margin-left: 20px;
    cursor: pointer;
}

.divAccionesAdministracion50 {
    right: 10px;
    position: absolute;
    top: 20px;
}

.accionesContrato50 {
    margin: 0px !important;
}
/***************************************** END ACCIONES PROYECTOS y CONTRATOS *****************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    border-image: none !important;
    border-style: none !important;
    border-width: 0px 0px 0px medium !important;
    border-radius: 0px !important;
    font-weight: normal !important;
}

.contenedorErrores {
    /*border-top: 1px solid #F34039;*/
    display: block;
    overflow: hidden;
    float: left;
    /*margin: 10px 0px;*/
}

.ui-tabs {
    display: block;
    overflow: hidden;
    padding: 0.2em;
    position: relative;
    background: none repeat scroll 0 0 transparent !important;
    margin-top: -15px !important;
}

.ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px !important;
}

    .ui-widget-content .ui-state-active {
        color: #000000 !important;
        font-weight: bold !important;
    }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000000 !important;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #666666 !important;
    text-decoration: none !important;
}

.autoFields select {
    margin: 0;
    width: 89.4%;
}

.addPaddingTop20 {
    padding-top: 20px;
}

.password-field {
    text-security: disc;
    -webkit-text-security: disc; /* Para navegadores basados en WebKit (Safari, Chrome) */
}

.divConfiguracionPersonalizada,
.divConfiguracionPersonalizadaOficina {
    margin-top: 30px;
}

    .divConfiguracionPersonalizada .row,
    .divConfiguracionPersonalizadaOficina .row {
        margin-bottom: 10px;
    }

    .divConfiguracionPersonalizada input[type='text'], .divConfiguracionPersonalizada input[type='password'],
    .divConfiguracionPersonalizadaOficina input[type='text'], .divConfiguracionPersonalizadaOficina input[type='password'] {
        width: inherit !important;
        margin: 0;
        padding: 0 5px 0 10px;
        height: 35px;
        border-radius: 3px !important;
        border-width: 1px;
        border-color: #d5d5d5;
        border-style: solid;
    }

.addPaddingTop20Important {
    padding-top: 20px !important;
}

.companyias .x_ctl0_mainContentPlaceHolder__ctl51_txtAnyoUltSiniestrosSC0, .companyias .x_ctl0_mainContentPlaceHolder__ctl57_txtNumOcupantes0 {
    display: none;
}

.nextTab input[type="submit"] {
    font-size: 12px;
    height: 16px;
    width: 200px !important;
}

#divContratacionContent .precio {
    font-size: 15px;
    font-weight: bold;
}

#divContratacionContent .sinco {
    margin-right: 10px;
}


.tabError {
    border-left: 10px solid #f34039 !important;
}

.tabOk {
    border-left: 10px solid #99bf12 !important;
}

.ui-tabs .ui-tabs-nav .ui-state-active .tabOK {
    border-left: none;
}

.middleInput {
    width: 220px;
}

.middleLittleInput {
    width: 55px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active .tabOk {
    border-left: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active .tabError {
    border-left: none;
}

.divInfoConfiguracion .ui-state-active, .divInfoConfiguracion .ui-widget-content .ui-state-active, .divInfoConfiguracion .ui-widget-header .ui-state-active {
    background-color: #cccccc;
    background-image: none;
}

.InfoProyecto .span-5 {
    width: 200px;
}


.ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}

#tooltip {
    background-color: #DBDBDB !important;
    color: #747474 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 10px !important;
    width: 291px !important;
    border-radius: .25rem !important;
}

    #tooltip h3 {
        color: #666666 !important;
        line-height: 15px !important;
    }

/*Fin pantallas de tarificaci?n */

/*Pantalla comparativa*/
.divComparativaWait_interior {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    width: 880px;
}

.tarificarProyecto {
    min-height: 100vh;
}

.divNegociacionWait_interior {
    font-size: 12px;
    font-weight: normal;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.divDatosSeguro .span-7 .span-3 {
    margin-bottom: 0px;
}

.precioDesglose, .precioTarifa {
    text-align: left;
}

.precioTarifa {
    color: #222222;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.colorBlack {
    color: #222222 !important;
}

.divComparativaWait_interior p {
    font-size: 12px;
}

.intro h2 {
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold;
}

.intro {
    width: 550px;
    text-align: center;
    margin: 0 auto;
}

.actionsComparativa {
    margin-top: 32px;
}

.detalleErrores:hover {
    color: #999999;
}

.detalleErrores {
    font-weight: bold;
    cursor: pointer;
}

#dlgCoverages {
    display: block;
    overflow: auto;
    min-height: 130px;
}

.actionsComparativa .buttonStyle {
    width: 110px !important;
}

.imgLeyenda, .lnkIncidencias {
    cursor: pointer;
}

.leyenda, .incidenciasList, .containerLogin {
    text-align: left;
}

.rowComparativa .logoCompania span img {
    width: 70px;
}

.rowComparativa .descError {
    width: 497px;
}

.incidenciasList .nombreCia {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}

.incidenciasList .incidenciaError {
    background-color: #F8E0E0;
}

.incidenciasList .incidenciaAdvertencia {
    background-color: #F5F6CE;
}

.incidenciasList .detalleIncidencia div {
    margin-bottom: 4px;
}

.incidenciasList .rowIncidencia {
    margin-bottom: 10px;
}

.incidenciasList .subSectionTitle {
    font-weight: bold;
    font-size: 13px;
    padding: 5px 10px;
}

.tablaCoberturas tbody tr td {
    text-align: center;
    border-bottom: 1px solid #CCCCCC !important;
}

.tablaCoberturas {
    float: left;
}

.tablaCoberturasComparativa tr.headerGrid th {
    font-weight: bold;
    padding-left: 0px;
    padding-top: 8px;
    font-size: 12px;
}

.tablaCoberturasComparativa .priceFormat {
    width: 90px !important;
}

.spanCrearAgrupaciones {
    cursor: pointer;
    color: #999999;
}

.mensajeCoberturas {
    float: left;
}

.tablaCoberturas .modalidad {
    font-size: 12px;
    font-weight: bold;
}

.tablaCoberturas .cabeceraTabla th, .ui-dialog.DialogoContacto .ui-dialog-buttonset .ui-button {
    background-color: #ffffff !important;
}

.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 11em;
    background: #CCC;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid gray;
    height: 100%;
}

.pnlCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav,
.pnlCoberturasCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav,
.pnlCompanyiasGarantiasCapitalesEsp.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: none !important;
    display: inline;
}

    .pnlCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li,
    .pnlCoberturasCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li,
    .pnlCompanyiasGarantiasCapitalesEsp.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
        text-align: center;
        justify-content: center;
        display: inline-flex;
        vertical-align: middle;
        margin: 5px 5px !important;
        border-radius: .375rem !important;
        background-color: white;
        width: 138px !important;
        height: 80px !important;
    }

        .pnlCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-state-active,
        .pnlCoberturasCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-state-active,
        .pnlCompanyiasGarantiasCapitalesEsp.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
            box-shadow: 0 0 10px rgba(0, 123, 255, 0.6);
            background-color: white;
        }

        .pnlCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a,
        .pnlCoberturasCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a,
        .pnlCompanyiasGarantiasCapitalesEsp.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
            border: none !important;
            margin: auto;
        }

        .pnlCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li img,
        .pnlCoberturasCompanyias.ui-tabs.ui-tabs-vertical .ui-tabs-nav li img,
        .pnlCompanyiasGarantiasCapitalesEsp.ui-tabs.ui-tabs-vertical .ui-tabs-nav li img {
            max-height: 50px;
            width: auto;
        }


/*.pnlCompanyias .ui-tabs-panel,
.pnlCoberturasCompanyias .ui-tabs-panel,
.pnlCompanyiasGarantiasCapitalesEsp .ui-tabs-panel {
    width: 96% !important;
    border-radius: 10px;
    border: 1px solid #e3e3e3 !important;
    margin: 15px 6px;
}*/

    .pnlCoberturasCompanyias .ui-tabs-panel .BordeFinoSuperior,
    .pnlCompanyiasGarantiasCapitalesEsp .ui-tabs-panel .BordeFinoSuperior {
        BORDER-TOP: none !important;
    }

.TablaSubCabecera {
    height: 25px !important;
    background-color: transparent !important;
}
.TablaSubCabecera25 {
    height: 25px !important;
}

.TablaSubCabecera30 {
    height: 30px !important;
}

.TablaSubCabecera td {
    height: 25px !important;
}
.TablaSubCabecera25 td {
    height: 25px !important;
}

#tabs-4 .ui-tabs, #oldtabs-4 .ui-tabs {
    margin-top: 0px !important;
}

.ui-tabs-vertical table tbody tr td[valign="middle"] img {
    display: none;
}

.ui-tabs-vertical table tbody tr td[valign="middle"] {
    width: 3% !important;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    border: 1px solid #cccccc !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

img.process {
    float: left;
    margin-right: 4%;
    margin-top: 12%;
    width: 19px !important;
}

.ui-tabs.ui-tabs-vertical {
    padding: 0px !important;
}

.ui-tabs-vertical .ui-tabs-nav {
    padding: 0px !important;
}

.restFields select {
    max-width: 100%;
}

.restFields input[type="text"] {
    width: 100%;
    max-width: 100%;
}

.ui-tabs-vertical ul {
    border-radius: 0px !important;
}

.cboComparativa select {
    font-size: 11px !important;
    width: 111px !important;
}

.cboModalidad select {
    font-size: 11px !important;
    width: 170px !important;
}

#divContratacionContent .ui-tabs .centerTab {
    margin: 0 auto;
    width: 32%;
}

    #divContratacionContent .ui-tabs .centerTab li {
        margin-left: 10px !important;
    }


#grdExtras .ItemAlterno {
    background-color: #ffffff;
}

    #grdExtras .ItemAlterno td {
        background-color: #eeeeee !important;
    }

.Titulo1 .ui-dialog-title {
    margin-top: 4px !important;
}

.TablaCabecera .ui-dialog-titlebar-close {
    margin-top: 4px !important;
}

#tblDatos #cmdNinguno,#tblDatos #cmdLimpiar, #tblDatos #cmdAceptar, #tblDatos #cmdCancelar {
    float: right !important;
    margin-left: 7px !important;
}

.cmdEmitirPoliza[disabled="disabled"] {
    opacity: 0.6;
}

input.Peligro,
div.Peligro > span {
    background-color: #dc3545 !important;
    color: white !important;
}

Input.AttachButton {
    width: 25px;
    height: 25px;
}


#divContratacionContent .TablaCabecera {
    background-color: transparent !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin-top: 5px !important;
    transform: scale(1.1);
    width: auto !important;
    height: auto !important;
    margin-right: 5px !important;
    background:transparent;
}


.DialogoContacto .ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    top: 50% !important;
    right: 0.3em;
    width: 19px;
}

.DialogoSeleccionRamos50 {
    padding-bottom: 15px !important;
    position: relative !important;
    overflow: auto;
}

        .DialogoSeleccionRamos50 .dlgRamosActivos {
            display: grid;
            justify-content: space-between;
            grid-template-columns: repeat(auto-fill, 210px);
            grid-gap: 1rem;
        }

#tabs-4 .Edicion input, #oldtabs-4 .Edicion input {
    font-size: 11px;
    border-width: 1px !important;
}

#tabs-4 .EdicionListBox, #tabs-4 table.Edicion, #oldtabs-4 .EdicionListBox, #oldtabs-4 table.Edicion {
    border-width: 0px !important;
}

#tabs-4 table, #oldtabs-4 table, .maxHeight table {
    max-height: 0px !important;
}

.TablaProducto{
    border-collapse: separate;
    border-spacing: 0;
}

.TablaProducto table tr {
    line-height: 2.2em;
}

.TablaProductoClick table tr {
    line-height: 1em !important;
}

.ui-state-active.ui-selected:hover {
    cursor: pointer;
}

.optionsComparativa:hover,
.link:hover {
    cursor: pointer;
}


.widthCaser {
    width: 20% !important;
}

.headerAdicionales th, .headerAdicionales td, #bodyAdicionales th, #bodyAdicionales td, .rowComparativa td {
    padding: 0px;
}

.defaultfieldsetgraylight {
    padding-bottom: 0px;
    border: none !important;
}

.borderTopDotted {
    border-top: 1px dotted #cccccc;
    padding-top: 10px;
}

.anadirComp {
    cursor: pointer;
}

.field-buscador {
    margin: 5px 0px;
    height: 38px;
}

.div-buscador-avanzado {
    margin: 5px 0px;
    width: 230px;
    padding-right: 20px;
    display: inline-block;
}

    .div-buscador-avanzado .cboProductos {
        margin-top: 0px !important;
    }

.mensajeFiltro {
    color: red;
    position: absolute;
    top: 65px;
}

.grupoOpcionesDisabled, .groupoOpcionesDisabled span {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.noMarginTop {
    margin-top: 0px !important;
}

.divFiltrosAvanzados {
    display: inline-block;
}

.filtrosSeparacion {
    border-top: 1px #ccc solid;
}

.disabledBuscador50,
.disabledSelectPicker50 {
    margin-top: 0px;
    cursor: not-allowed !important;
}

.divBotonesAvanzado {
    margin: 5px 0px;
    height: 70px;
    float: right;
}

.btnGestionProducto, .btnDialogoConsulta {
    border: 1px solid black !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    height: 40px !important;
    padding: 5px 10px !important;
    cursor: pointer;
    text-align: center;
}

.btnDialogoConsulta {
    height: 30px !important;
    line-height: 1.25 !important;
}

.iconoGestionProducto {
    font-size: 16px !important;
}

.testOKGestionProducto {
    font-weight: bold !important;
    color: limegreen;
}

.testKOGestionProducto {
    font-weight: bold !important;
    color: red;
}

.divCheckOficinaEstadoNoPading {
    padding-left: 0px !important;
}

.spanBotonBuscadorAvanzado {
    line-height: 30px;
    font-size: 14px !important;
}

.productoAdicional .input[type="submit"],
.btn.btnFamilia.active {
    color: white !important;
    background-color: #102542 !important;
}
.btnBuscadorAvanzado {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.btnAvanzado{
    background: #fff !important;
}

.sombreadoBotones {
    background: #6c757d !important;
    color: white !important;
}

.btnAvanzado:hover {
    background: #6c757d !important;
}


.campoBuscador50 {
    display: inline-flex !important;
    font-size: 14px !important;
}

    .campoBuscador50 .btn {
        margin: 0 !important;
        border: 1px solid rgb(222, 226, 230);
    }

    .campoBuscador50 .bs-actionsbox .btn-group {
        width:100%;
        margin-top:5px;
    }

    .campoBuscador50 .btn:hover {
        border: 1px solid rgb(222, 226, 230);
    }

    .campoBuscador50[disabled="disabled"] {
        opacity: 0.3 !important;
        cursor: not-allowed !important;
    }

    .campoBuscador50::-moz-placeholder {
        opacity: 0.5 !important;
    }

    .campoBuscador50::-webkit-input-placeholder {
        opacity: 0.5 !important;
    }

    .campoBuscador50:-ms-input-placeholder {
        opacity: 0.5 !important;
    }

.btnMultiselect50 {
    background: white;
    border: 0px;
}

.campoDescripcion {
    width: 464px !important;
    padding-right: 20px;
}

.tablaResultadosBuscador {
    width: 100%;
    border-radius: 5px !important;
    height: auto;
}

    .tablaResultadosBuscador tr {
        width: 100%;
    }

    .tablaResultadosBuscador tbody tr {
        border-bottom: 1px solid #dee2e6;
    }

    .tablaResultadosBuscador tbody tr:nth-of-type(even),
    .tablaResultadosBuscador tbody tr:nth-of-type(even) td {
        background: white !important;
    }

        .tablaResultadosBuscador tbody tr:hover,
        .tablaResultadosBuscador tbody tr:nth-of-type(even):hover,
        .tablaResultadosBuscador tbody tr:nth-of-type(even):hover td {
            background: #e6e6e6 !important;
        }


    .tablaResultadosBuscador thead tr:first-child, .cabeceraBuscadorProductos, .cabeceraBuscadorModalidades, .cabeceraIncidenciasBackOffice, .headerGrid {
        position: sticky;
        background: #FFFFFF;
        height: 50px;
    }

    .tablaResultadosBuscador thead tr:first-child {
        border-bottom: 3px solid #dee2e6;
    }


.tablaResultadosBuscador .page-item a:hover {
    background: #f8f9fa;
}

    .tablaResultadosBuscador .page-item a:hover, .paginationBuscador .page-item a:hover {
        background: #f8f9fa;
    }

    .headerGrid {
        color: #112641 !important;
        font-weight: 600 !important;
    }

    .headerGrid div {
        margin-top: 13px;
        margin-bottom: 13px;
    }

.tablaResultadosBuscador th, .cabeceraBuscadorProductosTitulos, .cabeceraBuscadorModalidadesTitulos, .cabeceraIncidenciasBackOfficeTitulos {
    font-weight: 700 !important;
    text-align: center;
    background: none !important;
}

.tablaResultadosBuscador th {
    padding: 4px 10px 4px 5px
}

    .tablaResultadosBuscador tbody tr:nth-of-type(even),
    .tablaResultadosBuscador tbody tr:nth-of-type(even) td,
    .productsMenu .rowProductMenu:nth-of-type(even),
    .modalidadesMenu .rowModalidadesMenu:nth-of-type(even),
    .listIncidenciasBO .rowIncidenciaBO:nth-of-type(even) {
        background: white !important;
    }

.rowUsuario:hover {
    background: #e6e6e6 !important;
}

.rowUsuario .bi-pencil-fill:hover {
    color: #bfbfbf !important;
}

.divGestionCredenciales.divUsuariosEmpresa50:nth-child(odd) .rowUsuario {
    background-color: white;
}

.divGestionDocumentos.divUsuariosEmpresa50:nth-child(odd) .rowUsuario {
    background-color: white;
}

.rowModalidadesMenu {
    padding: 15px 0px 15px 0px;
}

.tablaResultadosBuscador tbody td {
    text-align: center;
    font-size: 14px !important;
    height: 50px;
}
.paginationBuscadorIncidenciasBO {
    margin-right: 0;
}

    .paginationBuscadorIncidenciasBO li span,
    .paginationUsuarios ul li,
    .paginationBuscador ul li {
        margin-top: 0 !important;
    }

        .paginationBuscadorIncidenciasBO li a,
        .paginationBuscadorIncidenciasBO li span,
        .paginationUsuarios ul li a,
        .paginationBuscador ul li a {
            position: relative;
            display: block;
            padding: .5rem .75rem;
            margin-left: -1px;
            line-height: 1.25;
            background-color: #fff;
            border: 1px solid #dee2e6 !important;
        }

            .paginationUsuarios ul li a.pointerDisabled,
            .paginationBuscador ul li a.pointerDisabled {
                pointer-events: none
            }

.tablaResultadosBuscador tfoot .active,
.divFooterUsuariosEmpresa50 .active {
    text-decoration: none !important;
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff !important;
}


.paginationBuscador .disabled a {
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
    color: #000 !important;
    pointer-events: none !important;
}

.tablaResultadosBuscador tfoot .active a,
.tablaResultadosBuscador tfoot .active a:link,
.tablaResultadosBuscador tfoot .active a:visited,
.tablaResultadosBuscador tfoot .active a:hover,
.tablaResultadosBuscador tfoot .active a:active,
.divFooterUsuariosEmpresa50 .active a,
.divFooterUsuariosEmpresa50 .active a:link,
.divFooterUsuariosEmpresa50 .active a:visited,
.divFooterUsuariosEmpresa50 .active a:hover,
.divFooterUsuariosEmpresa50 .active a:active {
    text-decoration: none !important;
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff !important;
}

.tablaResultadosBuscador tfoot a,
.tablaResultadosBuscador tfoot a:link,
.tablaResultadosBuscador tfoot a:visited,
.tablaResultadosBuscador tfoot a:hover,
.tablaResultadosBuscador tfoot a:active,
.divFooterUsuariosEmpresa50 a,
.divFooterUsuariosEmpresa50 a:link,
.divFooterUsuariosEmpresa50 a:visited,
.divFooterUsuariosEmpresa50 a:hover,
.divFooterUsuariosEmpresa50 a:active {
    text-decoration: none !important;
    background-color: #fff;
    color: #000 !important;
}

.tablaResultadosBuscador tfoot ul,
.paginacionBackOffice .paginationBackOffice ul,
.divFooterUsuariosEmpresa50 ul {
    list-style-type: none;
    display: flex;
    border-radius: 3px;
}

.paginationBuscadorEmpresas li {
    margin: 1px 10px !important;
}

.divFooterUsuariosEmpresa50 .row .col {
    padding-right: 0px;
}

.divFooterUsuariosEmpresa50 ul {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.paginationBuscadorEmpresas li:hover {
    text-decoration: underline;
}

.pull-right {
    float: right !important;
}

.paginationBackOffice {
    font-style: italic;
}


    .paginationBackOffice a, .paginationBackOffice span {
        padding: 5px;
	}
.cabeceraBuscadorProductosTitulos, .cabeceraBuscadorModalidadesTitulos, .cabeceraIncidenciasBackOfficeTitulos, .headerGrid {
    margin-top: auto;
    margin-bottom: auto;
}

.paginacion50 {
    background: none !important;
    color: #222222 !important;
}

.paginacionFlecha {
    font-size: 22px !important;
}

.accionBuscador50 {
    display: inline-grid;
    margin: 0px 15px;
    text-align: center;
    width: auto;
    max-width: 120px;
}

.accionBuscador50:hover{
    opacity: 0.7;
}

.paginacionAnteriorSiguiente {
    background: white !important;
    border: 1px solid #999999;
}

.linkAcciones {
    cursor: pointer;
}


input[type="radio"].Deshabilitado {
    border-radius: 15px !important;
}

#tabs-4 table, #oldtabs-4 table {
    margin-bottom: 5px !important;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    padding: 10px !important;
    width: 87%;
}

    .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a img {
        width: 117px;
    }

    .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
        cursor: pointer;
    }

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
    border-right: 1px solid white;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}

#tabs-4 .Obligatorio, #tabs, #oldtabs-4 .Obligatorio {
    display: none;
}

.BordeFino {
    border-width: 0px !important;
}

.BordeInferior {
    border-bottom: 1px solid #cccccc;
}


.rowComparativa div span {
    display: block;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    padding-top: 5px;
}

.divTablaCess .rowComparativa div span {
    padding-top: 0px;
}

.spanContratosPendientes {
    display: block;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    padding-top: 15px;
}

.listContratosPendientes .col-12:hover, .listContratosPendientes .col-12:nth-of-type(2n):hover {
    background: #e6e6e6 !important;
}

.listContratosPendientes .rowResultado {
    border-bottom: 1px solid #dee2e6;
}

    .listContratosPendientes .rowResultado thead tr:first-child {
        border-bottom: 3px solid #dee2e6;
    }

    .rowComparativa div {
        text-align: center;
    }

#Companies_selectable li {
    display: block;
    float: left;
    height: 62px;
    list-style-type: none;
    border-bottom: 5px solid #666666 !important;
    margin: 13px;
    width: 122px;
}

    #Companies_selectable li:hover {
        cursor: pointer;
    }

td.noExistenTarifas {
    font-size: 14px;
    margin-top: 23px;
    padding: 14px;
    text-align: center;
}

#Companies_selectable {
    display: block;
    margin-left: 13px;
    margin-right: 0;
    margin-bottom: 0;
    overflow: hidden;
}

    #Companies_selectable li.seleccionado {
        height: 62px;
        width: 122px;
        border-bottom: 5px solid #98bf11 !important;
    }

    #Companies_selectable li.seleccionadoNoHover {
        height: 62px;
        width: 122px;
        border-bottom: 5px solid #98bf11 !important;
    }

    #Companies_selectable li.seleccionado:hover {
        height: 62px;
        width: 122px;
        border-bottom: 5px solid #666666 !important;
    }

    #Companies_selectable li:hover {
        height: 62px;
        width: 122px;
        border-bottom: 5px solid #98bf11 !important;
    }

.rowComparativa div {
    height: 21px;
}

.rowComparativa .firstSpan3 {
    width: 100px;
}

.ui-dialog .ui-widget-header .ui-icon, .ui-widget-content .ui-icon-closethick {
    background-image: url("../../images/Master/close.png") !important;
    background-color: transparent;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-top: 9px;
    opacity: 0.5;
    filter: invert(1) grayscale(100%) brightness(200%);
    padding-right: 21px;
}

.ui-dialog .ui-widget-header .ui-icon:hover, .ui-widget-content .ui-icon-closethick:hover {
    opacity: 0.7 !important;
}

.ui-dialog .ui-state-hover .ui-icon, .ui-widget-content .ui-state-hover .ui-icon-closethick {
    background-image: url("../../images/Master/close.png") !important;
}

.ui-button-text-only {
    margin-left: 10px !important;
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin-top: 10px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    background: none !important;
}

.ui-dialog a.ui-state-hover {
    /*background-color: #666666 !important;*/
    text-decoration: none !important;
    border: 0px !important;
    background: none;
}

.ui-icon-closethick{
    background-position: 0px !important;
}

.HeaderBanner h3 {
    margin-top: 21px;
    color: #FFFFFF;
    font-size: 1.3em;
}

h3 {
    color: #FFFFFF;
}

.ui-datepicker {
    border: 1px solid #CCCCCC !important;
}

.ui-datepicker-today a, .ui-datepicker-today a.ui-state-hover {
    background-color: #666666 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 12px !important;
    background-image: none !important;
}

.tarificacionOK {
    border-left: 10px solid #98bf11;
}

.tarificacionKO {
    border-left: 10px solid #f34138;
}

.adviceText {
    font-size: 14px;
}

.tarificacionWarning {
    border-left: 10px solid #f4b130;
}

.rowComparativa .resultadoTarificacion {
    cursor: pointer;
}

.productosAdicionales {
    float: left !important;
    margin-right: 5px !important;
    height: 22px !important;
}

.width100Select {
    width: 99.5% !important;
    max-width: 99.5% !important;
}

.mediumSelect {
    width: 200px !important;
    max-width: 200px !important;
}

.mediumMediumSelect {
    width: 220px !important;
    max-width: 220px !important;
}

.mediumLargeSelect {
    width: 300px !important;
    max-width: 300px !important;
}

.width400px {
    width: 400px !important;
    max-width: 400px !important;
}

.MinWidth40px {
    min-width: 40px;
    display: inline-block;
}

.ui-dialog.DialogoBorrar .ui-dialog-buttonset .btnNoVolverAMostrar .ui-button-text {
    width: 175px;
}

.ui-dialog.DialogoContacto .ui-dialog-buttonset .ui-button, .ui-dialog.DialogoBorrar .ui-dialog-buttonset .ui-button, .ui-dialog.dialogGeneric .ui-dialog-buttonset .ui-button, .ui-dialog.DialogoContratacion .ui-dialog-buttonset .ui-button, .ui-dialog.DialogoCotizacionManual {
    background-color: #666666;
    color: #FFFFFF !important;
    border-radius: 5px !important;
}



.DialogoContacto .ui-button-text-only .ui-button-text {
    padding: 2px 0px;
}

.ui-dialog.DialogoContacto .ui-dialog-buttonset .ui-button:hover, .ui-dialog.dialogGeneric .ui-dialog-buttonset .ui-button:hover, .ui-dialog.DialogoBorrar .ui-dialog-buttonset .ui-button:hover, .ui-dialog.DialogoContratacion .ui-dialog-buttonset .ui-button:hover {
    background-color: #ffffff !important;
    color: #666666 !important;
}

.ui-dialog.DialogoContacto .ui-dialog-content {
    height: auto !important;
    text-align: left;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.DialogoContacto.DialogoCapitalesRecomendados{
    border:10px solid red;
}

.rowComparativa .resultadoTarificacion.tarificacionWarning span, .rowComparativa .resultadoTarificacion.tarificacionKO span {
    font-size: 11px;
    line-height: 11px;
    max-height: 33px;
    overflow: hidden;
    text-align: center;
}

.rowComparativa td {
    height: 79px;
    padding-left: 9px;
}

.logoAdicional img {
    float: left;
    margin-left: 21px;
    margin-right: 10px;
    margin-top: 0;
    width: 18px;
}

.logoProductoAdicional div {
    float: left;
    height: 32px;
    margin-left: -18px;
    overflow: hidden;
    padding-top: 5px;
    width: 80px;
}

    .logoProductoAdicional div img {
        width: 54px;
        margin-left: 22px;
    }

.cmdVerMas {
    height: 20px;
    color: #333333;
    text-decoration: underline;
    float: right;
    margin-bottom: 5px;
    margin-right: 10px;
    cursor: pointer;
    width: 130px !important;
}

.logoProductoAdicional p {
    margin-top: 10px;
    margin-left: 61px;
    margin-bottom: 0;
    font-size: 11px;
}

.rowAdicional .textCenter {
    font-size: 13px;
}

.logoAdicional p {
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
}

.containerImgProdAdicional {
    float: left;
    margin-right: 4px;
    margin-top: 10px;
    overflow: hidden;
    padding-left: 6px;
    text-align: left;
    width: 18px;
}

.tablaAdicionales th, .tablaAdicionales td {
    background-color: #DBDBDB;
    height: 39px;
}

#bodyAdicionales tr {
    border-bottom: 1px solid #FFFFFF;
    height: 39px;
}

.headerAdicionales {
    margin-bottom: 1px;
    font-weight: bold;
}

    .headerAdicionales th {
        height: 31px;
        font-weight: bold;
    }

    .headerAdicionales p {
        font-weight: bold;
    }

.headerGrid .modalidades, .headerGrid .estadoTarificacion {
    width: 100px;
}

#divTablaComparativa .precioHeader, #divTablaCess .precioHeader {
    cursor: pointer;
}

.span-3-100 {
    width: 100px;
}

tr.headerGrid th {
    background-color: #DBDBDB;
    padding: 5px 0px 0px 10px;
}

#divTablaComparativa .headerGrid {
    height: 39px;
}

.rowComparativa .marcar input[type="checkbox"] {
    margin-left: 29%;
}

.rowComparativa .precio .precioPrima {
    display: block;
}

.rowComparativa .precio {
    font-size: 13px;
}

.rowComparativa .marcar span input[type="checkbox"] {
    margin-top: 13px;
}

.rowComparativa .buttonContratar .buttonStyle, .rowComparativa .buttonSolicitar .buttonSyle, .rowComparativa .buttonNegociar .buttonStyle, .rowComparativa .buttonCoberturas .buttonStyle {
    font-size: 12px;
    /*margin-left: 20%;*/
    margin-top: 3%;
    width: 80px !important;
}

.rowComparativa .contratarTarifa, .rowComparativa .solicitarAutorizacion, .rowComparativa .negociarTarifa, .rowComparativa .coberturasTarifa {
    text-decoration: none;
}

.rowComparativa .buttonContratar span, .rowComparativa .buttonSolicitar span {
    padding-top: 0px;
}

.rowComparativa .logoPDFComparativa img {
    margin-top: 37%;
    cursor: pointer;
}

.butonsComparativa {
    margin-left: 20px;
}

    .butonsComparativa.span-10 input[type="submit"], .butonsComparativa.span-10 div {
        margin-left: 14px;
        height: 22px;
        padding-bottom: 0.2em;
        font-size: 12px;
        float: left;
    }

    .butonsComparativa.span-10 div {
        height: 18px;
        padding-top: 1px;
    }

.divMensajeColaboradorEjecutivo {
    margin-bottom: 10px;
}

.divMensajeColaboradorEjecutivo .alert {
    color: #0c5460 !important;
    display: flex !important;
}

.divMensajeColaboradorEjecutivo .alert .iconoInfoMensaje {
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-right: 10px !important;
}

.marginBottom30 {
    margin-bottom: 32px;
}

.marginBottom40 {
    margin-bottom: 40px;
}

.actionsComparativa .butonsComparativa .buttonStyle {
    float: left;
    margin-left: 20px;
    margin-right: 5px;
    padding: 5px;
}

.actionsComparativa .butonsComparativa .cmdPrepararProyecto, .actionsComparativa .butonsComparativa .cmdConfirmarPrimas {
    width: 160px !important;
}

.rowComparativa .observaciones {
    font-size: 8px;
    max-height: 26px;
    overflow: hidden;
    text-align: left;
    line-height: 10px;
}

.rowComparativa .stars {
    padding-top: 0px;
    text-align: left;
}

.leyenda img {
    margin-right: 5px;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.optionsComparativa.span-12, .butonsComparativa.span-12 {
    width: 460px;
}

.containerSesion {
    min-height: 500px;
}

.optionsComparativa {
    border-left: 10px #666666 solid;
    padding-left: 5px;
}

.leyendaComparativa {
    border-left: 10px #cccccc solid;
    padding-left: 5px;
}

.leyendaIncidenciasErrores {
    background-color: #EEEEEE;
    border: 1px solid #BBBBBB;
    float: right;
    padding: 5px;
    margin-right: 5px;
    text-decoration: none;
    width: 270px;
}

    .leyendaIncidenciasErrores .lnkIncidencias {
        font-size: 12px;
        cursor: pointer;
    }

.numeroProyectoIncidencias {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}

.leyendaIncidenciasErrores img {
    float: left;
    margin-right: 5px;
}

.optionsComparativa .span-12 a, .leyendaComparativa span {
    cursor: pointer;
    display: block;
}

.optionsComparativa .companiasSinRespuesta {
    margin-bottom: 10px;
}
/*Fin pantalla comparativa*/


/*Men? estad?sticas*/
.menuEstadisticas .firstChild, .menuEstadisticas .groupSecondChilds {
    display: none;
}


/*Fin men? estad?sticas*/

.ui-accordion .ui-accordion-header .ui-icon {
    right: 0.5em !important;
    left: auto !important;
}

.ui-icon-triangle-1-s {
    background-image: url(../../scripts/jquery/styles/images/ui-custom-icons_222222_256x240.png) !important;
}

.ui-icon-triangle-1-e {
    background-image: url(../../scripts/jquery/styles/images/ui-custom-icons_222222_256x240.png) !important;
}

.titleAccordion {
    border-top: 1px solid #cccccc !important;
    margin-top: 0px !important;
}

.ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion .ui-accordion-header.ui-corner-all, .ui-accordion .ui-accordion-header.normalAccordion.ui-corner-top {
    border: 0px solid #ffffff;
}


.ui-accordion .ui-accordion-header.normalAccordion {
    border-top: 1px solid #cccccc !important;
    margin-top: 0px !important;
}

.loadingTest {
    background-color: #EEEEEE;
    color: #EEEEEE;
    opacity: 0.6;
    background-image: url('../../images/testloader.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    min-height: 40px;
    min-width: 43px;
}

/*Estilos paginas aprovechadas del antiguo tarificador*/
.table .TablaPie {
    background-color: #FFFFFF;
    background: none !important;
    height: 30px;
}

.ajustarComp {
    display: none;
}

.tabAjustarPrima {
    background-color: #dfdfdf;
    cursor: pointer;
    font-size: 1.3em;
    height: 40px;
    margin-right: 10px;
    float: left;
    text-align: center;
    padding-top: 10px;
    width: 250px;
    margin-bottom: 10px;
}

.divSelectorTipoCobertura, .divGarantiasCapitales {
    padding-left: 50px;
}

.tabAjustarPrima.ajustarTabSelected, .tarifaSeleccionada {
    box-shadow: 0 0 6px rgba(0, 123, 255, 0.6);
}

.productoNoPastillaSeleccionado {
    opacity: 0.3;
    filter: grayscale(100%)
}

.btnTodos, .btnLimpiar {
    background: #fff !important;
}

.btnTodos:hover, .btnTodos:focus, .btnLimpiar:hover, .btnLimpiar:focus {
    background: #6c757d !important;
}

.tabAjustarPrima.moreWidth {
    width: 400px !important;
}

.table .TablaPie input[type="submit"] {
    margin-left: 5%;
    border: 0 solid #ffffff;
    border-radius: 0px !important;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.3em;
    height: 24px;
    min-width: 70px !important;
    padding-bottom: 10px;
    text-align: center;
    width: 30px !important;
}

.table .TablaSubCabecera {
    background-color: #DBDBDB !important;
}
/*Fin estilos*/

/*Buscador */
.searchColumn h4 {
    font-weight: bold;
}

.searchColumn {
    padding: 5px;
}

.searchColumn input[type=text], .searchColumn select, .AdvancedSearchDiv input {
    border: 0px solid #FFFFFF;
    width: 178px;
    margin: 3px 0px;
    padding: 0px !important;
}

.searchColumn label, .AdvancedSearchDiv label {
    font-weight: normal;
}

.searchColumn {
    min-height: 367px;
    height: auto;
    width: 178px;
    overflow: hidden;
}

    .searchColumn .AdvancedSearch {
        float: right;
    }

    .searchColumn .BotonMaster {
        float: right;
    }

.AdvancedSearch {
    font-size: smaller;
    text-decoration: underline;
    cursor: pointer;
}

.BotonMaster, input.BotonMaster {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px !important;
    height: 25px;
    margin-left: 10px;
    width: 130px;
    float: left;
}

.BotonOpcionFinalContratacion, .BotonOpcionFinalContratacion a {
    float: left;
    height: 22px;
    font-size: 12px !important;
    cursor: pointer;
    color: #FFF;
    background-color: #666;
    text-decoration: none;
    padding: 0px 11px;
}

.BotonOpcionFinalContratacion {
    margin-bottom: 10px;
}

.BotonGrande .BotonMaster, .BotonGrande input.BotonMaster {
    padding: 0px 10px;
    width: auto;
}

.BotonMaster span {
    padding-top: 1px;
    display: block;
    text-align: center;
    width: 130px;
}

.BotonGrande .BotonMaster span {
    width: auto;
}

.AdvancedSearchDiv {
    height: 337px;
    padding: 43px 10px 10px;
    position: absolute;
    margin-left: -190px;
}

.CeldaCabecera, .TablaCabecera {
    color: #FFFFFF;
    background: none repeat scroll 0 0 transparent !important;
}

/* Bot?n de acceso a gesti?n */
.ManagementButton, input.ManagementButton {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px !important;
    height: 23px;
    text-align: center;
    margin-top: 13px;
    width: 190px;
}

input.ManagementButton {
    height: 25px;
}

.ManagementButton a {
    text-decoration: none;
    color: #ffffff !important;
}

.importantButton, .container input.importantButton {
    height: auto;
    padding: 4px;
    width: 115px !important;
}

.importantButtonAuto, .container input.importantButtonAuto {
    height: auto;
    padding: 4px;
    font-size: 17px !important;
    width: auto !important;
}

#tablaFiltro select {
    width: 200px;
}

.campoValido {
    /*background: none repeat scroll 0 0 #FFFFFF !important;*/
    border: 1px solid #99bf12 !important;
}

.campoValido.Deshabilitado {
    /*background: none repeat scroll 0 0 #e9eef3 !important;*/
    border: 1px solid #99bf12 !important;
}

input[type='radio'].error::after {
    width: 10px;
    height: 10px;
    border-radius: 15px;
    opacity: 0.5;
    background-color: #EEBEBD;
    border: 1px solid #F34039 !important;
    content: '';
    display: inline-block;
    visibility: visible;
}

input[type='radio'].error {
    margin: 0;
}

input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    outline: none;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: 1px solid #CCCCCC;
    outline: none;
    margin: 3px;
}

/*input[type='radio'] + label {
    margin: 0;
    padding: 0px 5px 0px 5px;
}

input[type='radio']:before {
    border-radius: 15px;
    position: relative;
    background-color: #CCCCCC;
    display: inline-block;
    visibility: visible;
}

    input[type='radio']:after {
        width: 16px;
        height: 16px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #FFFFFF;
        display: inline-block;
        visibility: visible;
        float: left;
    }

    input[type='radio'][disabled]:after,
    input[type='radio'].Deshabilitado:after {
        width: 16px;
        height: 16px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #EAE9E9;
        content: '';
        display: inline-block;
        visibility: visible;
        float: left;
    }

    input[type='radio']:checked:after {
        width: 16px;
        height: 16px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #3f66ff;
        content: '';
        display: inline-block;
        visibility: visible;
        float: left;
    }

    input[type='radio'][disabled]:checked:after {
        width: 16px;
        height: 16px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        background-color: #b1c1ff;
        content: '';
        display: inline-block;
        visibility: visible;
        float: left;
    }*/

#tablaFiltro {
    margin-top: -15px;
    padding-left: 10px;
    padding-top: 10px;
}

.x_ctl0_mainContentPlaceHolder__ctl56_txtNumOcupantes0 {
    background-color: transparent !important;
    font-size: 1pt;
}

.companyias .cellDescuentoRecargo select {
    margin-left: 0%;
}

.companyiasConcepto .cellDescuentoRecargo select {
    margin-left: 7%;
}

.companyiasConcepto {
    border-bottom: 0px !important;
}

.companyias .filaBordeFino td:first-child {
    width: 30.5% !important;
}

.companyias .filaBordeFino td:nth-child(2) {
    width: 69.5% !important;
}

.companyias .specialCells select {
    margin-left: 0%;
}

.companyiasConceptoAccordion .ui-accordion-content {
    padding-left: 150px !important;
}

.companyiasConcepto {
    border-left: 10px solid #cccccc !important;
}

.BorderFino td[valign="middle"] {
    width: 10% !important;
}

.tdRetiradaCarnetZurich input[type="text"] {
    width: 136px !important;
}

.tdNumeroOcupantesMutuaMadri table td[valign="top"] {
    width: 15% !important;
}

    .tdNumeroOcupantesMutuaMadri table td[valign="top"] input {
        width: 45px !important;
    }


#tabs-4 .companyiasConcepto table, #oldtabs-4 .companyiasConcepto table {
    margin-bottom: 0px !important;
}

    #tabs-4 .companyiasConcepto table.TablaProducto, #oldtabs-4 .companyiasConcepto table.TablaProducto {
        border-bottom: 1px solid #CCCCCC !important;
        padding: 5px 0 !important;
    }

        #tabs-4 .companyiasConcepto table.TablaProducto:last-child, #oldtabs-4 .companyiasConcepto table.TablaProducto:last-child {
            margin-bottom: 5px;
            border-bottom: 0px !important;
        }

#tabs-4 .companyiasConcepto td, #oldtabs-4 .companyiasConcepto td {
    line-height: 1.5em !important;
}

#tabs-4 .companyiasConcepto .ui-accordion-content-active, #oldtabs-4 .companyiasConcepto .ui-accordion-content-active {
    border-bottom: 1px solid #cccccc !important;
}

.master40pct {
    width: 40%;
}

.master60pct {
    width: 60%;
}

.master41pct {
    width: 41%;
}

.master39pct {
    width: 39%;
}

.height30pct {
    height: 30px;
}

.height50pct {
    height: 50px;
}

.height67pct {
    height: 67px;
}

.minHeight332pct {
    min-height: 332px;
}

.MinHeight23-5 {
    min-height: 23.5px;
}

.MinHeight24-5 {
    min-height: 24.5px;
}

h3.titleConcepto {
    background-color: rgba(0, 0, 0, 0) !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    font-size: 14px !important;
    height: 30px;
    padding-left: 10px;
    padding-top: 10px;
}

.AllianzTextBox {
    margin-left: 2px !important;
}

.companyias input[type="checkbox"] {
    margin: 0 !important;
}

.span-20.companyiasConceptoAccordion.ui-accordion {
    margin-bottom: 0px;
}

.ui-widget-content .titleConcepto.ui-state-default {
    border-bottom: 1px solid #cccccc !important;
}

.companyiasConcepto .ui-accordion .ui-accordion-content {
    padding-top: 10px !important;
    border-top: 0px !important;
}

.ui-widget-content .titleConcepto.ui-state-active {
    font-weight: normal !important;
}

/*Fin Configuraci?n de producto*/

.divResultadoBusqueda {
    margin-bottom: 15px;
    margin-left: -2px;
}

.cellDescuentoRecargo select {
    margin-left: 7%;
}

.specialCells select {
    margin-left: 1.8%;
}

.no-existen-comp {
    font-size: 15px;
    margin-bottom: 1%;
    margin-left: 1.5%;
    margin-top: 2%;
}

.hlGoHome {
    display: block;
    height: 43px;
    margin-bottom: 7px;
    min-width: 115px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    z-index: 900;
}

.TablaCabecera.Titulo1 .ui-dialog-titlebar-close {
    top: 10% !important;
}


/*Imagen de fondo para todas las pantallas*/
/*.loginBackground {
background-image: url(../images/Master/bg-car.jpg);
background-repeat:no-repeat;
background-position:left bottom;
overflow: hidden;
}*/
/**/

/*Modal dialog "loading..."""*/
/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
speak for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.70;
    -moz-opacity: 0.70;
    opacity: 0.70;
    background-color: #ccc;
    /*background-color: #ffffff !important;*/
}

.loadingVC {
    position: relative;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.70;
    -moz-opacity: 0.70;
    opacity: 0.70;
    background: #cccccc;
}

.loadingVC .loadingIconVC {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    background: white;
    border: 3px solid #102542;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    font-family: Inter !important;
    font-size: 20px;
    color: #F87060;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #F87060;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-sizing: content-box !important;
}

.loadingVC .loadingImagenTarifai {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px !important;
    z-index: 1000000;
}

.loadingVC .message {
    display: inline-block;
    font-size: 15px !important;
    position: absolute;
    text-align: center;
    top: 25%;
    left: 50%;
    width: 300px;
    transform: translate(-50%,-50%);
    margin-top: 120px;
    font-family: Inter !important;
    text-shadow: 0 0 10px #102542;
    color: #102542;
    letter-spacing: 4px;
}

/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
modal element will be visible */
    body.loading .modal {
        display: block;
    }

    body.loading .loading-screen {
        display: flex !important;
    }

.loading-screen {
    position: fixed;
    inset: 0;
    background: linear-gradient(135deg, #e9eef5, #fdfdff);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000 !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.70;
    -moz-opacity: 0.70;
    opacity: 0.90;
    /*background-color: #ffffff !important;*/
}

/*Mensaje que aparece con el loading*/
body.loading .modal:not(#loading-screen) .message {
    display: inline-block;
    font-size: 15px !important;
    position: absolute;
    text-align: center;
    top: 53%;
    left: 50%;
    width: 850px;
    transform: translate(-50%,-50%);
    margin-top: 120px;
    font-family: Inter !important;
    text-shadow: 0 0 10px #102542;
    color: #102542;
    letter-spacing: 4px;
}

.txtAmableEsperar, .txtProcesoSegundos, .txtGraciasConfiar {
    display: inline-block;
    font-size: 20px !important;
    text-align: center;
    font-family: Inter !important;
    text-shadow: 0 0 10px #102542;
    color: #102542 !important;
    letter-spacing: 4px;
}

body.loadingDialog .modal .message {
    display: inline-block;
    font-size: 20px !important;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 500px;
    transform: translate(-50%,-50%);
    margin-top: 120px;
    font-family: Inter !important;
    text-shadow: 0 0 10px #102542;
    color: #102542;
    letter-spacing: 4px;
}

.modal .loadingIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 150px;
    height: 150px;
    background: white;
    border: 3px solid #102542;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    font-family: Inter !important;
    font-size: 20px;
    color: #F87060;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #F87060;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-sizing: content-box !important;
}

.modal .loadingIcon:before, .divProyectoWait .loadingIcon:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: 150px;
    height: 150px;
    border: 3px solid transparent;
    border-top: 3px solid #F87060;
    border-right: 3px solid #F87060;
    border-radius: 50%;
    animation: animateC 2s linear infinite;
    box-sizing: content-box !important;
}

.modal .loadingImagenTarifai {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px !important;
    z-index: 1000000;
}

.divProyectoWait .loadingIcon {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 150px;
    height: 150px;
    background: white;
    border: 3px solid #102542;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    font-family: Inter !important;
    font-size: 20px;
    color: #F87060;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #F87060;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.divProyectoWait .loadingImagenTarifai {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px !important;
    z-index: 1000000;
}


.divProyectoWait .intro {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.divProyectoWait .divComparativaWait_interior {
    position: absolute !important;
    top: 25% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}

.divProyectoWait .intro {
    margin-top: 120px;
}

.divProyectoWait .divComparativaWait_interior {
    margin-top: 230px;
}

.bolaLoadingIcon {
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 50%;
    height: 3px;
    background: transparent;
    transform-origin: left;
    animation: animate 2s linear infinite;
}

    .bolaLoadingIcon:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #F87060;
        top: -8px;
        right: -8px;
        box-shadow: 0 0 20px #F87060;
    }

@keyframes animateC {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(405deg);
    }
}

/*End Modal dialog "loading..."""*/

/*Pantalla de productos adicionales*/
.productoAdicional tbody tr:nth-child(2n) td, tbody tr.even td {
    background-color: #FFFFFF;
}

.productoAdicional .ItemAlterno {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.productoAdicional .TablaPie {
    background-color: #ffffff !important;
    background: transparent !important;
}
/*
    .productoAdicional .Boton, .productoAdicional .TablaPie input[type="submit"] {
        color: #FFFFFF !important;
        cursor: pointer !important;
        font-size: 15px !important;
        height: 25px !important;
        margin-left: 10px !important;
        width: 124px !important;
        border-radius: 0px !important;
    }
    */
.productoAdicional .BotonActualizar {
    width: 155px !important;
}

.productoAdicional .BotonPaso {
    width: 170px !important;
}

.productoAdicional .BotonVolver {
    width: 50px !important;
    min-width: 50px !important;
}

.productoAdicional .gridCompanyias .TablaSubCabecera td {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.productoAdicional .cmdAtras {
    margin-right: 4%;
    text-align: center;
}


.productoAdicional .titleAdicionales {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #102542 !important;
}

.productoAdicional .spinDisabled {
    width: 34px !important;
}

.productoAdicional .gridCompanyias {
    display: none;
}

/*Fin pantalla de productos adicionales*/

/*Arrows to sort*/
th.headerSortDown, div.headerSortDown {
    background-image: url(../../images/Master/arrow_up-active.png);
    background-position: 97px 12px;
    background-repeat: no-repeat;
}

th.headerSortUp, div.headerSortUp {
    background-image: url(../../images/Master/arrow_down-active.png);
    background-position: 97px 12px;
    background-repeat: no-repeat;
}

th.headerNoSort, div.headerNoSort {
    background-image: url(../../images/Master/no-sorted.png);
    background-position: 97px 12px;
    background-repeat: no-repeat;
}

.span-4.logoCompania img {
    margin-left: 10px;
}

.span-4.logoCompania span {
    margin-left: 10px;
}

th.span-4.headerNoSort {
    background-position: 115px 5px;
}

th.span-4.headerSortUp {
    background-position: 115px 8px;
}

th.span-4.headerSortDown {
    background-position: 115px 8px;
}

.width70 {
    width: 70px !important;
}

.width50 {
    width: 50px !important;
}

.width115 {
    width: 115px !important;
}

.height20 {
    height: 20px !important;
}

.height11 {
    height: 11px !important;
}

.width20 {
    width: 20px !important;
}

.width25 {
    width: 25px !important;
}

.width30 {
    width: 30px !important;
}
/*Arrows to sort*/

/*Pantalla de operaciones pendientes*/

.gridOperaciones, .gridAutorizaciones {
    display: none;
}

.sectionTitleDlg {
    background-color: #CCCCCC;
    font-size: 14px;
    padding: 12px 0 12px 12px;
    width: 777px;
}

.rowOperaciones, .rowAutorizaciones {
    padding: 10px 0;
    height: auto !important;
}

    .rowOperaciones div, .rowAutorizaciones div, .columnaSuplemento {
        height: auto;
    }

.rowOperacionesBackOffice {
    min-height: 79px;
    overflow: hidden;
    height: auto !important;
}

.columnaSuplemento div {
    line-height: 35px;
    height: 35px;
    border-bottom: 0.5px solid grey;
    text-align: center;
}

.imgListarDlg, .listaDialogos, .rowDetalleControl .anadirDialogo {
    width: 25px;
}

.divDialogos {
    padding: 20px 0px;
    background-color: #eeeeee;
    border-bottom: 1px solid #cccccc;
    margin: 5px 0;
}

.divControles {
    border-top: 1px solid #cccccc;
}

.divDialogoOK {
    font-size: 12px;
    text-align: center !important;
    font-weight: bold;
}

.rowDetalleControl {
    border-bottom: 0 none !important;
    height: 100% !important;
    margin-bottom: 15px;
}

    .rowDetalleControl div {
        height: 100% !important;
    }

.buttonConfirmarDes {
    opacity: 0.5;
    cursor: default;
    padding: 1px 0 0 0;
    width: 128px !important;
}

.cboRequiereResp .disabled {
    cursor: default !important;
    opacity: 0.5;
}

.txtTituloDialogo {
    width: 300px !important;
}

.txtDetalleDialogo {
    width: 300px !important;
    height: 100px !important;
}

.buttonConfirmar {
    width: 128px !important;
}

.divDialogosLabel {
    padding: 5px 0 0 !important;
}

.loadingTest, .operacionesDialog {
    z-index: 1 !important;
}

.ajax-file-upload-green input[type="file"] {
    z-index: 9999 !important;
}

/* Corrección botón accesible por encima de diálogos */
.uploadEvitarOnTop.ajax-file-upload-green input[type="file"] {
    z-index: 100 !important;
}

.ajax-file-upload-green {
    border-radius: 0px !important;
    background-color: #666666 !important;
    text-shadow: none !important;
    text-align: center !important;
    width: 100px !important;
    font-size: 1.2em !important;
    font-family: Verdana !important;
    padding: 2px !important;
}

.ajax-file-upload-statusbar {
    border: 0px;
}

.ajax-file-upload-bar {
    border-radius: 0px;
    background-color: #AAAAAA !important;
}

.ajax-file-upload-statusbar {
    margin: 5px 5px 5px 163px;
}

.ajax-file-upload-progress {
    display: none;
}

.ajax-file-upload-blue {
    padding: 6px 12px;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    background-color: #0a2342;
    color: #fff;
    border: none;

}

.dialogMaster h3, .dialogMaster h4, .dialogMaster h2 {
    color: #222222;
}

.dialogMaster .textCenter h3 {
    line-height: 1.5em;
}

.divNewPrice span,
.divOldPrice span {
    font-size: 17px !important;
}

.divOldPrice {
    background: #EF7F7F;
    color: #fff;
    font-weight: bold !important;
    border-radius: 15px;
    text-decoration: line-through;
    text-align: center;
}

.divNewPrice, .divAdicionalPrecio .adicionalDetallePrecio {
    background: #C5F3C1;
    color: #1F2937;
    font-weight: bold !important;
    border-radius: 15px;
    text-align: center;
}

.adicionalDetallePrecio {
    float: right;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 5px;
}

.newprice h3, .divPrecioFinal .precioFinal h3 {
    padding: 10px;
    text-align: center;
}


.observacion,
.observacion strong{
    color: gray;
    font-size: 11px !important;
    margin-left: 5px;
}

    .observacion:before {
        content: '* '
    }

.newprice {
}

.precioConfirmado {
    position: absolute;
    width: 24px;
    height: 24px;
    top: -0px;
}

.precioConfirmado i{
    font-size: 16px;
}

.precioConfirmadoSI {
    color: var(--tarifaiVerde) !important;
}

.precioConfirmadoNO {
    color: var(--tarifaiRojo) !important;
}

.litPrecioConfirmadoNO span {
    color: var(--notificacionWarning) !important;
    font-size: 16px !important;
    font-family: TitilliumWeb-SemiBold !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .litPrecioConfirmadoNO span i {
        color: var(--notificacionWarning) !important;
        font-size: 30px !important;
        margin-right: 10px;
    }

.precioFinal span {
    font-size: 36px !important;
}

.firstReceiptPrice {
}

    .firstReceiptPrice.centered {
        margin-left: 3px;
    }

.firstReceiptDate {
    padding-left: 10px;
    padding-top: 1px;
}


.firstReceiptPrice h4 {
    padding: 1px;
    text-align: center;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft6 {
    margin-left: 6px;
}

.marginLeft8 {
    margin-left: 8px;
}

.documentacionNecesaria {
    border: 1px solid #666666;
    border-left-width: 10px;
    padding: 5px;
}

.subtitleDialog h3 {
    color: #FFFFFF;
    padding-top: 5px;
    text-align: center;
    margin-bottom: 5px;
}

.subtitleDialog, .dialogButton {
    background-color: #666666;
    border: 1px solid #666666;
}

.listDialogBox {
    border-bottom: 1px solid #cccccc;
}

.boxDialog {
    border-bottom: 1px solid #666666;
}

.dialogButton {
    color: #FFFFFF;
    width: 150px;
    min-height: 30px;
    font-size: 1.4em;
    background-color: #666666 !important;
    margin-top: 0px;
    border-radius: 4px;
}

img.verticalAlign {
    margin-top: 13px;
}

.middleAlign {
    vertical-align: middle;
}

.hidden {
    display: none;
}

.addMarginTop20 {
    margin-top: 20px;
}

.addMarginTop40 {
    margin-top: 40px;
}

.addMarginBottom20 {
    margin-bottom: 20px;
}

.addMarginBottom5 {
    margin-bottom: 5px;
}

.addMarginTop5 {
    margin-top: 5px;
}

.subtitleAdicionales h4 {
    margin-top: 4px;
}

.divSRC {
    position: relative;
    left: 18px;
    top: -18px;
}

.subtitleAdicionales {
    border-bottom: 1px solid #eddfdf;
    max-height: 20px;
    margin-bottom: 10px !important;
    width: 940px;
}

.aditionalRow {
    width: 940px;
}

.divPrecioTotal {
    height: 20px;
    max-height: 20px;
}

.dialogSinX .ui-dialog-titlebar-close {
    display: none
}

.divOpcionesPrevisualizar {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    z-index: 100;
}

.divOpcionesPrevisualizar .divOpcionPrevisualizar{
    padding: 5px;
    cursor: pointer;
}

.divOpcionesPrevisualizar .divOpcionPrevisualizar:hover {
    background-color: #102542;
    color: white;
}

.divDatosSeguro {
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
}

.divDatosSeguroProyecto {
    padding-bottom: 5px !important;
    margin-bottom: 20px !important;
}

.deleteLogoEmpresaOficina{
    float:initial !important;
    margin-right: 0px !important;
}

.addMarginLeft15 {
    margin-left: 15px;
}

.addMarginLeft40 {
    margin-left: 40px;
}

.marginLeft30 {
    margin-left: 30px;
}

.marginLeft110 {
    margin-left: 110px;
}

.marginLeft70 {
    margin-left: 70px;
}

.color222 {
    color: #222222 !important;
}
/*Fin pantalla de operaciones pendientes*/

.loginBox span:hover, .loginBox a:hover {
    color: #0099FF;
    cursor: pointer;
}

.versionAntigua {
    margin-top: 2px;
}

    .versionAntigua img {
    }

    .versionAntigua a {
        text-decoration: none;
    }

.lblInicio {
    color: #FFFFFF;
    display: inline;
    margin-top: 0;
    padding-top: 11px;
    position: absolute;
    vertical-align: top;
    font-size: 2em;
    margin-bottom: 0.75em;
    font-weight: normal;
    cursor: pointer;
}

.lblGestionProyectos {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    color: #111111;
    padding: 0;
    vertical-align: baseline;
}

.filtrosAdicionalesDinamicos .lblFilterTitle {
    width: 100% !important;
    display: block !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
    font-weight: bold !important;
    font-size: 13px !important;
    color: #000 !important;
    background: #ccc !important;
}

    .filtrosAdicionalesDinamicos .lblFilterTitle:hover {
        background: #ccc !important;
    }

.filtrosAdicionalesDinamicos .filtrosAdicionalesDinamicosContent {
    background: #ccc !important;
}

.filtrosAdicionalesDinamicos .searchRow {
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
}

.lblButtonEliminar, .lblButtonAtras {
    border-radius: 0 !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 15px !important;
    height: 25px !important;
    margin-right: 5px !important;
    width: 124px !important;
    background-color: #666666;
}

.filtrosAdicionalesDinamicos {
    margin-bottom: 15px !important;
    background-color: #cccccc !important;
    border-bottom: 1px solid #999 !important;
    border-top: 1px solid #999 !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.divButtonEliminar {
    text-align: center !important;
}

.divButtonAtras {
    text-align: center !important;
    margin-right: 2% !important;
}

.subSectionTitle h6 a img {
    margin-right: 5px;
}

.productoPruebas {
    background-color: #F7F8E0;
    cursor: pointer;
}

.productoNoVerificado {
    background-color: #FFD3D3;
    cursor: pointer;
}

.DialogLeyenda {
    position: fixed !important;
    left: 5px !important;
    top: 80px !important;
}

.Underline {
    text-decoration: underline;
}

.grayscale {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.botonDeshabilitado{
    opacity: 0.5;
}

.enlaceDeshabilitado {
    pointer-events: none;
    cursor:default
}

.branchBox .grayscale {
    background-color: #EEEEEE;
}

.infoTarificar {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px;
}

.divResultadoBusqueda .CabeceraGrid {
    background-color: #222222 !important;
    color: #FFFFFF;
}

.divResultadoBusqueda .SelectedItem {
    background-color: #666666 !important;
    color: #FFFFFF;
}

.divResultadoBusqueda tbody tr:nth-child(2n) td, tbody tr.even td {
    background: none;
}

.divResultadoBusqueda .ItemAlterno {
    background-color: #CCCCCC;
}

.divResultadoBusqueda tr {
    cursor: pointer;
    height: 40px;
}

.divResultadoBusqueda .paginationBuscador {
    font-size: 14px;
    color: #222222;
}

.divResultadoBusqueda .paginationBuscador {
    margin-top: 13px;
    margin-left: -5px;
}

    .divResultadoBusqueda .paginationBuscador span {
        font-size: 12px;
        color: #FFFFFF;
        background-color: #222222;
        padding: 5px;
    }

    .divResultadoBusqueda .paginationBuscador a {
        font-size: 12px;
        color: #222222;
        background-color: #cccccc;
        padding: 5px;
        text-decoration: none;
    }

.divResultadoBusqueda table {
    margin-bottom: 0px;
}

.buttonCrearNuevoProyecto {
    background-color: #666666;
    border: 1px solid #666666 !important;
    cursor: pointer;
    padding: 2px 0 2px 9px;
}

    .buttonCrearNuevoProyecto span {
        font-size: 13px;
        color: #FFFFFF;
    }

#grdExtras th, #grdExtras td, #grdExtras caption {
    padding: 4px 1px !important;
}

.CoberturasCompanyias tbody tr:nth-child(2n) td, tbody tr.even td,
.tablaBuscador tbody tr:nth-child(2n) td, tbody tr.even td {
    background: none;
}

table {
    vertical-align: top !important;
    margin-bottom: 0px !important;
}

.incidenciasList {
    overflow: auto;
}

.divErrorSRC.KOColor.span-17.defaultfieldset {
    width: 737px !important;
}

.DivUpgradeApplication, .DivSessionClosed {
    color: #333333;
    display: none;
    padding: 8px;
    position: absolute;
    top: 30%;
    width: 668px !important;
    z-index: 1004;
    margin-left: -350px !important;
    left: 50% !important;
}

.fontSizeRem175 {
    font-size: 1.75rem !important;
}

.DivSessionClosed .error-card-ups {
    box-shadow: 0 8px 25px rgba(0,0,0,.0);
}

.DivSessionClosed {
    border: 1px solid #CCCCCC !important;
}

.DivUpgradeApplication {
    background: none repeat scroll 0 0 #EEEEEE !important;
    border: 2px solid #CCCCCC !important;
}
.smallerText {
    color: #FFFFFF;
    font-size: 1.1em;
    margin-top: 12px;
}

.smallerText2 {
    color: #FFFFFF;
    font-size: 1.0em;
    margin-top: 14px;
}

.comparativaCoberturas .ui-tabs-nav li {
    margin-bottom: 0px !important;
}

    .comparativaCoberturas .ui-tabs-nav li a {
        font-size: 12px;
        margin: 0 auto;
    }

.comparativaCoberturas li.ui-state-default {
    background-color: #cccccc;
}

.comparativaCoberturas li.ui-tabs-selected {
    background-color: #888888 !important;
    background-image: none;
}

.comparativaCoberturas .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #ffffff !important;
    cursor: default;
}

input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #666;
}

.divBtnConductores input {
    font-size: 12px;
}

.extrasRight {
    float: right !important;
    margin-right: 18px;
}

.gridButtons .right.buttonStyle {
    width: 128px !important;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    background: url("../../images/Master/ui.totop.png") no-repeat left top;
}

#toTopHover {
    background: url("../../images/Master/ui.totop.png") no-repeat left -51px;
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline: none;
}

.divErroresProyecto .defaultfieldset {
    margin-bottom: 0px;
}

.divErroresProyecto .warningColor.defaultfieldset {
    border-top: none;
    padding-left: 10px;
    padding-top: 5px;
}

.divErroresProyecto .buttonStyle {
    margin-top: 10px;
}

.divErroresProyecto .buttonStyle {
    margin-top: 10px;
}

.divErroresProyecto .KOColor {
    width: 928px !important;
}

.idiomasSpan {
    display: inline !important;
    overflow: hidden;
    padding-left: 3%;
}

.imgIdiomasOff {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
}

    .imgIdiomasOff:hover {
        cursor: default !important;
    }

.accionesDerechos {
    display: inline !important;
    margin-left: 11px !important;
}

.noIrComparativa {
    cursor: default !important;
}

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

.buttonsDescargaContratos {
    width: 150px !important;
}

/*Honorarios en comparativa*/
.containerHonorarios {
    background-color: #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.smallInput {
    height: 22px !important;
    width: 80px !important;
}

.containerHonorarios .span-1.no-last {
    margin-right: 10px !important;
}

.span-23.containerHonorarios {
    margin-bottom: 10px;
    margin-top: 5px;
    width: 895px !important;
}
/*Fin honorarios en comparativa*/


/*Container proyectoMasterColombia*/
.containerProyectoColombia .span-5, .containerProyectoColombia .span-6, .containerProyectoColombia .span-17 {
    min-height: 28px !important;
}

.containerProyectoColombia hr {
    border: 1px solid #777777;
    color: #777777;
    float: left;
    margin: 15px 0;
}

.containerProyectoColombia input[type="text"], .containerProyectoColombia select {
    margin: 0px !important;
    height: 18px !important;
}

/**/
/*CSS para DASMaster*/

.accordionModalidades h3 {
    background: #d3d3d3 !important;
    color: #333333 !important;
    font-weight: bold !important;
    cursor: pointer;
    margin-top: 4px;
    padding: .5em .5em .5em 1em;
}

    .accordionModalidades h3:hover {
        background: #d3d3d3 !important;
        color: #333333 !important;
        padding: .5em .5em .5em 1em;
    }

.accordionModalidades p {
    padding: 0.3em 2em;
}

    .accordionModalidades p:before {
        content: "» ";
    }

.accordionModalidades.ui-accordion {
    width: 870px !important; /* width span-22 */
}

/* packs opcionales DAS */
.accordionPacksOpc h4 {
    background: #d3d3d3;
    color: #333333 !important;
    font-weight: bold !important;
    float: left;
    overflow: hidden;
    width: 95%;
    cursor: pointer;
    margin-top: 4px;
    padding: .5em .5em .5em 1em;
    margin-bottom: .5em;
}

    .accordionPacksOpc h4:hover {
        background: #d3d3d3;
        color: #333333 !important;
        padding: .5em .5em .5em 1em;
    }

.accordionPacksOpc p {
    background: none !important;
    padding: 0.3em 2em;
}

    .accordionPacksOpc p:before {
        content: "» ";
    }

/**/
/**/

.backgroundCCCCCCPointer {
    background-color: #cccccc !important;
    cursor: pointer !important;
    color: Black !important;
}

.centerTabs {
    margin: 0 auto;
    width: 35%;
}

.pnlCompanyias.ui-tabs {
    margin-top: 0px !important;
}

.rowEmpresas {
    padding: 5px 0;
    height: auto !important;
    border-bottom: none !important;
}

    .rowEmpresas div span {
        line-height: 18px !important;
    }

    .rowEmpresas div {
        height: auto;
    }

.tabContent {
    float: left;
}

.no-border {
    margin: 0px !important;
}

.no-underline {
    text-decoration: none !important;
}

.Width60 {
    .no-underline2

{
    text-decoration: none !important;
    color: #333333 !important;
}

width: 60px !important;
}

.percentFormat {
    width: 60px !important;
}

.tablaCoberturasProducto input[type="text"] {
    border: 1px solid #999999;
    border-radius: 0 !important;
    height: 20px;
    margin: 0;
    padding: 0px;
}

    .tablaCoberturasProducto input[type="text"].priceFormat {
        height: 20px !important;
    }

.tablaCoberturasProducto .span-3 input {
    width: 100px;
}

.tablaCoberturasProducto select {
    width: 100px;
    height: 20px;
}

.tablaCoberturasProducto .span-2 input {
    width: 60px;
}

.tablaCoberturasProducto .span-4 input {
    width: 140px;
}

.tablaCoberturasProducto .span-5 input {
    width: 180px;
}

.tablaCoberturasProducto .theBody tr {
    height: 30px;
}

.tablaCoberturasProducto span.codigoCobertura {
    float: left;
    font-size: 9px;
    height: 20px;
    margin-top: 12px;
    overflow: hidden;
    width: 100px;
    cursor: pointer;
    font-weight: bold;
}

.addMarginTop30 {
    margin-top: 30px !important;
}

.addMarginTop50 {
    margin-top: 50px !important;
}

.preguntaCuestionario {
    padding: 4px 10px 4px 0px !important;
}

.containerCuestionarioMapfre {
    margin-left: 45px;
}

.tituloGarantia {
    padding-left: 10px;
    vertical-align: sub;
}

.font12 {
    font-size: 12px !important;
}

.textAreaPromociones, .coberturaCapitales, .tabsCess .coberturaTarifaSimulada {
    height: auto !important;
}

.listParametros {
    margin-left: 30px !important;
}

.containerPromocionActivaEmpresa {
    height: 71px;
}

.containerPromocionOficinasDesactivado {
    cursor: default;
    background-color: #dbdbdb;
    border-left: 1px solid #ffffff;
    height: 71px;
}

    .containerPromocionOficinasDesactivado .no-last {
        margin-top: 10px;
    }

    .containerPromocionOficinasDesactivado .span-3 {
        text-align: center;
        font-size: 11px;
    }

.textareaGestionErrores {
    height: auto !important;
    padding: 5px;
    width: 100% !important;
}

.rowDiccionarioErrores .span-16 {
    width: 620px !important;
}

.rowDiccionarioErrores {
    margin-bottom: 0px !important;
    min-height: 0px !important;
}

#divGestionDiccionariosErrores select {
    width: 100% !important;
    max-width: 100% !important;
}

#divCoberturasContainer .span-23 {
    min-height: 35px;
}


.erroresLogin .divErrores .infoColor.span-24.defaultfieldset {
    width: 340px !important;
}

.listadoCoberturas .cobertura {
    height: 21px;
    float: left;
    border-left: 10px solid #cccccc;
    margin: 2px 0px;
}

.listadoCoberturas div {
    height: auto !important;
    text-align: left;
}

.listadoCoberturas .cobertura-descripcion {
    float: left;
    font-size: 10px;
    padding-left: 10px;
}

.listadoCoberturas {
    overflow: hidden;
    height: auto !important;
}

#divTablaComparativa .rowColombia {
    height: auto !important;
    border-bottom: 0px;
}

    #divTablaComparativa .rowColombia td {
        height: auto !important;
        padding-left: 8px !important;
    }

#divTablaComparativa .rowColombia {
    background-color: #f2f2f2;
    height: auto !important;
}

.divPanelBuscador {
    position: absolute;
    top: 233px;
    background-color: white;
    border-left: 10px solid #666;
    border-top: 1px solid #666;
    margin: 5px auto;
    padding: 10px 15px;
}

#divTablaComparativa .rowColombia .descripcionModalidades {
    font-size: 14px;
}

#divTablaComparativa.tablaColombia tr.headerGrid th {
    padding: 5px 0 0 7px;
}

.listadoCoberturas .deducible {
    color: #B40404;
}

.listadoCoberturas .valor {
    color: #0B3B0B;
}

.headerGrid .modalidadesColombia .ui-multiselect {
    width: 330px !important;
}

.ui-multiselect-checkboxes .ui-corner-all span {
    margin-left: 5px;
}

.rowColombia .span-3.tarificacionOK {
    width: 100px;
}

.divContainerMensajesPolizaBloqueada, .divContainerMensajesAutorizacion {
    float: left;
    list-style-type: square;
    margin-top: 10px;
}

    .divContainerMensajesPolizaBloqueada ul, .divContainerMensajesAutorizacion ul {
        margin-left: 15px;
    }

    .divContainerMensajesAutorizacion div {
        font-size: 12px;
    }

.modalitatComparativaMPM {
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
}

.detalleIncidencia ul li .incidenciaAdvertencia, .detalleIncidencia ul li .incidenciaError {
    padding: 5px 11px;
}

.incidenciaErrorSelectorCoberturas {
    background-color: #F8E0E0;
    height: 25px;
    line-height: 25px;
}

    .incidenciaErrorSelectorCoberturas .incidenciaErrorSelectorCoberturasSpan {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        margin-left: 5px;
    }

.detalleIncidencia ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

    .detalleIncidencia ul li {
        list-style-type: none;
    }

.warningColor ul {
    margin-bottom: 5px;
}

.alignLeft {
    text-align: left !important;
}

.availableEmpresaOficina {
    cursor: pointer;
    margin-top: 25px;
    text-align: center;
}

.availableFirma {
    cursor: pointer;
    margin-top: 25px;
    text-align: center;
}

.marginTop6 {
    margin-top: 6px;
}

.marginTop2 {
    margin-top: 2px;
}

.tarificarProyectoTabs610center {
    margin: 0 auto !important;
    width: 610px;
    text-align: center;
}

.floatMarginRight {
    float: right;
    margin-right: 5px;
}

.marginRight20 {
    margin-right: 20px !important;
}

.marginRight30 {
    margin-right: 30px !important;
}

.marginRight10 {
    margin-right: 10px !important;
}

.marginRight5 {
    margin-right: 5px !important;
}

.marginRight0 {
    margin-right: 0px !important;
}

.marginBottomO {
    margin-bottom: 0px !important;
}

.titleAsegurado {
    background-color: #cccccc;
    background: #cccccc;
    min-height: 25px;
}

.divAseguradoTabla {
    min-height: 40px;
}

.saludAseguradosHeaderGrid, .detalleBeneficiariosHeaderGrid {
    box-shadow: 0px 3px 5px 0px grey;
    position: sticky;
    display: table;
}

.divDetalleAsegurados .subSectionTitle span {
    font-size: 16px !important;
}

.divDetalleAsegurados .subSectionTitle {
    margin-bottom: 10px;
    font-weight: bold !important;
    text-align: center;
}

.divDetalleAsegurados .span-4 {
    width: 18%;
}

.divDetalleAsegurados .span-7 {
    width: 25%
}

.divDetalleAsegurados .span-3 {
    width: 16%;
}

.divDetalleAsegurados .span-2 {
    width: 7%;
}

.divDetalleAsegurados .divAseguradoTabla {
    width: 870px;
}

.divDetalleAsegurados .divDetalles div {
    text-align: center;
}

.divDetalleAsegurados .divDetalles .divAseguradoTabla:nth-of-type(2n), .divBeneficiariosAsisa .divListaBeneficiarios:nth-of-type(2n) .divBeneficiario {
    background-color: var(--grisContainer) !important;
}

.divDetalleAsegurados .divDetalles .divAseguradoTabla:last-child {
    margin-bottom: 10px;
}

.paddingTopBottom5 {
    padding-bottom: 8px !important;
    padding-top: 5px !important;
}

.heightAuto {
    height: auto !important;
}

    .heightAuto ul {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.PreSeleccionado {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
}

.PreSeleccionable {
    border: 1px solid #cccccc;
    background-color: White;
}

.SeleccionNoCambiable {
    border-width: 2px;
}

.SeleccionCambiable {
    cursor: hand;
}

.divMarginWidth110 input[type=text] {
    margin-top: 12px;
    width: 110px !important;
}

.divMarginWidth70 input[type=text] {
    margin-top: 12px;
    width: 78px !important;
    margin-left: 6px;
}


.marginTop10 {
    margin-top: 10px !important;
}

.marginTop6 {
    margin-top: 6px !important;
}

.marginTop2 {
    margin-top: 2px !important;
}

.divRango select {
    width: 110px !important;
}

.tarifaBloqueadaDecesos, .tarifaBloqueadaComercio, .tarifaBloqueadaViajes {
    display: block;
    float: left;
    height: 22px;
    margin: 18px auto auto;
    overflow: hidden;
    text-align: center;
}
/*
colpick Color Picker / colpick.com
*/

/*Main container*/
.colpick {
    position: absolute;
    width: 346px;
    height: 170px;
    overflow: hidden;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    background: #ebebeb;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*Prevents selecting text when dragging the selectors*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*Color selection box with gradients*/
.colpick_color {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 156px;
    height: 156px;
    overflow: hidden;
    outline: 1px solid #aaa;
    cursor: crosshair;
}

.colpick_color_overlay1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
}

.colpick_color_overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*Circular color selector*/
.colpick_selector_outer {
    background: none;
    position: absolute;
    width: 11px;
    height: 11px;
    margin: -6px 0 0 -6px;
    border: 1px solid black;
    border-radius: 50%;
}

.colpick_selector_inner {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid white;
    border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
    position: absolute;
    top: 6px;
    left: 175px;
    width: 19px;
    height: 156px;
    border: 1px solid #aaa;
    cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
    position: absolute;
    left: -8px;
    width: 35px;
    height: 7px;
    margin: -7px 0 0 0;
}

.colpick_hue_larr {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #858585;
}

.colpick_hue_rarr {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #858585;
}
/*New color box*/
.colpick_new_color {
    position: absolute;
    left: 207px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: #f00;
    border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
    position: absolute;
    left: 277px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: #f00;
    border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field {
    position: absolute;
    height: 20px;
    width: 60px;
    overflow: hidden;
    background: #f3f3f3;
    color: #b8b8b8;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.colpick_rgb_r {
    top: 40px;
    left: 207px;
}

.colpick_rgb_g {
    top: 67px;
    left: 207px;
}

.colpick_rgb_b {
    top: 94px;
    left: 207px;
}

.colpick_hsb_h {
    top: 40px;
    left: 277px;
}

.colpick_hsb_s {
    top: 67px;
    left: 277px;
}

.colpick_hsb_b {
    top: 94px;
    left: 277px;
}

.colpick_hex_field {
    width: 68px;
    left: 207px;
    top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
    border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
    position: absolute;
    width: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    background: #efefef;
    border-right: 1px solid #bdbdbd;
    font-weight: bold;
    color: #777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
    position: absolute;
    right: 11px;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    background: transparent;
    border: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    text-align: right;
    outline: none;
}

.colpick_hex_field input {
    right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 21px;
    cursor: n-resize;
}

.colpick_field_uarr {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #959595;
}

.colpick_field_darr {
    position: absolute;
    bottom: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
    position: absolute;
    left: 207px;
    top: 149px;
    width: 130px;
    height: 22px;
    line-height: 22px;
    background: #efefef;
    text-align: center;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .colpick_submit:hover {
        background: #f3f3f3;
        border-color: #999;
        cursor: pointer;
    }

/*full layout with no submit button*/
.colpick_full_ns .colpick_submit, .colpick_full_ns .colpick_current_color {
    display: none;
}

.colpick_full_ns .colpick_new_color {
    width: 130px;
    height: 25px;
}

.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
    top: 42px;
}

.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
    top: 73px;
}

.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
    top: 104px;
}

.colpick_full_ns .colpick_hex_field {
    top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
    display: none;
}

.colpick_rgbhex {
    width: 282px;
}

    .colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
        width: 68px;
    }

    .colpick_rgbhex .colpick_new_color {
        width: 34px;
        border-right: none;
    }

    .colpick_rgbhex .colpick_current_color {
        width: 34px;
        left: 240px;
        border-left: none;
    }

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns .colpick_submit, .colpick_rgbhex_ns .colpick_current_color {
    display: none;
}

.colpick_rgbhex_ns .colpick_new_color {
    width: 68px;
    border: 1px solid #8f8f8f;
}

.colpick_rgbhex_ns .colpick_rgb_r {
    top: 42px;
}

.colpick_rgbhex_ns .colpick_rgb_g {
    top: 73px;
}

.colpick_rgbhex_ns .colpick_rgb_b {
    top: 104px;
}

.colpick_rgbhex_ns .colpick_hex_field {
    top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
    display: none;
}

.colpick_hex {
    width: 206px;
    height: 201px;
}

    .colpick_hex .colpick_hex_field {
        width: 72px;
        height: 25px;
        top: 168px;
        left: 80px;
    }

        .colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
            height: 25px;
            line-height: 25px;
        }

    .colpick_hex .colpick_new_color {
        left: 9px;
        top: 168px;
        width: 30px;
        border-right: none;
    }

    .colpick_hex .colpick_current_color {
        left: 39px;
        top: 168px;
        width: 30px;
        border-left: none;
    }

    .colpick_hex .colpick_submit {
        left: 164px;
        top: 168px;
        width: 30px;
        height: 25px;
        line-height: 25px;
    }

/*hex layout, no submit button*/
.colpick_hex_ns .colpick_submit, .colpick_hex_ns .colpick_current_color {
    display: none;
}

.colpick_hex_ns .colpick_hex_field {
    width: 80px;
}

.colpick_hex_ns .colpick_new_color {
    width: 60px;
    border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
    background: #161616;
    border-color: #2a2a2a;
}

    .colpick_dark .colpick_color {
        outline-color: #333;
    }

    .colpick_dark .colpick_hue {
        border-color: #555;
    }

    .colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
        background: #101010;
        border-color: #2d2d2d;
    }

    .colpick_dark .colpick_field_letter {
        background: #131313;
        border-color: #2d2d2d;
        color: #696969;
    }

    .colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
        color: #7a7a7a;
    }

    .colpick_dark .colpick_field_uarr {
        border-bottom-color: #696969;
    }

    .colpick_dark .colpick_field_darr {
        border-top-color: #696969;
    }

    .colpick_dark .colpick_focus {
        border-color: #444;
    }

    .colpick_dark .colpick_submit {
        background: #131313;
        border-color: #2d2d2d;
        color: #7a7a7a;
    }

        .colpick_dark .colpick_submit:hover {
            background-color: #101010;
            border-color: #444;
        }

.colorpicker {
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 20px solid #999999.defaultfieldset input[type="text"], input[type="text"];
    line-height: 20px;
}

.Width220 {
    width: 220px !important;
}

.Width337 {
    width: 379px !important;
}

.Width50 {
    width: 37950px !important;
}

.Width288 {
    width: 288px !important;
}

.maxWidth300 {
    max-width: 300px !important;
}

.divVehiculos51, .divInmuebleCatastro {
    overflow: auto !important;
    max-height: 450px !important;
    height: auto !important;
    margin-top: 15px;
}

.divInmuebleCatastro{
    margin-top: 7px;
}

.divSelectorInmueble .divSeleccionInmuebleManual .span-5 span,
.divSelectorInmueble .divSeleccionInmuebleManual .span-6 #litPoblacionJs {
    min-height: 35px;
    display: inline-flex;
    align-items: center;
}

.divSelectorInmueble .divSeleccionInmuebleManual input.txtCalle {
    width: 570px;
}

.divInmuebleSeleccionado {
    width: 930px !important;
    padding-left: 5px;
}

.divSeleccionInmuebleCatastro .divInmuebleSeleccionado .subTitle {
    max-height: 27px;
    margin: 0px 0px 15px 0px;
    margin-left: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #101C54;
    font-weight: bolder !important;
}

.divMensajesCatastro {
    font-weight: bold !important;
    text-align: center;
    margin-top: 30px;
}

.divVehiculo51:nth-child(2n), .divInmuebleCatastro:nth-child(2n) {
    background-color: #f6f5f5 !important;
}

.divVehiculo51 {
    height: 30px !important;
}

tbody tr:nth-child(2n) td.listPreseleccionado, tbody tr.even td.listPreseleccionado {
    background-color: #eeeeee !important;
    background: none repeat scroll 0 0 #eeeeee !important
}

tbody tr:nth-child(2n) td.listPreseleccionable, tbody tr.even td.listPreseleccionable {
    background-color: white !important;
    background: none repeat scroll 0 0 white !important
}

.widthAuto {
    width: auto !important;
    max-width: none !important;
}

/*CESS slider*/
.amountFranquicia {
    color: #333333;
    font-weight: bold;
}

.rangoFranquicias .ui-state-default {
    background: #eeeeee !important;
    height: 15px !important;
    border: 1px solid #666666 !important;
    border-radius: 10px !important;
}

.rangoFranquicias .ui-widget-header {
    height: 10px !important;
    background: #222222 !important;
}

.rangoFranquicias.ui-widget-content {
    border-radius: 10px !important;
    height: 10px !important;
    background: #aaaaaa !important;
    border: 1px solid #aaaaaa !important;
    width: 93%;
}

.labelRangoFranquicias, .divFraccionamiento span, .divModalidadesCess span, .divFranquiciasCESSMM span {
    font-size: 12px;
}

.divFraccionamiento select {
    font-size: 13px !important;
    margin-left: 6px;
    margin-top: 3px;
    width: 130px;
}

.divFraccionamiento .fraccionamientoReadOnly {
    float: left;
    font-weight: bold;
    margin-top: 5px;
}

.divFraccionamiento span {
    margin-top: 1px;
}

.divFraccionamiento input {
    margin-left: 5px;
}

.separadorFranquicia {
    border: 1px solid #888888;
    width: 920px;
}

.textoNoContrata {
    width: 96px;
}

.scrolledTextArea {
    height: 40px;
    border: 1px solid #999999;
    overflow-y: scroll;
}

.sectionTitle a {
    padding-right: 5px;
}

.divSeleccionClienteBO .table-active, .divSeleccionClienteBO .table-active tbody tr:hover {
    --bs-table-bg-state: var(--tarifaiAzulVerdoso)!important;
    --bs-table-color-state: var(--negro);
    font-weight:600;
}

.divSeleccionClienteBO tbody tr:hover{
    --bs-table-bg-state: var(--grisClaro);
}
/*Tabs CESS*/
.tabsCess .ui-tabs-nav .ui-state-active {
    font-weight: normal !important;
}

.errorRadio {
    color: #f34039;
}

#tableBodyCess .confirmarPrima {
    margin-left: 0px !important;
}

.tabsCess .rowComparativa div span {
    line-height: 11px;
}

.tabsCess .rowComparativa div {
    padding-top: 8px;
    overflow: hidden;
    height: auto;
}

    .tabsCess .rowComparativa div.logoCia {
        height: 57px !important;
    }

.tabsCess .iconosTarifa img {
    height: 19px !important;
}

.tabsCess .rowComparativa.verticalRow div {
    padding-top: 3px !important;
}

.tabsCess .verticalRow .confirmarPrima {
    margin-left: 0px !important;
}

.tabsCess .Anual .rowComparativa.verticalRow div.promociones,
.tabsCess .Anual .rowComparativa.verticalRow .logoPDFComparativa,
.tabsCess .rowComparativa.verticalRow div.promociones,
.tabsCess .Anual .rowComparativa.verticalRow div.cmdConfirmarPrima, .tabsCess .rowComparativa div.buttonContratar, .tabsCess .rowComparativa div.buttonSolicitar,
.tabsCess .rowComparativa.verticalRow div.cmdConfirmarPrima, .tabsCess .rowComparativa div.buttonContratar, .tabsCess .rowComparativa div.buttonSolicitar {
    padding-top: 0px !important;
}

.tabcsCess .iconosTarifa .span-1 {
    width: 20px;
}

.tabsCess .recibos {
    margin-top: 5px;
}

.PdfInHtml .MinHeight25, .tabsCess .MinHeight25 {
    min-height: 17px !important;
}

    .tabsCess .MinHeight25 p, .tabsCess .MinHeight25 p + p, .PdfInHtml .MinHeight25 p, .PdfInHtml .MinHeight25 p + p {
        margin-bottom: 0px;
        margin-top: 0px;
        line-height: 10px;
    }

.PdfInHtml th, .PdfInHtml td, .PdfInHtml caption {
    padding: 0px;
}

.tabsCess .span-4.coberturas, .tabsCess .span-4.coberturas .span-4, .tabsCess .span-4.cobertura {
    width: 181px !important;
    font-size: 10px !important;
}

.tabsCess .verticalRow .modalidad {
    margin-top: 5px;
    min-height: 35px;
}

.TextCenter img {
    width: 12px;
    height: 12px;
}

.tabsCess .coberturaNacional, .tabsCess .coberturaLocal {
    height: 19px;
}

.tabsCess .iconosTarifa {
    width: 120px;
    padding-left: 10px !important;
}

    .tabsCess .iconosTarifa .span-1 {
        width: 25px;
    }

.tabsCess .rowComparativa .buttonContratar .buttonStyle, .tabsCess .rowComparativa .buttonSolicitar .buttonStyle {
    font-size: 10px;
    height: 17px !important;
    margin-left: 25%;
    margin-top: 3%;
    width: 70px !important;
}

.tabsCess .rowComparativa .buttonCoberturas .buttonStyle {
    font-size: 10px;
    height: 17px !important;
    margin-left: 15%;
    margin-top: 3%;
    width: 100px !important;
}

.tablesorter .bx-wrapper img {
    display: inline !important;
    max-width: 100%;
}

.tabsCess .verticalRow .textErrorContratar {
    color: red;
    padding-bottom: 10px;
}

.tabsCess .rowComparativa .descripcionModalidades {
    padding: 0 5px !important;
}

.tabsCess .rowComparativa.verticalRow.tarificacionWarning {
    border-left: 0px !important;
    border-right: 4px solid #cccccc !important;
}

.tabsCess .rowComparativa.verticalRow.tarificacionWarning {
    border-left: 0px !important;
    border-right: 2px solid #cccccc !important;
}

.tabsCess .rowComparativa.verticalRow.tarificacionOK {
    border-left: 0px !important;
    border-right: 4px solid #cccccc !important;
}

.tabsCess .rowComparativa.verticalRow.tarificacionKO {
    border-left: 0px !important;
    border-right: 4px solid #cccccc !important;
}

.tabsCess .coberturas {
    border-right: 4px solid #cccccc !important;
}

.tabsCess .rowComparativa .descripcionTarifa {
    font-size: 10px !important;
}

.tabsCess .rowComparativa .numeroProyectoParticularCia {
    font-size: 9px !important;
}

.tabsCess .verticalRow .buttonContratar {
    margin-bottom: 10px;
}

.tabsCess .companiaHeader {
    padding-left: 10px;
}

.divTablaCess .rowComparativa .resultadoTarificacion {
    height: 64px !important;
}

.divTablaCess .verticalRow.rowComparativa {
    width: 149px !important;
}

.tabsCessHogar .rowComparativa div.logoCia {
    height: 75px !important;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0;
}

.tabsCessHogar .coberturas {
    border-right: 3px solid #cccccc !important;
}

.tabsCessHogar .rowComparativa.verticalRow.tarificacionOK {
    border-left: 0 none !important;
    border-right: 2px solid #cccccc !important;
}

.divTablaCessHogar .verticalRow.rowComparativa {
    width: 189px !important;
}

.divTablaCessDecesos .verticalRow.rowComparativa {
    width: 765px !important;
}

.tabsCess .iconosTarifa {
    margin-top: 5px;
    height: auto !important;
}

.tabsCess .TextCenter span img, .tabsCess .TextCenter img {
    padding-top: 5px;
}

.tabsCess .buttonStyleAutorizacion {
    font-size: 11px !important;
    height: 20px !important;
    margin: 0 auto 10px !important;
    width: 130px !important;
}

.tabsCess .tabjQuery {
    background-image: url("../../images/Master/stripe.png");
    border-bottom: 4px solid #cccccc;
    border-top: 4px solid #cccccc;
    display: block;
}

.tabsCess .bx-wrapper .bx-viewport {
    border: 0px !important;
    background: #fffffff !important;
    box-shadow: 0 0 0px #ccc !important;
    left: 0px !important;
    transform: translateZ(0px);
}

.tabsCess .ui-tabs-nav {
    float: left;
}

.tabsCess .bx-wrapper .bx-controls-direction a {
    z-index: 1 !important;
}

.tabsCess .bx-controls-direction {
    height: 70px;
    position: absolute;
    top: 400px;
    width: 560px;
    z-index: 1000 !important;
}

.tabsCessGenericos .bx-controls-direction {
    top: 192px;
}

.tabsCessDecesos .rowComparativa .detalleInside {
    padding-top: 3px !important;
    padding-left: 5px !important;
    text-align: left !important;
}

.tabsCessDecesos .rowComparativa div span {
    font-size: 9px !important;
    padding-top: 0px !important;
}

.precioPrimaSimulada span.franquicia {
    color: #888888 !important;
}

.defaultfieldset .accordion-contacto .divConfiguracionSRC select {
    width: 210px !important
}

.divConfiguracionSRC input[type="text"]:not(.form-control) {
    width: 210px !important;
}

.tabsCess .coberturaNacional, .tabsCess .coberturaLocal, .tabsCess .coberturaCapitales, .tabsCess .coberturaTarifaSimulada {
    border-top: 1px solid #cccccc;
    text-align: center;
}

.tabsCess .coberturaCapitalesAsegurar, .tabsCess .coberturaResumenGarantias {
    border-top: 1px solid #cccccc;
    text-align: center;
    text-transform: uppercase
}

    .tabsCess .coberturaResumenGarantias span {
        font-size: 8px;
    }

.tabsCess .cobertura, .tabsCess .coberturaFirst, .tabsCess .PdfInHtml2 .span-20 div, .tabsCess .cobertura, .tabsCess .coberturaNacional, .tabsCess .coberturaLocal, .tabsCess .coberturaCapitales, .tabsCess .coberturaTarifaSimulada {
    background-color: #eeeeee;
    font-size: 10px !important;
}

.tabsCess .cobertura, .tabsCess .rowComparativa.verticalRow .MinHeight25 {
    text-align: center;
}

.tabsCess .rowComparativa div span {
    font-size: 10px;
}

.divInfoPreciosTarifa {
    font-size: 12px !important;
    font-style: italic;
}

.tabsCessHogar .rowComparativa div span {
    font-size: 9px !important;
    padding-top: 0px !important;
}

.tabsCess .rowComparativa.verticalRow div {
    padding-top: 0px !important;
}

.tabsCess .MinHeight25, .tabsCess .cobertura {
    border-top: 1px solid #cccccc !important;
}

    .tabsCess .MinHeight25 .Width100 {
        border-top: 0px !important;
    }

.tabsCess.comparativaVida .logoCompania {
    margin-top: 10px;
}

.tabsCess .rowComparativa.verticalRow .span-4, .tabsCess .PdfInHtml2 .span-20 div {
    padding-left: 2px;
    padding-right: 2px;
    width: 146px;
}

.tabsCess .PdfInHtml2 .span-20 span, .tabsCess .PdfInHtml2 .span-20 div {
    display: block;
}

.PdfInHtml2.span-24 span {
    display: block;
    font-size: 10px;
    line-height: 11px;
    padding-left: 2px;
    padding-right: 2px;
    width: 146px;
}

.tabsCess .noBorders {
    border-top: 1px solid #eeeeee !important;
}

.tabsCess .titleCoberturaDental {
    border-bottom: 1px solid #cccccc !important;
}

.tabsCess .Font11px, .tabsCess .Font11px p, .tabsCess .PdfInHtml .Font12px {
    font-size: 10px !important;
}

.tabsCess .TextCenter {
    text-align: center;
}

.tabsCess .bx-wrapper {
    margin: 0px !important;
    float: left;
}

.tabsCess .tabjQuery .ColorCCCCCC {
    color: #000000;
}

.tabsCess .BackgroundF4F4F4 {
    background-color: #ffffff;
}

.tabsCess .tabModalidad {
    overflow: hidden;
}

.tabsCess .bx-pager {
    display: none;
}

.tabsCess .rowComparativa .logoPDFComparativa img {
    margin-top: 0px;
}

.tabsCess .rowComparativa {
    height: auto;
}

.tabsCess .buttonStyle {
    height: 21px !important;
    padding-top: 2px !important;
}

.tabsCess .rowComparativa .descripcionModalidades {
    font-size: 10px;
}

.tabsCess .resultadoTarificacion {
    width: 0px;
    float: left;
}

.tabsCess .ui-tabs-nav {
    height: 32px;
}

.tabsCess .ui-tabs .ui-tabs-nav li {
    left: 0px;
}

.tabsCess .coberturaFirst span {
    display: block;
    margin-top: 70%;
    text-align: center;
}

.tabsCess .ui-tabs-nav li {
    background-color: #888888 !important;
    background-image: none;
}

    .tabsCess .ui-tabs-nav li a {
        color: #ffffff !important;
        font-size: 12px;
    }

    .tabsCess .ui-tabs-nav li:hover {
        background-color: #ffffff !important;
        background-image: none;
    }

.tabsCess .ui-tabs .ui-tabs-nav {
    height: 33px;
}

.tabsCess .ui-tabs-nav li a:hover {
    color: #888888 !important;
}

.tabsCess .ui-tabs-nav .ui-tabs-selected {
    background-color: #ffffff !important;
}

    .tabsCess .ui-tabs-nav .ui-tabs-selected a {
        color: #555555 !important;
    }

.tabsCess .rowComparativa .logoPDFComparativa {
    padding-top: 16px;
}

.tabsCess .rowComparativa div.promociones {
    padding-top: 24px;
}

.tabsCess .rowComparativa div.cmdConfirmarPrima, .tabsCess .rowComparativa div.buttonContratar, .tabsCess .rowComparativa div.buttonSolicitar {
    padding-top: 23px;
}

.tabsCess .precio .precioPrima {
    font-size: 11px;
}

.tabsCess .precio .franquicia {
    font-size: 10px;
}

/*Trimestral*/
.tabsCess .terceros.Trimestral .precio, .tabsCess .tercerosAmpliado.Trimestral .precio, .tabsCess .todoRiesgo.Trimestral .precio {
    padding-top: 8px;
}

.tabsCess .todoRiesgoFranquicia.Trimestral .resultadoTarificacion {
    height: 93px !important;
}

.tabsCess .terceros.Trimestral .resultadoTarificacion, .tabsCess .tercerosAmpliado.Trimestral .resultadoTarificacion, .tabsCess .todoRiesgo.Trimestral .resultadoTarificacion {
    height: 79px !important;
}

.tabsCess .todoRiesgoFranquicia.Trimestral .precio {
    padding-top: 8px !important;
}

.tabsCess .terceros.Trimestral .logoCompania, .tabsCess .tercerosAmpliado.Trimestral .logoCompania, .tabsCess .todoRiesgo.Trimestral .logoCompania, .tabsCess .todoRiesgoFranquicia.Trimestral .logoCompania {
    padding-top: 14px;
}

    .tabsCess .terceros.Trimestral .logoCompania.logoMAPFRE, .tabsCess .tercerosAmpliado.Trimestral .logoCompania.logoMAPFRE, .tabsCess .todoRiesgo.Trimestral .logoCompania.logoMAPFRE, .tabsCess .todoRiesgoFranquicia.Trimestral .logoCompania.logoMAPFRE {
        padding-top: 21px;
    }

    .tabsCess .terceros.Trimestral .logoCompania.logoREALE, .tabsCess .tercerosAmpliado.Trimestral .logoCompania.logoREALE, .tabsCess .todoRiesgo.Trimestral .logoCompania.logoREALE, .tabsCess .todoRiesgoFranquicia.Trimestral .logoCompania.logoREALE {
        padding-top: 21px;
    }

    .tabsCess .terceros.Trimestral .logoCompania.logoDIRECT, .tabsCess .tercerosAmpliado.Trimestral .logoCompania.logoDIRECT, .tabsCess .todoRiesgo.Trimestral .logoCompania.logoDIRECT, .tabsCess .todoRiesgoFranquicia.Trimestral .logoCompania.logoDIRECT {
        padding-top: 38px;
    }


/*Semestral*/
.tabsCess .terceros.Semestral .logoCompania, .tabsCess .tercerosAmpliado.Semestral .logoCompania, .tabsCess .todoRiesgo.Semestral .logoCompania, .tabsCess .todoRiesgoFranquicia.Semestral .logoCompania {
    padding-top: 13px;
}

    .tabsCess .terceros.Semestral .logoCompania.logoMAPFRE, .tabsCess .tercerosAmpliado.Semestral .logoCompania.logoMAPFRE, .tabsCess .todoRiesgo.Semestral .logoCompania.logoMAPFRE, .tabsCess .todoRiesgoFranquicia.Semestral .logoCompania.logoMAPFRE {
        padding-top: 21px;
    }

    .tabsCess .terceros.Semestral .logoCompania.logoREALE, .tabsCess .tercerosAmpliado.Semestral .logoCompania.logoREALE, .tabsCess .todoRiesgo.Semestral .logoCompania.logoREALE, .tabsCess .todoRiesgoFranquicia.Semestral .logoCompania.logoREALE {
        padding-top: 21px;
    }

    .tabsCess .terceros.Semestral .logoCompania.logoDIRECT, .tabsCess .tercerosAmpliado.Semestral .logoCompania.logoDIRECT, .tabsCess .todoRiesgo.Semestral .logoCompania.logoDIRECT {
        padding-top: 14px;
    }

    .tabsCess .todoRiesgoFranquicia.Semestral .logoCompania.logoDIRECT {
        padding-top: 20px;
    }

.tabsCess .terceros.Semestral .resultadoTarificacion, .tabsCess .tercerosAmpliado.Semestral .resultadoTarificacion, .tabsCess .todoRiesgo.Semestral .resultadoTarificacion {
    height: 79px !important;
}

.tabsCess .todoRiesgoFranquicia.Semestral .resultadoTarificacion {
    height: 98px !important;
}

.tabsCess .terceros.Semestral .precio, .tabsCess .tercerosAmpliado.Semestral .precio, .tabsCess .todoRiesgo.Semestral .precio {
    padding-top: 8px;
}

/*Anual*/
.tabsCess .terceros.Anual .precio, .tabsCess .tercerosAmpliado.Anual .precio, .tabsCess .todoRiesgo.Anual .precio {
    padding-top: 9px;
}

.tabsCess .terceros.Anual .logoCompania, .tabsCess .tercerosAmpliado.Anual .logoCompania, .tabsCess .todoRiesgo.Anual .logoCompania, .tabsCess .todoRiesgoFranquicia.Anual .logoCompania {
    padding-top: 8px;
}

    .tabsCess .terceros.Anual .logoCompania.logoMAPFRE, .tabsCess .tercerosAmpliado.Anual .logoCompania.logoMAPFRE, .tabsCess .todoRiesgo.Anual .logoCompania.logoMAPFRE, .tabsCess .todoRiesgoFranquicia.Anual .logoCompania.logoMAPFRE {
        padding-top: 11px;
    }

    .tabsCess .terceros.Anual .logoCompania.logoREALE, .tabsCess .tercerosAmpliado.Anual .logoCompania.logoREALE, .tabsCess .todoRiesgo.Anual .logoCompania.logoREALE, .tabsCess .todoRiesgoFranquicia.Anual .logoCompania.logoREALE {
        padding-top: 13px;
    }

    .tabsCess .terceros.Anual .logoCompania.logoDIRECT, .tabsCess .tercerosAmpliado.Anual .logoCompania.logoDIRECT, .tabsCess .todoRiesgo.Anual .logoCompania.logoDIRECT, .tabsCess .todoRiesgoFranquicia.Anual .logoCompania.logoDIRECT {
        padding-top: 4px;
    }

.tabsCess .Anual .rowComparativa .logoPDFComparativa {
    padding-top: 10px;
}

.tabsCess .Anual .rowComparativa div.promociones {
    padding-top: 18px;
}

.tabsCess .Anual .rowComparativa div.cmdConfirmarPrima, .tabsCess .rowComparativa div.buttonContratar, .tabsCess .rowComparativa div.buttonSolicitar {
    padding-top: 17px;
}

.tabsCess .precio .precioPrima {
    font-size: 11px;
    font-weight: bold;
}

.tabsCess .noExistenTarifas {
    margin-bottom: 0px !important;
}

.tabsCess .buttonContratar {
    z-index: 99999 !important;
}

.tabsCess {
    float: left;
    margin-top: 0 !important;
    padding: 0px !important;
}

    .tabsCess.ui-tabs .ui-tabs-nav li {
        margin: 0px !important;
        border: 1px solid #555555 !important;
        margin-left: 20px !important;
    }

    .tabsCess .ui-tabs-nav {
        padding: 0px !important;
    }

.divRangoFranquicias {
    height: 30px;
}

.rangoFranquiciasGeneral {
    display: none;
}

.twoColumns, .threeColumns, .twoColumnsHogar {
    background-color: #ffffff;
    font-size: 10px !important;
}

.twoColumns {
    position: absolute;
    width: 295px !important;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

.twoColumnsHogar {
    position: absolute;
    width: 279px !important;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

.threeColumns {
    position: absolute;
    width: 449px !important;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

/* Comparativa Cess Vida */
.tablaTarifasVidaCess .resultadoTarificacion {
    float: left;
    width: 0px;
}

.tablaTarifasVidaCess .rowComparativa {
    overflow: hidden;
    height: 79px;
}

    .tablaTarifasVidaCess .rowComparativa > div {
        padding-top: 8px;
        vertical-align: middle;
        height: 71px;
    }

.tablaTarifasVidaCess, .tablaTarifasVidaCess .buttonContratar, .tablaTarifasVidaCess .modalidadCia, .tablaTarifasVidaCess .buttonSolicitar {
    padding-top: 18px !important;
}

    .tablaTarifasVidaCess p.noExistenTarifas {
        background-color: #dddddd;
        display: block;
        float: left;
        font-size: 14px;
        font-weight: bold;
        padding: 17px;
        text-align: center;
        width: 100%;
    }

.divTablaCessDecesos p.noExistenTarifas {
    background-color: #dddddd;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 17px 0 !important;
    text-align: center;
    width: 100%;
}

/* Fin Comparativa Cess Vida */

.tablaTarifas p.noExistenTarifas {
    background-color: #dddddd;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 17px;
    text-align: center;
    width: 100%;
}

.coberturasContainer {
    display: none;
}

.preguntaAMedidaContainer span {
    font-size: 14px;
    font-weight: bold;
}

.preguntaAMedidaContainer hr {
    margin-bottom: 10px;
    border: 1px solid #888888;
}

.divPanelBuscadorCess {
    position: static;
    top: 233px;
    background-color: white;
    border-left: 0px solid #666;
    border-top: 0px solid #666;
    margin: 0px;
    padding: 0px;
}

.tabsGenerico .tabBuscar {
    width: 132px;
}

.tabBuscar {
    font-weight: normal;
    background-color: #cccccc;
}

.contenedorMenuAcciones {
    font-weight: normal;
}


/*Tabs Cess*/
#configurations_selectable {
    display: block;
    margin-left: 13px;
    margin-right: 0;
    margin-bottom: 0;
    overflow: hidden;
}

    #configurations_selectable li.ui-selected {
        height: 62px;
        width: 122px;
        border-bottom: 5px solid #98bf11 !important;
    }

    #configurations_selectable li.seleccionado:hover {
        height: 62px;
        width: 122px;
        border-bottom: 5px solid #666666 !important;
    }

    #configurations_selectable li:hover {
        height: 62px;
        width: 122px;
        border-bottom: 5px solid #98bf11 !important;
    }

    #configurations_selectable li {
        display: block;
        float: left;
        height: 62px;
        list-style-type: none;
        border-bottom: 5px solid #666666 !important;
        margin: 13px;
        width: 122px;
    }

        #configurations_selectable li:hover, .rowComparativa .cmdNegociarPrima {
            cursor: pointer;
        }

.selectableConfiguration {
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 150px !important;
}

    .selectableConfiguration.ui-selected {
        border-bottom: 5px solid #98bf11 !important;
    }

.PrepararProyectoButton span {
    background-color: #666666 !important;
    color: #ffffff;
    font-size: 1.35em !important;
    min-height: 23px !important;
    padding: 2px 12px !important;
    width: auto !important;
}

/*Buscador*/
.contenedorMenuAcciones {
    position: relative;
    z-index: 2000 !important;
}

.divResultadoBusqueda a {
    text-decoration: none;
}

.divResultadoBusqueda .CabeceraGrid div {
    background-color: #222222 !important;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 10px;
}

    .divResultadoBusqueda .CabeceraGrid div span {
        display: block;
        padding-left: 4px;
        padding-top: 15px;
    }

.alternativeRow {
    background-color: #cccccc;
    /*background-color: #eee;*/
}

.grisMedio {
    color: var(--tarifaiGrisMedio) !important;
}

.divResultadoBusqueda .filaResultadoBuscador span {
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-top: 5px;
}

#paginacionBusqueda .pagina {
    background-color: #888888;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    margin: 3px;
    padding: 6px;
}

#paginacionBusqueda .containerPagina {
    float: left;
    height: 40px;
}

#paginacionBusqueda .pagina:hover, #paginacionBusqueda .pagina.paginaSelected {
    background-color: #ffffff;
    color: #888888;
    border: 1px solid #cccccc;
}

.resultadosPagina span {
    display: block;
    font-size: 13px;
    padding-top: 2px;
}

.noResults {
    background-color: #cccccc;
    float: left;
    height: 36px;
    padding-top: 13px;
    text-align: center;
    width: 100%;
}

.resultadosPagina {
    float: left;
    margin-bottom: 10px;
    padding-bottom: 5px;
    width: 100%;
}

.linkEnviarMailContratacion, .linkImprimir, .linkNewProject, .linkModalidad, .linkCoberturas {
    cursor: pointer;
}

.mensajeInformarFiltros {
    float: left;
    width: 169px;
    margin-top: 10px;
}

    .mensajeInformarFiltros.error {
        padding: 3px;
    }

.panelBuscadorMaster .mensajeInformarFiltros, .mensajeErrorColaborador {
    margin-top: 22px;
    width: 360px;
    float: left;
}

.txtNumeroMaximoResultados {
    height: 18px !important;
    margin-top: 4px !important;
    width: 40px !important;
}
/*Buscador*/

.ultraBold {
    font-weight: 900;
}
/*CESS Selector de ramos final contrato*/
.tituloRamo {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #aaaaaa;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #ffffff;
}

.tituloRamo50 {
    text-align: center;
    font-weight: bold;
}

.gridConfiguracionesOficinas .span-15 {
    width: 610px;
}

.gridConfiguracionesOficinas .lblActivar {
    width: 110px !important;
}

.configuracionesOficinasList .span-6 {
    width: 270px !important;
}

.configuracionesOficinasList .no-last {
    margin-left: 0px;
    margin-right: 0px;
}

.footerconfiguracionesOficinas .divEspacioBlanco {
    width: 130px !important;
}

.ramoDisponible .imagenRamo {
    height: 140px;
    overflow: hidden;
}

.ramoDisponible {
    cursor: pointer;
    height: 205px;
    overflow: hidden;
    margin-left: 10px;
    margin-bottom: 10px;
}

    .ramoDisponible .imagenRamo:hover {
        border-bottom: 10px solid #98bf11 !important;
        margin-bottom: 15px;
    }

.ramoDisponible50 {
    cursor: pointer;
    height: 150px;
    width: 105px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-table;
}

.ramoDisponible50 .imagenRamo50 {
    height: 105px;
}

.companiaDisponible, .companiaDisponible .imagenCia {
    float: left;
    height: 66px;
    width: 120px;
}

.companiaDisponible .imagenCia {
    border-bottom: 5px solid #cccccc !important;
}

.companiaDisponible {
    cursor: pointer;
    margin-left: 18px;
    margin-bottom: 10px;
    margin-bottom: 40px;
}

.companiaDisponible .imagenCia:hover, .companiaDisponible.selected .imagenCia {
    border-bottom: 5px solid #98bf11 !important;
}
/**/

.containerCess {
    margin: 0px;
    float: left;
}

.selectCompanyiaAnterior {
    min-height: inherit !important;
    margin-bottom: 0px;
}


/*Menú especial para CESS*/

.contenedorMenuAcciones {
    display: none;
    margin-top: 25px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: auto;
    z-index: 1;
}

.ui-tabs-nav li .contenedorMenuAcciones li {
    border-bottom: 1px solid #444444 !important;
    display: block !important;
    float: left;
    height: 23px;
    width: 100%;
    margin: 0 !important;
    text-align: left;
}

.contenedorMenuAcciones li {
    background-color: #606A76;
}

    .contenedorMenuAcciones li:hover {
        background-color: #4C545F;
    }

    .contenedorMenuAcciones li a:hover, .contenedorMenuAcciones li input:hover {
        color: #F9FCF3 !important;
    }

    .contenedorMenuAcciones li a, .contenedorMenuAcciones li input, .menuAcciones.ui-state-active a:link {
        color: #F9FFFD !important;
        cursor: pointer !important;
    }
/*.ui-tabs .ui-tabs-nav .menuAccionesHeader {
    width: 100%;
    padding: 3px 0px !important;
    margin: 0px !important;
    height: 17px;
}*/

.menuAcciones.ui-state-active, .menuAcciones.ui-state-active a:visited {
    font-weight: normal !important;
    color: #F9FFFD !important;
}

    .menuAcciones.ui-state-active a.menuAccionesHeader {
        color: #000000 !important;
    }

.ui-tabs .ui-tabs-nav .menuAcciones .menuAccionesHeaderSelected {
    background-color: #606a76 !important;
    border-bottom: 3px solid #bbb;
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav .menuAcciones {
    height: 24px;
    width: 132px !important;
}

    .ui-tabs .ui-tabs-nav .menuAcciones .menuAccionesHeaderSelected {
        color: #FFFEFF !important;
    }

input.buttonMenuProyecto {
    background: none repeat scroll 0 0 transparent;
    border: medium none transparent;
    cursor: pointer;
    font-size: 11px !important;
    height: 22px;
    text-align: left;
}

.ui-tabs .ui-tabs-nav .menuAcciones .contenedorMenuAcciones li input {
    padding: 0px 0px 0px 8px !important;
}


.ui-tabs .ui-tabs-nav .menuAcciones .contenedorMenuAcciones li span {
    padding: 4px 0 4px 11px !important;
}

span.buttonMenuProyecto {
    padding-left: 7px;
    color: #f9fffd !important;
    display: block;
    width: 161px;
    cursor: pointer;
}

/**/

.multiListItem {
    width: 100%;
    margin-bottom: 3px;
    padding-left: 3px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    min-height: 15px;
}

    .multiListItem:hover {
        background-color: #BDE1F2;
        cursor: pointer;
    }

.multiListItemSelected {
    background-color: #BDE1F2;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

img.promociones, img.promocionesDoc {
    border: none;
    max-width: 70px;
    max-height: 70px;
    vertical-align: middle;
    /*margin-top:15%;*/
}

.tablaTarifasVidaCess img.promociones, .tablaTarifasVidaCess img.promocionesDoc {
    padding-top: 10px !important;
}

img.promoDocAttached {
    cursor: pointer;
    opacity: 0.8;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    vertical-align: top;
    width: 20%;
}

.imgPromocionesDoc {
    cursor: pointer;
}

.listaDocs {
    position: absolute;
    background-color: #DBDBDB;
    color: #666;
    font-size: x-small;
    font-weight: bold;
    padding: 0px !important;
    border: 1px solid #666 !important;
    z-index: 9999;
    width: 140px;
}

    .listaDocs div {
        cursor: pointer;
    }

.promoUrlDoc {
    background-color: #DBDBDB;
    padding: 8px;
    text-align: left !important;
    font-weight: bold;
    font-size: x-small;
}

    .promoUrlDoc:hover {
        background-color: #eee;
    }

.ui-button-text-only:not(.btnTestCorreoOficina) .ui-button-text {
    border-radius: 5px !important;
    padding: 3px 0px;
    color: #FFFFFF;
    width: 150px;
    min-height: 23px;
    font-size: 1.4em;
    font-weight: bold !important;
    background-color: #102542 !important;
    border: solid #102542 1px !important;
}

.btnTestCorreoOficina.ui-button-text-only .ui-button-text {
    border-radius: 5px !important;
    border: solid 1px !important;
    padding: 3px 0px;
    color: #FFFFFF;
    width: 150px;
    min-height: 23px;
    font-size: 1.4em;
    font-weight: bold !important;
    background-color: #102542;
}

.loadingTestOficina {
    margin: 0px 45px !important;
}

.btn-danger-tarifai {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-success-tarifai {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.filaPreguntaCuestionarioCess {
    border-top: #d3d3dd 1px dashed;
    padding-top: 10px;
}

.hrColorGray {
    border-top: 1px solid #cccccc !important;
    margin-bottom: 10px !important;
}

.hrColorGrayNoMargin {
    border-top: 1px solid #cccccc !important;
    margin: 0px !important;
}

.vrRigthColorGray {
    border-right: 1px solid #cccccc !important;
    padding-top: 5px !important;
}

.hrColorGrayDashedNoMargin {
    border-top: 1px dashed #d3d3dd !important;
    margin: 0px !important;
}

.divCoberturasAxaHogar, .divCoberturasPlusUltraHogar, .divCoberturasPelayoHogar, .divCoberturasGCOHogar, .divCoberturasGCOAuto, .divCoberturasDinamicasAngular, .divCoberturasHelvetiaHogar {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 10px;
    height: 90%;
}

.divCoberturasDinamicasAngular {
    overflow-y: auto !important;
}

.cabeceraResumenContratacion {
    border-top: 2px solid rgb(204, 204, 204);
    border-left: 2px solid rgb(204, 204, 204);
    padding-top: 10px;
    padding-left: 8px;
    padding-bottom: 17px;
}

.contenedorIconos {
    margin: auto !important;
    display: inline-block;
}

input[type=text].numTarjetaECIMask {
    width: 144px;
}


/* Accordion Mapfre */
.accordion-mapfre .ui-accordion-default, .accordion-mapfre .ui-accordion-header,
.accordion-mapfre .ui-state-active, .accordion-mapfre .ui-widget-content .ui-state-active,
.accordion-mapfre .ui-widget-header .ui-state-active {
    background: #cccccc !important;
    color: #666666 !important;
    height: 35px !important;
    padding-bottom: 5px !important;
}

.ui-accordion .ui-accordion-content .span-20 {
    width: 750px;
}

/* Scroll Mapfre */
.scroll-mapfre {
    width: auto;
    height: auto;
    overflow: scroll;
}

.spinmapfre {
    height: 20px;
    width: 50px !important;
}

.spinMedium {
    height: 20px;
    width: 55px !important;
}

.ellipsis, .columnaSuplemento .rellenar {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(<q>assets/xml/ellipsis.xml#ellipsis</q>);
}

.configScriptsButton, .configButton {
    height: 19px;
    padding-left: 5px;
}

/***SELECT BOX IT CUSTOM CSS***/
li.selectboxit-option a {
    text-decoration: none !important;
    font-family: TitilliumWeb-ExtraLight !important;
}

.selectboxit-option-icon-container {
    width: 0px !important;
}

li .selectboxit-option-anchor, .selectboxit-text {
    font-size: 11px !important;
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    display: block;
    height: 25px;
    line-height: 25px;
}
/***SELECT BOX IT CUSTOM CSS***/

.dialogTextCenter {
    text-align: -moz-center !important;
    text-align: -ms-center !important;
    text-align: -webkit-center !important;
    text-align: center !important;
}

.containerAcciones {
    text-align: center;
    margin: 0px auto;
    display: inline-block;
}
/*.containerAcciones div 
{
    display: inline-block;
    width: 100px;
}*/
.divImgAcciones, .divImgAccionAutorizacion {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    width: 13%;
}

.proyectoAcciones {
    display: inline-block;
    width: 85%;
}

.imgAcciones, .imgAccionAutorizacion, .imgAccionContratoPendiente {
    width: 100%;
}

.imgAcciones {
    margin-top: 5px;
    margin-left: 5px;
}

.dialogMaster h5 {
    font-size: 1em;
    font-weight: normal !important;
    margin-bottom: 1em;
}

.imgCorporativeAdministration {
    background-color: #ffffff;
}

    .imgCorporativeAdministration img {
        margin-bottom: 158px;
        margin-left: 277px;
        margin-top: 144px;
    }

/*.footerInformes .marginRight56{
    margin-right: 188px;
}*/

.numeroPoliza {
    display: block;
    padding-top: 3px;
}

.lstResultadoMaster {
    height: 318px !important;
}

.buttonGuardarProyecto {
    width: 161px;
}

.tabModalidad .verticalRow.tarificacionErrores .descError {
    color: red;
    font-weight: bold;
}

.rowComparativa.verticalRow, .fondoBlanco {
    background-color: white;
}

iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

    iframe.frameNegociacionCia {
        max-width: 100%;
    }

.divComparativaCoberturas .ui-tabs .ui-tabs-nav li {
    background-color: #eeeeee;
    border: 1px solid #666666 !important;
    margin-bottom: 3px !important;
    width: 434px !important;
}

.divComparativaCoberturas ul {
    text-align: center;
}

.divComparativaCoberturas .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .divComparativaCoberturas .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background-color: #666666 !important;
    color: #ffffff !important;
}

.divComparativaCoberturas .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 0px !important
}

.modalidadMarcadaVerde {
    background-color: #b2f7b6 !important;
}

.modalidadMarcadaAzul {
    background-color: #bfdef5 !important;
}

.fraccionamiento {
    margin-top: 5px;
    margin-bottom: 0px;
}

.comparativaVida .tarifaFields {
    float: left;
    border-top: 1px solid #cccccc;
}

.comparativaVida .coberturaFirst {
    border-top: 1px solid #cccccc;
}

    .comparativaVida .coberturaFirst span {
        margin-top: 20%;
    }

.comparativaVida .logoModalidad {
    background-color: #eeeeee;
}

    .comparativaVida .logoModalidad span {
        display: block;
        margin-top: 23%;
        text-align: center;
    }

.comparativaVida .vidaComparativa {
    float: left;
}

.divDocumentacion .subtitleDialog {
    background-color: #cccccc;
}

    .divDocumentacion .subtitleDialog h3 {
        color: #222222 !important;
    }

.comparativaSalud .tarifaFields .precio p {
    margin-top: 4px;
    margin-bottom: 0px;
}

.modalidadSalud {
    font-size: 18px;
}

.comparativaVida .precioPrima {
    margin-top: 10px;
}

.sectionTitleComparativa {
    background-color: #cccccc;
}

.modalidadAnteriorLeyenda {
    height: 15px;
    width: 15px;
    background-color: #b2f7b6;
}

.modalidadActualLeyenda {
    height: 15px;
    width: 15px;
    background-color: #bfdef5;
}

.cboFraccionamiento.cboBeauty.cboFraccionamientoSalud.selectboxit {
    width: 88px !important;
}

.cboFraccionamiento.cboBeauty.cboFraccionamientoSalud .selectboxit-text {
    max-width: 58px !important;
}

.filaFirmante select {
    width: 100px;
}

.filaFirmante input[type="text"] {
    width: 40px;
}

.cabeceraFirmantes {
    border-bottom: 1px solid #cccccc;
    height: 20px;
    padding-top: 5px;
}

.noBorder {
    border: 0px !important;
}

.cboFirmante {
    margin: 0px;
}

.imagenCompanyiaFirma {
    width: 150px;
    float: right;
}

.required.cboCuentasBancariasSalud {
    max-width: none;
    width: auto;
}

.lblCompanyiaSelectable {
    float: right;
    font-size: 11px;
    margin-top: 76px;
}

.lblCompanyiaSelectableSalud {
    font-size: 9px;
}

.lblCompanyiaSelectableSaludColectivos1 {
    font-size: 9px;
    margin-top: 100px;
}

.lblCompanyiaSelectableSaludColectivos2 {
    font-size: 8px;
    margin-top: 60px;
}

.lblCompanyiaSelectableAutos {
    float: right;
    margin-top: 47px;
}

.hideDiv {
    display: none !important;
}

.toolTipAccesorios {
    display: block;
    height: auto;
    position: absolute;
    width: 350px;
    opacity: 0.95;
}

.marginDocumentacion {
    margin: 0 !important;
}

.marginTituloPrecio {
    margin-bottom: 0.3em !important;
}

.marginTituloDetalle {
    margin-bottom: 0.5em !important;
}

.fontSizeDocumentacion {
    font-size: 10px !important;
}

.textWikiPlex {
    height: 100px;
    padding: 5px;
    width: 350px;
}

.cabeceraTemplate {
    border-bottom: 1px solid #cccccc;
    height: 20px;
    padding-top: 5px;
}

.filaPregunta div {
    height: 20px;
}

.divActivacionPorOficina {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.divPesoTallaWarning {
    display: none;
}

.BotonOpcionFinalContratacion input[type="submit"] {
    border-width: 0px;
    height: 22px !important;
    cursor: pointer;
    color: #FFF !important;
    background-color: #666 !important;
}

.selectableConfiguration.multiplesProductos.ui-selectee {
    height: 95px !important;
}

.noBorderTop {
    border-top: 1px solid #ffffff !important;
}

.hrGris {
    background: #ddd none repeat scroll 0 0 !important;
    border: medium none;
    clear: both;
    color: #ddd;
    float: none;
    height: 1px;
    margin: 0 0 17px;
    width: 100%;
}

.BackgroundEEEEEE {
    background-color: #eeeeee;
    color: #eeeeee;
}

.BackgroundEEEEEEComparativa {
    background-color: #eeeeee !important;
}

.BackgroundFAFAFAComparativa {
    background-color: #fafafa !important;
}

.BackgroundCCCCCC {
    background-color: #cccccc !important;
}

.ColorCCCCCC {
    color: #cccccc !important;
}

.colorNaranjaTarifAI span {
    color: var(--tarifaiNaranja) !important;
}

.width15NoFloat {
    width: 15px;
}

.titleAccordion .spanAccordionNoMargin {
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    position: absolute;
    top: 25%;
}

.KOColorAsegurado {
    background-color: #f6cece !important;
    color: #f34039 !important;
    font-weight: bold !important;
    border-left: 10px solid #f34039 !important;
    border-top: 0 none !important;
    padding-left: 10px !important;
    min-height: 10px !important;
    margin-bottom: 0px !important;
}

.cerrarAsegurado {
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.buttonStyleAsegurado {
    height: 35px !important;
    width: 160px !important;
    margin-left: 7px;
}

.marginLeft7 {
    margin-left: 7px !important;
}

.marginLeft8Neg {
    margin-left: -8px !important;
}

.lblAliasConfiguracion {
    text-align: center;
    margin-top: -5px;
}

::-ms-clear {
    height: 0;
    width: 0;
}

.tabsdemoStaticTabs md-tab-content {
    padding: 25px;
}

    .tabsdemoStaticTabs md-tab-content:nth-child(1) {
        background-color: #42A5F5;
    }

    .tabsdemoStaticTabs md-tab-content:nth-child(2) {
        background-color: #689F38;
    }

    .tabsdemoStaticTabs md-tab-content:nth-child(3) {
        background-color: #26C6DA;
    }

.tabsdemoStaticTabs .after-tabs-area > span {
    margin-top: 25px;
    padding-right: 15px;
    vertical-align: middle;
    line-height: 30px;
    height: 35px;
}

.tabsdemoStaticTabs .after-tabs-area > md-checkbox {
    margin-top: 26px;
    margin-left: 0;
}

/*.divAclaraciones span {
    color: #6F94C1;
    font-size: 10px !important;
}*/

.documentosList, .listScripts {
    min-height: 360px;
}

.subirArchivo input[type="file"] {
    z-index: 9999 !important;
}

.subirArchivo {
    float: right;
    width: 157px !important;
}

.noMarginNoMinHeight {
    margin-bottom: 0px !important;
    min-height: 0px !important;
}

.anyoInstalacion {
    margin-bottom: 0 !important;
    max-height: 20px !important;
    min-height: 20px !important;
}

.BorderBottomDotted {
    border-bottom: 1px dotted #89878C !important;
}

.BorderTopDotted {
    border-top: 1px dotted #89878C !important;
}

.MarginTop25 {
    margin-top: 25%;
}

.MarginTop5 {
    margin-top: 10%;
}

.Font10px {
    font-size: 10px;
}

.BorderRightFFFFFF {
    border-right: 1px solid #FFFFFF !important;
}

.TextoFooter p {
    font-size: 9px;
    word-wrap: break-word;
}

.aseguradoHogar hr {
    background: #ddd none repeat scroll 0 0 !important;
}

.helper {
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
}

.observacionesHogar {
    height: 150px;
    padding: 5px;
    width: 97%;
}

.container input.buttonStyleSolicitarEmision {
    height: auto;
    padding: 4px;
    font-size: 17px !important;
    width: 200px !important;
}

.container textarea.txtNotasEmision {
    height: 60px;
    padding: 4px;
    width: 700px !important;
}

.actionsComparativa .butonsComparativa .cmdCotizacionManual {
    width: 160px !important;
}

.container select.cbofraccPromocion {
    margin: 0;
    width: 147px !important;
    padding: 0 5px 0 5px;
    height: 16px;
    border-radius: 0px !important;
    border-width: 1px;
    border-color: #999999;
    border-style: solid;
    height: 19px;
}

.divResultadoBusqueda .filaResultadoBuscador img.imgFirmaDigital {
    float: right;
    padding-left: 5px;
    margin-top: 2px;
}

.productoTag select.cboIdiomas {
    width: 150px !important;
}

.productoTag #divIdiomas {
    margin-top: 15px;
}

#firmaDigitalIframe {
    height: 167px;
    width: 750px;
    overflow: hidden !important;
}

#dlgFirmaDigitalPopUp {
    overflow: hidden !important;
}

select.fdCboMotivoCancelacion {
    width: auto;
    max-width: 515px;
}

div.divFirmantes .ui-accordion-content {
    overflow: hidden;
}

.gridProductosFirma .accesoFirma {
    margin-left: 30px;
    margin-top: 26px;
    width: 60px;
}

.rowConfigOffice {
    height: 38px;
    border-color: #cccccc;
    border-left-style: solid;
    border-left-width: 10px;
}

    .rowConfigOffice .imagenFirma {
        border-color: #dddddd;
        border-top-style: solid;
        border-top-width: 1px;
        padding-left: 5px;
        padding-top: 8px;
        width: 60px;
    }

    .rowConfigOffice .officeName {
        border-color: #dddddd;
        border-top-style: solid;
        border-top-width: 1px;
        padding-top: 10px;
        padding-left: 20px;
        position: relative;
        width: 400px;
    }

    .rowConfigOffice:last-child {
        padding-bottom: 5px;
    }

.rowProductFirma {
    height: 74px;
    overflow: hidden;
    width: 660px;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #cccccc;
    border-left-style: solid;
    border-left-width: 10px;
}

.imgEditarFirmaConfiguracion, .imgEditarFirmaProducto, .imgEditarTiposArchivo {
    cursor: pointer;
}

.errorFilaProducto {
    border-left-color: #F34039;
}

.selectBigger {
    width: 375px !important;
    max-width: 375px !important;
}

.selectBigBigger {
    width: 450px !important;
    max-width: 450px !important;
}

.columnaSuplemento .rellenarHogar {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(<q>assets/xml/ellipsis.xml#ellipsis</q>);
}

    .columnaSuplemento .rellenarHogar li, .filasHogar .listadoTitulo, .gridSuplementos .listado {
        line-height: normal;
    }

    .columnaSuplemento .rellenarHogar span {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.textErrorSmall {
    font-size: xx-small;
}

.bloqueDivCentrados {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
}

.divCentrado {
    margin: 0 auto !important;
}

.cellTableNegociacionColor {
    background-color: #d3d3d3;
}

.cellHeaderTableNegociacionColor {
    background-color: #444444;
    color: white;
}

.cellNegociacionColor {
    color: blue;
    font-weight: bold;
}

.progresoFirma {
    color: rgb(250, 172, 88);
    font-weight: bold;
    font-family: Verdana;
    forn-size: small;
}

.tabsCess .leyendaCapitalesAsegurar, .tabsCess .tituloTarifaSimulada, .tabsCess .leyendaTarifaSimulada {
    border-top: 1px solid #cccccc;
    text-align: center;
    font-size: 8px;
    z-index: 999;
    position: relative;
}

    .tabsCess .leyendaCapitalesAsegurar span, .tabsCess .tituloTarifaSimulada span, .tabsCess .leyendaTarifaSimulada span {
        font-size: 8px;
    }

.divTipoConstruccion.errorRadio span,
.textoRojo {
    color: #f34039;
}

.textoVerde {
    color: #218838;
}

.verticalAlignMiddle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.verticalAlign {
    align-items: center;
}

.BtnNuevaDireccionCess,
.cmdNuevaTarjetaCess {
    min-height: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
}

.buttonAltaEdicionCliente {
    width: 200px !important;
    height: 30px !important;
    margin-right: 40px;
    float: right;
    margin-top: 30px;
}

    .buttonAltaEdicionCliente span {
        vertical-align: middle;
    }

.camposObligatorios {
    color: red;
    font-weight: bold;
}

.listAltaEdicionCliente {
    margin: 0;
}

.Label {
    padding: 7px 0px 3px 0px;
}

    .Label.Active {
        background-color: #c5d9f0;
        border-left: 5px solid #2196f3;
        margin-left: -5px;
    }

.rowDlgCliente {
    margin-bottom: 6px;
    height: 25px;
}

.imgCalendar {
    vertical-align: middle;
    margin-bottom: 4px;
}

.campoEditado {
    background-color: #ccffcc;
}

.buttonUserProfile {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    cursor: pointer;
    background-color: #cccccc;
    padding: 5px;
}

    .buttonUserProfile div img {
        vertical-align: top;
        margin-right: 10px;
        width: 30px;
    }

    .buttonUserProfile div span {
        font-weight: bold;
    }

.disableDivContent {
    pointer-events: none;
}

.disableListContent input {
    border: 1px solid #999999 !important;
    background-color: #ebebe4;
    color: #545454;
    pointer-events: none;
}

.chkFormCliente {
    margin: 2px;
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
}

.dlgEdicMedContacto {
    background-color: #e9e9e9;
    min-height: 217px;
}

.dlgEdicDireccion {
    background-color: #e9e9e9;
    min-height: 369px;
}

.dlgEdicFormaPago {
    background-color: #e9e9e9;
    min-height: 266px;
}

.txtPrefijo {
    background-repeat: no-repeat;
    padding-left: 25px !important;
    background-position: left;
    background-image: url();
}

.edicionClienteTitle {
    width: 100%;
    background-color: #cccccc;
}

    .edicionClienteTitle img {
        vertical-align: top;
        padding: 10px 0px 10px 10px;
    }

    .edicionClienteTitle span {
        font-size: 1.5em;
    }

.sectionTitleFormClientes {
    line-height: 16px !important;
    background-color: #666666;
    color: white;
    font-weight: bold;
    height: auto !important;
    font-size: 12px;
    padding: 4px 4px 4px 14px;
}

.selectorTipoDomicilio {
    background-color: #e9e9e9;
    padding: 10px 5px 10px 5px;
}

.angular-with-newlines {
    white-space: pre-line;
}

.dialogoEditarCamposPDF .errorMessage {
    margin-top: 8px;
    margin-left: 10px;
    font-size: 14px;
}

.dialogoEditarCamposPDF .errorMessage {
    margin-top: 8px;
    margin-left: 10px;
    font-size: 14px;
}

.buttonStyle.cmdRelacionEmpresaAunna {
    float: right;
    width: 275px !important;
}


.actionsComparativa .butonsComparativa .cmdEnviarComparativaEmail {
    width: 150px !important;
}

#dlgEnviarComparativaEmail .messageError {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    color: red;
}

.dlgGDPRCliente {
    margin: 10px;
    text-align: justify !important;
}

    .dlgGDPRCliente i {
        color: brown;
        font-family: Verdana;
    }

.aliasConfiguracionMercedes {
    vertical-align: top;
    font-size: x-small;
    margin: 0px;
    padding: 0px;
}

.separadorMercedes {
    border-top: 2px solid #00a5d6;
    padding-top: 10px;
    margin-top: 10px;
}

.ciasMercedes {
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 0px;
    margin: 0px;
}

.ciaMercedes {
    width: 10px;
    height: 10px;
    display: inline-block;
    transform: rotate(45deg);
    margin-right: 10px;
}

.disabledMercedes {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity = 30);
    margin-top: 0px;
    cursor: default;
}

span.chkMUTMADRI span.chkCiaMercedesContainer {
    margin-top: 10px;
}

span.chkMUTMADRI img {
    margin-top: -10px;
    margin-left: 4px;
}

.chkCiaMercedes {
    vertical-align: middle;
}

.chkCiaMercedesContainer {
    margin: 0px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.verticalAlignTop {
    vertical-align: top !important;
}

.btnHideDetalleCliente {
    position: fixed;
    right: -2px;
    bottom: 4px;
}

.headerDialogoTraspasoAneto {
    text-align: center;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #e0e0e0;
    display: table;
}

    .headerDialogoTraspasoAneto span {
        display: table-cell;
        vertical-align: middle;
        display: block;
        font-size: 1em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: 0;
        margin-right: 0;
        font-weight: bold;
    }

.lblBOSisnet {
    font-size: 16px;
    font-style: italic;
}

.divCboVia .chosen-drop {
    height: 170px;
}

.divCboComplemento .chosen-drop {
    height: 160px;
}

.divCboPiso .chosen-drop,
.divCboLetra .chosen-drop {
    height: 120px;
}

.divCboTipoVia .chosen-drop {
    height: 220px;
}

.divCboVia .chosen-drop .chosen-results {
    height: 130px !important;
    overflow-y: auto;
}

.divCboComplemento .chosen-drop .chosen-results {
    height: 120px !important;
    overflow-y: auto;
}

.divCboPiso .chosen-drop .chosen-results,
.divCboLetra .chosen-drop .chosen-results,
.divCboPrefijos .chosen-drop .chosen-results {
    height: 80px !important;
    overflow-y: auto;
}

.divCboTipoVia .chosen-drop .chosen-results {
    height: 180px !important;
    overflow-y: auto;
}
/* Diálogo Taller de productos [CESS] */

.divTallerProducto .cboOficinas {
    padding: 0;
}

.cardTabNavegacion .card-body .divArbolNavegacion {
    min-width: 246PX !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.nodeGlyphicon {
    top: -3px !important;
}

.arbolTallerProductos {
    list-style-type: none;
    padding: 0em;
    margin-right: 0em;
}

.nodoArbolExportarImportar {
    margin-right: 0 !important;
    background-color: unset !important;
    border: none !important;
    color: black !important;
}

.arbolEntornoImportadorTaller {
    padding: 6px;
    background-color: #f1f1f1;
    border-radius: 5px;
    height: 515px;
    box-shadow: 0 4px 8px 0 rgb(0, 0, 0, .2), 0 4px 8px 0 rgb(0 0 0 / 19%);
}

    .arbolEntornoImportadorTaller .selectorEntorno {
        padding-bottom: 7px;
        margin-left: 14px;
        border-bottom: 1px solid #d5d3d3;
    }



.divArbolNavegacionOrigen,
.divArbolNavegacionDestino {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    height: 94%;
}

.accionesImportadorTaller {
    text-align: center;
    position: relative;
    top: 228px;
}

    .accionesImportadorTaller div {
        font-size: 13px !important;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 4px 8px 0 rgb(0 0 0 / 19%);
    }

.arbolTallerProductos span {
    font-size: 10px;
}

.arbolTallerProductos .glyphicon {
    font-size: 15px;
    vertical-align: bottom;
}

.arbolTallerProductos .fa {
    font-size: 15px;
    vertical-align: bottom;
}

.divComponentes .fa {
    font-size: 15px;
    vertical-align: bottom;
}

.arbolTallerProductos .tree-node-content {
    margin: 3px;
    padding: 10px 2px 10px 3px;
}

.arbolTallerProductos .nodeName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.centralNavItem {
    display: inline-block;
    margin-right: 10px;
}

.centralNavItemNotActive {
    display: inline-block;
    margin-right: 10px;
    opacity: 0.6;
}

.centralNavItemHide {
    display: none;
}

.arbolBackground-4 {
    background-color: #ece6e6 !important;
    color: #000 !important;
    padding-left: 55px !important;
}

.arbolBackground-3 {
    background-color: #9cafbd !important;
    color: #000 !important;
    padding-left: 27px !important;
}

.arbolBackground-2 {
    background-color: #6d839b !important;
    color: #fff !important;
    padding-left: 34px !important;
}

.arbolBackground-1 {
    background-color: #81b8d7 !important;
    color: #000 !important;
}

.arbolBackground-0 {
    background-color: #445766 !important;
    color: #fff !important;
}

.arbolExportarImportar-4 {
    padding-left: 60px !important;
}

.arbolExportarImportar-3 {
    padding-left: 45px !important;
}

.arbolExportarImportar-2 {
    padding-left: 30px !important;
}

.arbolExportarImportar-1 {
    padding-left: 15px !important
}

.arbolExportarImportar-0 {
}

.EstadoTransferenciaNodo {
    width: 13px !important;
    height: 13px !important;
    position: relative;
    margin: 1px 0px 8px 0px;
}

    .EstadoTransferenciaNodo.spinner-border {
        margin: 1px 0px 3px 0px;
    }

.SpinnerCargandoEntorno {
    width: 23px !important;
    height: 23px !important;
    position: relative !important;
    right: -16px !important;
    top: 1px !important;
}

.divTabNavegador .branchBox {
    position: relative;
}

.arbolNodoInactivo {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.arbolNodoInfo {
    right: 26.5%;
    top: 40%;
    text-align: left;
    position: absolute;
    font: caption;
    font-size: 9px;
    background: rgba(252, 255, 255, 0.8);
    width: 41%;
    height: 38px;
    padding: 5px;
    color: #6c696c;
}

.nodoTresPuntitos {
    position: absolute;
    right: 0;
    z-index: 5;
    background: #6c757d;
    color: #fff;
    font-weight: bold;
    height: 15px;
    line-height: 9px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.opcionesTresPuntitos {
    position: absolute;
    z-index: 4;
    background: #6c757d;
    color: #fff;
    width: 44%;
    right: 20px;
    padding: 2px 10px 2px 10px;
}

.divTallerProducto .divPanelIzquierdo > .card > .card-body {
    height: 632px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.divTallerProducto .divPanelCentral > .card > .card-body {
    height: 632px;
    padding: 0;
}

.divIframe {
    height: 100%;
}

.divTallerProducto .AngularUiTree {
    margin-left: 0.2em;
    margin-top: 1.5em;
    margin-right: 0.2em;
}

.divTallerProducto .card-header {
    min-height: 18px;
}

.divTallerProducto .card-header a {
    color: #333333 !important;
}

.nodoCategoria {
    background-color: #cedff1 !important;
}

.nodoOrigen {
    background-color: #06797e52 !important;
}

.nodoProducto {
    background-color: #9abbbd !important;
}

.nodoOnFocus {
    border: 1px solid rgb(86, 180, 239);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07) inset, 0px 0px 9px #03a9f4;
}

.Opacity65 {
    opacity: 65%;
}

#FormTallerProductos * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.noBoxSizing {
    box-sizing: unset;
}

.divTallerProducto iframe {
    width: 100%;
    height: 100%;
}

.btnAccionTaller {
    font-size: 10px !important;
    margin-right: 0 !important;
    margin-top: -5px !important;
    margin-bottom: -5px !important;
}

.btnPaginacionTaller {
    position: absolute;
    bottom: -12px;
    right: 10px;
}

.numPaginacionTaller {
    margin: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #6c757d;
}

.AccionesNodos .card {
    /*padding: 6px 0px 0px 0px;*/
}

.AccionesNodos .card-body {
    padding: 11px 0px 2px 0px;
    height: 30px;
}

.AccionesNodos .card-header {
    padding: 6px 0px 0px 0px;
}

.divTallerProducto .nav-item {
    font-size: 9px;
}

/*.divDisenyador {
    height: 100%;
    overflow-x: hidden;
}*/
#divDisenyadorTabs {
    height: 586px;
    overflow-y: auto;
    position: relative;
}

#divTabNavegador {
    height: 620px;
    overflow-y: auto;
    padding-top: 10px;
    padding-left: 10px;
}

.btnComponente {
    display: block !important;
    margin-bottom: 10px !important;
}

.btnComponentes {
    font-size: 11px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 100%;
    height: 100%;
}

.headComponentes {
    padding: 0px !important;
}

.divDisenyador .ui-tabs {
    margin-top: 0px !important;
}

.divComponentes {
    z-index: 999;
}

.dropContainer {
    height: 100px;
    background: #f3faff;
}

    .dropContainer.hovering {
        background: #b6d6fb;
        border-color: #276cbc;
        border: 5px dashed transparent;
        border-color: #276cbc;
        width: 860px;
    }

.dropContainerGrupo.hovering {
    background: #b6d6fb;
    border-color: #276cbc;
    border: 5px dashed transparent;
    border-color: #276cbc;
    width: 935px;
}

.modalDialogTallerProductos.modal {
    opacity: 1;
    background-color: transparent;
    padding-top: 15px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

.modalEnviarImprimir .modal-dialog{
    max-width: 700px !important;
}

.modal-dialog {
    max-width: 550px;
}

.modalDialogTallerProductos .modal-dialog {
    max-width: 950px !important;
}

.modalDialogTallerProductos .modal-content {
    max-height: 500px;
}

.modalDialogTallerProductos .modal-body {
    /*max-height: 600px;
    overflow-y: auto;*/
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

.modalDialogTallerProductos .modal-header {
    height: 12px;
}

.modalDialogTallerProductos .modal-footer {
    height: 12px;
}


.divGlobalControl.ui-draggable-dragging {
    z-index: 999;
    border: 3px dashed transparent;
    /*background: #f3faff;*/
    border-color: #276cbc;
}

.divGlobalControl {
    float: left;
}

#divDisenyador .divGlobalControl {
    border: 2px solid transparent;
}

    /*#divDisenyador .divGlobalControl:hover {
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 2px solid #81a8e3;
    cursor: move;
}*/

    #divDisenyador .divGlobalControl.highlightDisenyador {
        border-radius: 8px 8px 8px 8px;
        -moz-border-radius: 8px 8px 8px 8px;
        -webkit-border-radius: 8px 8px 8px 8px;
        border: 2px solid #ded8d0;
        cursor: move;
        background: #f3f1ee !important;
    }

.underlineOnHover:hover {
    text-decoration: underline;
}

.DisenyadorHeader {
    margin: 7px 30px 3px 30px;
    height: 30px;
    font-size: 15px;
    background-color: white;
    font-weight: bold;
    color: #6c757d;
    border-bottom: #cccccc 1px solid;
    text-align: center;
}

#divDisenyador .divGlobalControl.ocultoDisenyador {
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 2px solid #b8bbc0;
    background-color: #d4d8db;
    opacity: 0.4;
    filter: Alpa(opacity=40);
}

#divDisenyador .ocultoDisenyador {
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 2px solid #b8bbc0;
    background-color: #d4d8db;
    opacity: 0.4;
    filter: Alpa(opacity=40);
}

.defaultfieldset.modalKO {
    border-top: 1px solid #F34039;
    border-left: 10px solid #F34039;
}

.defaultfieldset.modalWarning {
    border-left: 10px solid #FAAC58;
    border-top: 1px solid #FAAC58;
}

div .paginaSection {
    text-align: center;
}

    div .paginaSection h4 {
        margin-bottom: 0px;
        line-height: 2.25em;
    }

    div .paginaSection:hover {
        text-decoration: underline;
        width: 936px;
        border: 2px solid #666666;
    }

.divPanelCentral .btnAccionTaller {
    display: inline-block;
    line-height: 20px;
    border: 0px !important;
}

    .divPanelCentral .btnAccionTaller.btnAccionTallerSuccess {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .divPanelCentral .btnAccionTaller.btnAccionTallerSuccess:hover {
            color: #fff;
            background-color: #218838;
            border-color: #1e7e34;
        }

    .divPanelCentral .btnAccionTaller.btnAccionTallerDanger {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .divPanelCentral .btnAccionTaller.btnAccionTallerDanger:hover {
            color: #fff;
            background-color: #c82333;
            border-color: #bd2130;
        }

    .divPanelCentral .btnAccionTaller.btnAccionTallerSecondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .divPanelCentral .btnAccionTaller.btnAccionTallerSecondary:hover {
            color: #fff;
            background-color: #5a6268;
            border-color: #545b62;
        }

        .divPanelCentral .btnAccionTaller.btnAccionTallerSecondary.NotSelected {
            color: #fff;
            background-color: #afb4ba;
            border-color: #afb4ba;
        }

            .divPanelCentral .btnAccionTaller.btnAccionTallerSecondary.NotSelected:hover {
                color: #fff;
                background-color: #a1a8af;
                border-color: #a1a8af;
            }

.divNodosInactivos {
    background-color: #0000000a;
    margin-right: 10px;
}

    .divNodosInactivos .labelNodosInactivos {
        position: absolute;
        right: 10px;
        margin: 7px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        padding-left: 12px;
        font-size: 16px;
        color: #66666673;
    }

.linkPathTaller:hover {
    text-decoration: underline 2px #6c757d !important;
    cursor: pointer;
}

.grayScale {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Fin Diálogo Taller de productos [CESS] */
/* Diálogo de opciones/accesorios de vehículos [CESS] */
.headerOpcionAccesorio {
    background-color: #EEEEEE !important;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em !important;
}

    .headerOpcionAccesorio div,
    .rowOpcionAccesorio div {
        align-self: center;
    }

.rowOpcionAccesorio {
    padding-top: 5px;
    padding-bottom: 5px;
}

.rowGrey {
    background-color: #EEEEEE !important;
}

.rowOpcionAccesorio input {
    border-radius: 5px !important;
    height: 23px !important;
}

body.opacity100 .modal {
    -khtml-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.opacity20 {
    opacity: 0.2;
}

.noOpacity {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    -khtml-opacity: 0 !important;
    -moz-opacity: 0 !important;
}
/* FIN Diálogo de opciones/accesorios de vehículos [CESS] */

.colorRojo {
    color: red;
}

#dialogVerHistorico .titulo span {
    font-weight: bold;
    margin-bottom: 10px;
}

#dialogVerHistorico .rowHistorico {
    margin-bottom: 4px;
    overflow: hidden;
}

#dialogHistorico .errorMessage.red {
    color: red;
}

#dialogHistorico .errorMessage.green {
    color: green;
}

ul.listItemStyleNone {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    background-color: #ffffff;
}

.btnObservacionesPreEmision {
    width: 50% !important;
    margin: auto !important;
}

.lnkObservacionesPreEmision {
    text-align: center;
    height: 100%;
    padding: 5px;
}

/* Diálogo QueryBuilder [PERSONALIZADOS] */

.qbCopyButton {
    width: 67px !important;
    left: 0 !important;
    position: absolute !important;
}

    .qbCopyButton .ui-button-text {
        border-radius: 8px 0px 0px 8px !important;
    }

.qbPasteButton {
    width: 72px !important;
    left: 68px !important;
    position: absolute !important;
}

    .qbPasteButton .ui-button-text {
        border-radius: 0px 8px 8px 0px !important;
    }

.ui-button-text-only.qbCopyButton .ui-button-text,
.ui-button-text-only.qbPasteButton .ui-button-text {
    width: auto !important;
    background-color: #5cb85c !important;
}

/* FIN Diálogo QueryBuilder [PERSONALIZADOS] */

/* Buscador de vehículos Base 7 */

.dialogoBuscadorVehiculos input[type="text"],
.dialogoBuscadorVehiculos input[type="button"] {
    height: 22px !important;
    border-radius: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.dialogoBuscadorVehiculos input[type="button"] {
    height: 24px !important;
}

.divBuscadorPorMatBast {
    padding: 10px;
    background-color: #efefef;
    border-radius: 5px !important;
    min-height: 70px;
    width: 687px !important;
}

.lblMatriculaBastidor {
    margin-left: 5px;
}

.divErrorBuscadorVehiculoB7 {
    min-height: 16px;
}

.errorSpan {
    color: #f34039;
}

.divGrupoConfigLicenciaB7 {
    margin-bottom: 20px;
    border: 1px solid #CED8E3;
}

    .divGrupoConfigLicenciaB7:last-child {
        margin-bottom: 0;
    }

.divContentAdministracion50 .divGrupoConfigLicenciaB7 {
    background-color: white;
}

.divGrupoConfigLicenciaB7 .subSectionTitle {
    border-bottom: 2px solid #102542 !important;
}

    .divGrupoConfigLicenciaB7 .subSectionTitle h6 {
        margin-top: 0px;
    }


.divGrupoConfigLicenciaB7 > .divDetalleContacto {
    display: none;
}

/* FIN Buscador de vehículos Base 7 */

/* Reporte consultas a Base 7 */

.tituloReporteBase7 {
    font-style: normal;
    font-family: Verdana;
    font-size: 14pt !important;
    font-weight: 700 !important;
    text-decoration: underline;
    unicode-bidi: normal;
    color: #102542;
    white-space: pre-wrap;
    padding-left: 2pt;
    padding-top: 2pt;
    padding-right: 2pt;
    padding-bottom: 2pt;
}

.lblFiltroReporteBase7,
.lblTblResultadoReportBase7 {
    background-color: Transparent;
    font-style: normal;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: 700 !important;
    color: #102542;
}

.divInfoConfiguracion {
    border: 1px solid #666666;
    border-left: 10px solid;
    border-right: 0px;
    background-color: #cccccc;
}

.divInfoBackOfficeElevia {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #666666;
}

.divContenidoBackOfficeElevia {
    padding-top: 15px;
    border-top: 2px solid #102542;
}

.divInfoBackOfficeElevia .spanAccordion, .divInfoBackOfficeElevia .spanConfigElevia {
    font-weight: bolder !important;
    color: #102542 !important;
}

.divContenidoBackOfficeElevia b {
    font-weight: bolder !important;
}

.ConfiguracionUsuariosBackOfficeOK {
    border-left: 10px solid #99BF12 !important;
}

.imgToolTipIcon {
    top: 25px;
    position: absolute;
    left: 15px;
}

/* Accordion config */
.accordion-config .ui-accordion-default, .accordion-config .ui-accordion-header,
.accordion-config .ui-state-active, .accordion-config .ui-widget-content .ui-state-active,
.accordion-config .ui-widget-header .ui-state-active, .accordion-config .ui-accordion-content,
.accordion-config .ui-widget-header .ui-state-hover, .divTituloAccordion, .accordion-config {
    background-color: #cccccc !important;
    width: 100%;
}


.divVerNoticias {
    background-color: #cccccc;
    width: 168px;
    padding: 10px;
}


.lblTituloNoticias {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    color: #111111;
    padding: 0;
    vertical-align: baseline;
}


.divInfoNoticias {
    text-align: center;
    background-color: gray;
    color: white;
    min-height: 500px;
    line-height: 200px;
    font-weight: bold;
    font-size: 1.5em;
}


.litInfoRedireccion {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
}


.divVerNoticias .BotonMaster, .divVerNoticias input.BotonMaster {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px !important;
    height: 25px;
    width: 130px;
    float: right;
    margin-right: -5px;
}

/* Pasarela de pago */
.resultadoPasarelaPago {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .resultadoPasarelaPago span {
        font-size: 1.8em;
        font-weight: bold;
    }

    .resultadoPasarelaPago .divMensajesPasarelaPago span {
        font-size: 1.3em !important;
        font-weight: normal !important;
    }
/* END Pasarela de pago */

/* FIN Reporte consultas a Base 7 */
.TextSize16 {
    font-size: 16px !important;
}

.TextSize12 {
    font-size: 12px !important;
}

.contadorLimiteQuill {
    padding-right: 15px;
    padding-top: 10px;
}

.TextSize11 {
    font-size: 11px !important;
}

.TextSize10 {
    font-size: 10px !important;
}

.containerAccordionParametrosIdentificacion .buttonStyle {
    width: 140px !important;
    height: 30px;
}

.testMasivoHide {
    display: none !important;
}

.warningEnlaceBOContratacion {
    background-color: #F3E2A9;
    border-left: 10px solid #FAAC58;
    border-top: 1px solid #FAAC58;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    width: 660px !important;
    line-height: 24px;
}

.correctoEnlaceBOContratacion {
    background-color: #E9F9B0;
    border-left: 10px solid #99bf12;
    border-top: 1px solid #99bf12;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    width: 660px !important;
    line-height: 24px;
}

.errorEnlaceBOContratacion {
    background-color: #FEBCBA;
    border-left: 10px solid #F34039;
    border-top: 1px solid #F34039;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    width: 660px !important;
    line-height: 24px;
}

.warningEnlaceBOTarificacion {
    background-color: #F3E2A9;
    border-left: 10px solid #FAAC58;
    border-top: 1px solid #FAAC58;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    line-height: 24px;
}

.correctoEnlaceBOTarificacion, .OKColor {
    background-color: #E9F9B0;
    border-left: 10px solid #99bf12;
    border-top: 1px solid #99bf12;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    line-height: 24px;
}

.infoRetarificarProyecto {
    background-color: var(--notificacionOK);
    color: #000000;
    padding: 10px;
    min-height: 25px;
    line-height: 24px;
}

.errorEnlaceBOTarificacion {
    background-color: #FEBCBA;
    border-left: 10px solid #F34039;
    border-top: 1px solid #F34039;
    color: #000000;
    font-size: 13px;
    padding-left: 10px;
    min-height: 25px;
    padding-right: 20px;
    line-height: 24px;
}

.imgProcesoBackOffice {
    vertical-align: middle;
}

.divCodigoMediacionNumeroPoliza .divNumeroPoliza .cboFormatoNumeroPoliza {
    max-width: 100%;
    width: auto;
}


.ConfiguracionBackOfficeOK {
    border-left: 10px solid #67d19c !important;
}

.ConfiguracionBackOfficeWarning {
    border-left: 10px solid #ffe599 !important;
}

.ConfiguracionBackOfficeKO {
    border-left: 10px solid #f8d7da !important;
}

.divGarantiasCapitalesHogar {
    height: 490px;
    margin-left: 20px;
    margin-top: 10px;
}

.divGarantiasCapitalesAutos {
    margin-left: 20px;
    margin-top: 10px;
}

.divDetalleFigurasAxaHogar .span-9 {
    width: auto !important;
}

.productoAdicional tbody tr:nth-child(2n) td {
    background: none !important;
}

.divCoberturasDinamicasAngular input[type="text"]:not(.form-control) {
    width: 136px;
}

.contenedorAdicionalesInfo .col-sm-12 {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.botonesCoberturas {
    text-align: right;
}

.buttonCoberturasPopUp {
    padding: .4em 1em;
    display: block;
    line-height: 1.4;
    color: #fff;
    width: 150px;
    min-height: 23px;
    font-size: 1.4em;
    background-color: #666;
    cursor: pointer;
    border: 0;
    text-align: center;
    float: right;
    height: auto !important;
}

.coberturasTarifa {
    text-decoration: none;
}

.DialogoCoberturasDinamicas .ui-widget-content {
    height: auto !important;
}

.dialogoCoberturas #frameDialogo {
    height: 100% !important;
}

.rowTarifaActualizada {
    background-color: #e2f3e1;
    padding: 5px 0px 5px 0px;
    margin-bottom: 1px;
}

.divTituloHistorialNotas, .divTituloDocumentacionDigital {
    border: 1px solid #cccccc;
    background-color: #cccccc;
}

.divRecuadroHistorialNotas, .divRecuadroHistorialFirmas {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    position: relative;
}

.divDetalleHistorialNotas {
    height: 225px;
    overflow-x: hidden;
    margin-bottom: 10px;
}

.lblHistorialNotas, .lblDocumentacionDigital {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
}

.divRecuadroDocumentacionDigital {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    height: 155px;
    position: relative;
}

.lblDescripcionDocumentacionDigital {
    color: #666666;
    font-style: italic;
}

.lblComentarioInvalido, .lblDocumentoInvalido {
    margin: 5px;
    color: #f34039;
    font-size: 90%;
}

.btnMostrarHistorialNotas {
    cursor: pointer;
}

.imgTooltipContrato {
    width: 15px;
    opacity: 0.75;
    margin-top: 7px;
}

.width100Important select {
    width: 100% !important;
}

.widthCobNivel1 {
    float: left;
    width: 440px;
}

.widthCobNivel1Short {
    float: left;
    width: 400px;
}

.widthCobNivel1ShortGenerali {
    float: left;
    width: 580px;
}

.widthCobNivel1SoloCapital {
    float: left;
    width: 560px;
}

.widthCobNivel2 {
    float: left;
    width: 390px;
}

.widthCobNivel2Short {
    float: left;
    width: 350px;
}

.widthCobNivel2SoloCapital {
    float: left;
    width: 510px;
}

.widthCobNivel3 {
    float: left;
    width: 340px;
}

.widthCobNivel3Short {
    float: left;
    width: 300px;
}

.widthCobNivel3SoloCapital {
    float: left;
    width: 460px;
}

.divEsconderBarraSRCEsconderFiltro {
    right: 138px !important
}

.noleft {
    left: 0px !important;
}

.anchoDialogoCoberturasGCO {
    width: 1000px !important;
}

.linkVolcarEnSISnet {
    position: relative;
}

.dotOK {
    position: absolute;
    top: -38px;
    padding: 2px 2px;
    border-radius: 50%;
    background-color: green;
    border: green solid 2px;
}

.dotKO {
    position: absolute;
    top: -38px;
    padding: 2px 2px;
    border-radius: 50%;
    background-color: red;
    border: red solid 2px;
}

.EmptyDot {
    position: absolute;
    top: -38px;
    padding: 2px 2px;
    border-radius: 50%;
    border: black solid 2px;
}

.dotSisnetProy {
    left: -10px;
}

.rowTarifaActualizada {
    background-color: #e2f3e1;
    padding: 5px 0px 5px 0px;
    margin-bottom: 1px;
}

.divCoberturasDinamicasAngular .cobNivel1 {
    padding-left: 40px !important;
}

.divCoberturasDinamicasAngular .cobNivel2 {
    padding-left: 90px !important;
}

.divCoberturasDinamicasAngular .cobNivel3 {
    padding-left: 140px !important;
}

.InputCoberturasDinamicas {
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px !important;
    border: 1px solid #dee2e6;
    border-radius: 3px !important;
    font-size: 0.9em;
    width: 148px !important;
    height: 33px !important;
}

.divCoberturasEstandar .incidenciasList {
    overflow: unset !important;
}

.divCoberturasEstandar .card-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.divCoberturasEstandar .custom-control-label::before {
    top: 0.35rem !important; 
}

.divCoberturasEstandar .custom-switch .custom-control-label::after {
    top: calc(0.35rem + 2px) !important;
}

.divCoberturasEstandar .custom-control-label {
    font-weight: normal !important;
}

.divCoberturasEstandar select{
    font-size:14px;
}

.divCoberturasEstandar input {
    font-size: 14px;
    margin:0;
    padding-bottom: 4px !important;
}

.divCoberturasEstandar .classParent {
    display: flex;
    align-items: center;
}

.divCoberturasEstandar .cobNivel1 {
    padding-left: 40px !important;
}

.divCoberturasEstandar .detalleVehiculoResto{
    font-size:12px;
}

/* Pasarela de pago */
.resultadoPasarelaPago {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .resultadoPasarelaPago span {
        font-size: 1.8em;
        font-weight: bold;
    }

    .resultadoPasarelaPago .divMensajesPasarelaPago span {
        font-size: 1.3em !important;
        font-weight: normal !important;
    }

/* END Pasarela de pago */

/* Recomendación tarifa */
.tarifaFieldsRecomendada {
    background: #FFFCB9;
}

div.buttonRecomendar {
    margin-bottom: 10px;
    overflow: hidden;
    z-index: 99999 !important;
    text-align: center;
}

    div.buttonRecomendar a {
        text-decoration: none;
    }

        div.buttonRecomendar a div {
            font-size: 11px;
            height: 17px !important;
            margin-left: 31%;
            margin-top: 3%;
            width: 80px !important;
            line-height: 20px;
        }

.comparativaSalud div.buttonRecomendar a div {
    margin-left: 22% !important;
}

div.buttonRecomendarAuto a div {
    margin-left: 22% !important;
}

.recomendacionError {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    color: red;
}
/* END Recomendación tarifa */
/*Estilo para saber la fila seleccionada**/
.resaltarItem {
    background-image: url('../../images/last-search-viewGreen.png');
    background-repeat: repeat-y;
    background-position: left;
    background-size: 6px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    padding-left: 5px;
    min-height: 60px;
}

/*Estilo por defecto**/
.resaltarItemDefault {
    background-image: url('../../images/last-search-view.png');
    background-repeat: repeat-y;
    background-position: left;
    background-size: 6px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    padding-left: 5px;
    min-height: 60px;
}

.divExclusion {
    margin-bottom: 15px;
}

.sectionTitle .helpTooltip,
.subSectionTitle .helpTooltip {
    margin-left: 0 !important;
}

.chosen-container .chosen-results li.group-result {
    font-weight: 700 !important;
}

table.cboVersion {
    width: 690px !important;
}

    table.cboVersion thead {
        position: absolute !important;
    }

    table.cboVersion tr .Bold {
        font-weight: bold !important;
    }

.dialogoBuscadorVehiculos .divFiltros .btnLoadMoreResults {
    width: 200px !important;
}

.divCoberturasEstandar .widthCobNivel1 .custom-control .custom-control-label {
    max-width: 360px;
}

.OKColorSinFondo {
    color: #99bf12;
    font-weight: bold;
}

A, A:active A:hover A:link A:visited {
    color: #333333 !important;
}

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

#content {
    min-height: 100vh;
    overflow: auto;
    padding: 10px;
    margin: 0 auto;
    min-width: 990px !important;
}

    #content.divRamosDefault50{
        margin-left: 0px !important;
    }

    #content.divProyecto60 {
        max-width: 1200px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    #content.buscador50 {
        margin: 0px !important
    }

    #content.contratosPendientes {
        width: 100%;
        padding: 20px;
    }

    .contentXL {
        min-width: unset;
        width: 100%;
    }

@media screen and (min-device-width: 0px) and (max-device-width: 1107px) {
    #content {
        margin-left: 54px;
    }

}

@media screen and (min-width: 0px) and (max-width: 1680px) {

}

@media screen and (min-width: 0px) and (max-width: 1370px) {
    .descripcion-btn-comparativa {
        display: none;
    }
}

@media (max-height: 750px) {
    .divGarantiasCapitalesHogar {
        height: 325px;
    }
}

@media (max-width: 1949px){
    .productoPastilla.productoPastillaSeleccionCompanyias {
        background-size: 90% !important;
    }
}

@media (min-width: 1950px) {
    .productoPastilla.productoPastillaSeleccionCompanyias {
        background-size: 75% !important;
    }
}

@media (min-width: 1400px) {
    .divFinalContrato50 {
        max-width: 1900px; /* mismo ancho que en otros formularios */
        margin:auto; /* centra el contenido */
    }
}

.toggle.btn.btn-secondary.disabled .btn.btn-secondary.toggle-on {
    color: #6c757d !important;
}

.productoPastilla.productoPastillaSeleccionCompanyias {
    background-color: white;
    height: 90px;
}


.containerDialog #content {
    overflow: initial !important;
    min-width: unset !important;
    backface-visibility: hidden;
    will-change: transform;
}

.navBar50 {
    height: 100vh;
    margin-right: 0;
    padding: 20px 3px 3px 3px;
    background-color: white;
    border-right: solid 0.01em #e8e8e8;
    position: fixed;
    z-index: 1000;
    box-shadow: 0px 2px 4px 4px rgba(0,0,0,0.1);
    left:0;
}

    .navBar50 .sesion,
    .navBar50 .menu {
        margin: 0px !important;
    }

    .navBar50.sidebar-collapsed {
        width: 57px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        /*.navBar50.sidebar-collapsed ul,
        .navBar50.sidebar-collapsed li {
            width: 57px !important;
        }*/

    .navBar50.sidebar-expanded {
        width: 180px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .navBar50.sidebar-expanded ul,
        .navBar50.sidebar-expanded li {
            width: 180px !important;
        }

/*.navBar50.sidebar-collapsed img {
    width: 100% !important;
}*/

.divBarraFiltros.sidebar-collapsed, .divBarraSRC.sidebar-collapsed {
    width: 57px;
    transition: all 0.2s;
}

.divBarraFiltros.sidebar-expanded, .divBarraSRC.sidebar-expanded {
    width: 205px;
    transition: all 0.2s;
}

.navBar50 .cmdCollapse {
    box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.3);
    width: 30px;
    border-radius: 4px;
    height: 30px;
    padding: 4px 7px;
    right: -16px;
    position: absolute;
    background-color: white;
    bottom: 43px;
    cursor: pointer;
}

.navBar50 .divLogoEmpresa {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
    overflow: hidden;
    min-height: 70px;
}

.navBar50 .logoTarifai {
    max-width: 59px;
    position: absolute;
    right: 65px;
    margin-top: 6px;
}

.navBar50 .divLogoTarifai {
    border-top: 1px solid #6666664a;
    margin-left: 6px;
    width: 90%;
}

.navBar50 li[alias="AcercaDe"] * {
    cursor: default;
}

.navBar50 .sesion {
    position:absolute !important;
    bottom: 34px;
    left: 3px;
}

    .navBar50 .sesion .divAcercaDe {
        cursor: default;
    }

    .navBar50 .menu li,
    .navBar50 .sesion li {
        padding: .5rem 1rem !important;
        border: none !important;
        line-height: 21px;
    }

        .navBar50 .menu li:hover span:not(.glyphicon),
        .navBar50 .menu li.selected span:not(.glyphicon),
        .navBar50 .sesion li:hover span:not(.glyphicon),
        .navBar50 .sesion li.selected span:not(.glyphicon) {
            font-family: TitilliumWeb-SemiBold !important;
        }

        .navBar50 .menu li.selected,
        .navBar50 .sesion li.selected {
            border-left: solid 3px #18243e !important;
            /*cursor: default;*/
        }

            /*.navBar50 .menu li.selected *,
                .navBar50 .sesion li.selected * {
                    cursor: default;
                }*/

            .navBar50 .menu li.selected a,
            .navBar50 .sesion li.selected a {
                margin-left: -2px !important;
            }

        .navBar50 .menu li *,
        .navBar50 .sesion li * {
            padding-top: 0px !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
            padding-bottom: 0px !important;
            border: none !important;
            background-color: unset !important;
            min-height:24px;
        }

        .navBar50 .menu li span .fa,
        .navBar50 .sesion li span .fa {
            margin-right: 15px;
            margin-left: 2px;
        }

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

.acercaDeTar50 .itemDireccion50 {
    margin-left: 16px !important;
}

.acercaDeTar50 .itemImgPiePagina {
    margin-top: 9px;
    padding-top: 5px;
    background-color: #fff;
    margin: 0px -10px -10px -10px !important;
    padding: 5px 10px;
}

    .acercaDeTar50 .itemImgPiePagina img {
        margin-right: 10px;
        width: 90px;
    }

    .acercaDeTar50 .itemImgPiePagina span {
        font-size: 9px !important;
    }

.itemFooter50 span {
    font-size: 12px !important;
}

.divCentroControlMaster {
    min-height: 75vh;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.iconoPastillaCentroControl50 {
    align-items: flex-end;
    padding-bottom: 10px;
}

    .iconoPastillaCentroControl50 i {
        font-size: 40px !important;
        color: #102542;
    }

.pastillaCentroControl50, .mensajeNoAutorizado {
    background-color: white;
    box-shadow: 2px 5px 6px -6px rgba(0,0,0,1);
    height: 150px;
    cursor: pointer;
    transition: transform 0.5s;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
}

    .pastillaCentroControl50 div {
        height: 40%;
        display: flex;
        justify-content: center;
    }

        .pastillaCentroControl50 div:first-of-type {
            height: 60%;
        }

.tituloPastillaCentroControl50 {
    font-size: 14px !important;
    color: #102542;
}

.divGestionTimeoutProductos  .divPersonalizadoRamo {
    overflow:hidden;
}

.controlCenterCard {
    width: 200px !important;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.pastilla50 {
    background-color: white;
    box-shadow: 2px 5px 6px -6px rgba(0,0,0,1);
    width: 200px;
    height: 200px;
    margin: 10px;
    cursor: pointer;
    transition: transform 0.5s;
}

    .pastilla50:hover, .pastillaCentroControl50:hover {
        transform: scale(1.1);
    }

    .pastilla50 img {
        width: 100px;
        height: 100px;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .pastillaMercedes img {
        width: auto !important;
    }

.pastilla50Buscador {
    background-color: white;
    box-shadow: 2px 5px 6px -6px rgba(0,0,0,1);
    width: 200px;
    margin: 10px;
    cursor: pointer;
    transition: transform 0.5s;
}

    .pastilla50Buscador:hover {
        transform: scale(1.1);
    }

    .pastilla50Buscador img {
        width: 100px;
        height: 100px;
        position: relative;
        top: 10%;
        left: 25%;
        margin-bottom: 25px;
    }

.pastilla50lista {
    width: 350px;
    height: auto;
    transform: none !important;
    cursor: default;
}

    .pastilla50lista.pastillaFamilia {
        width: 350px !important;
    }

.pastillaFamilia {
    z-index: 999 !important;
}

.pastilla50lista .imgPastilla {
    width: 60px;
    height: 60px;
    left: 5%;
    top: 10px;
    margin-bottom: 15px !important;
}

.tituloPastillaMercedes{
    padding-top:10px;
}

.tituloPastilla, .Titulo50, .Titulo50 span {
    font-weight: 500 !important;
    font-size: 20px !important;
    text-align: center;
    color: #102542;
}

.divCompanyiasSeleccionadas{
    position:absolute;
    right:50px;
    z-index:100;
    top:15px;
}

.tituloPastillaBuscador {
    font-weight: 500 !important;
    font-size: 20px !important;
    text-align: center;
    color: #102542;
    margin-top: 10px;
}

.divRamosDefault50, .divComparativaMaster50, .divNoticias50 {
    flex-grow: 1;
    min-height: 100vh;
    transition: all linear 0.2s;
}

.divComparativaMaster50, .divNoticias50 {
    margin-left: 60px !important;
}

.contratoMaster {
    position: absolute;
    top: 0;
}

.divRamosLista {
    grid-template-columns: repeat(auto-fill, 350px) !important;
}

.divRamosFamilia {
    display: grid;
}

.divRamosFamiliaLista > div {
    grid-gap: 1em !important;
}

.divRamosFamilia > div {
    grid-gap: 2em;
}

.listaNoticias {
    overflow-y: auto;
}

.itemNoticia {
    background-color: white;
    box-shadow: 2px 5px 6px -6px rgba(0,0,0,1);
    height: 80px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 2px !important;
}

.divInfoNoticia {
    padding: 0px 0px 0px 5px !important;
    width: 325px;
}

.divTituloNoticia {
    max-height: 58px !important;
    overflow: hidden;
    line-height: 17px !important;
}

.divTiempoDesdeNoticia {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.spanNoticiaNueva {
    margin-right: 14px;
    background-color: var(--tarifaiNaranja);
    color: white !important;
    padding: 1px 15px 1px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.spanNoticiaNuevaHTML {
    background-color: var(--tarifaiNaranja);
    color: white !important;
    padding: 1px 15px 1px 15px;
    border-radius: 5px;
    position: absolute;
    top: 9px;
    right: 9px;
}

.navBar50 .menu li .spanNumNoticiasNuevas {
    background-color: var(--tarifaiNaranja) !important;
    color: white !important;
    padding: 1px 6px 1px 6px !important;
    border-radius: 100%;
    font-size: 10px !important;
    position: absolute;
    top: -6px;
    left: 9px;
    min-height: unset;
    height: 17px;
    line-height: 14px;
}

.spanMasNumNoticiasNuevas:after {
    content: "+";
    margin-left: -5px;
    font-size: 10px;
    position: relative;
    top: -1px;
    right: -2px;
}

.navBar50 .menu li .spanNumNoticiasNuevas.spanMasNumNoticiasNuevas {
    padding: 2px 5px 3px 5px !important;
    top: -14px;
}

.navBar50 .menu li:hover span:not(.glyphicon).spanNumNoticiasNuevas{
    font-family: Inter !important;
}

.divImagenNoticia {
    padding: 0px 5px !important;
}

.imgNoticia {
    height: 74px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    object-fit: contain;
    padding: 5px;
    max-width: 84px;
    display: block;
    margin: auto;
}

.tituloNoticia {
    font-size: 12px !important;
    margin: 6px 6px 6px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tiempoDesdeNoticia {
    font-size: 11px !important;
    color: #a4a4a4;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
}

.divContenidoNoticia {
    background-color: white;
    box-shadow: 2px 5px 6px -6px rgba(0,0,0,1);
    border-radius: 5px;
    padding-right: 40px;
    padding-top: 10px;
    width: 60vw;
}

    .divContenidoNoticia h1 {
        color: #102542;
        font-size: 30px !important;
        font-weight: bolder !important;
    }

    .divContenidoNoticia strong {
        font-weight: bolder !important;
    }

    .divContenidoNoticia hr {
        border: none;
    }

.divLectorNoticias {
    margin: 0 !important;
}

.titulo {
    color: #102542;
    font-size: 30px !important;
    font-weight: bolder !important;
}

.subTitulo {
    color: #102542;
    font-size: 25px !important;
    font-weight: bolder !important;
    text-align: center;
    margin: auto;
}

.subTitulo2 {
    color: #102542;
    font-size: 16px !important;
    font-weight: bolder !important;
    margin: auto;
}

.divSubtitulo2 {
    border-bottom: 2px solid #102542;
    margin-top: 25px !important;
}

#txtBuscarRamo {
    width: 300px;
    font-size: 14px !important;
}

.btn.botonesGrid, .btn.btnFamilia {
    float: right;
}

    .btn.botonesGrid.active {
        background-color: #666;
        color: white;
    }

.iconoGrid {
    margin-right: 10px;
}

.divComparativaMaster50 .divHeader {
    padding: 15px 15px 15px 0px;
    display: flex;
    justify-content: space-between;
    background-color: #122937;
    color: #d5d3d3;
    margin-bottom: 16px;
    border-radius: 5px
}

    .divComparativaMaster50 .divHeader span {
        color: white;
    }

.divComparativaMaster50 .divFiltros {
    /*border:1px solid black; kmd:border*/
    position: relative;
    display: flex;
}


.divComparativaMaster50 .divContenedor50 {
    padding: 0 !important;
}

.divComparativaMaster50 .divTarifas {
    /*padding: 20px 0px 0px 0px;*/ /*IMPORTANTE!!!! si se cambia este valor se tiene que modificar también la constante en ComparativaMaster50.js para que no descuadren los filtros*/
    background-color: #f9f9f9;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 20px !important;
}

.maxHeightTarifasL {
    max-height: calc(100vh - 240px);
}

.height35 {
    height: 35px !important;
}

.height70 {
    height: 70px !important;
}

.maxHeightTarifasML {
    max-height: calc(100vh - 260px);
}

.filtroIcono {
    border: 1px solid black;
    position: relative !important;
    top: calc(50% - 10px) !important; /* 50% - 3/4 of icon height */
    font-size: 11px !important;
    color: white;
    background-color: #102542;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

    .filtroIcono:active {
        color: #102542;
        background-color: white;
    }

.iconoTarifaOK,
.iconoTarifaKO,
.iconoTarifaWarning {
    top: 45px !important;
    /*top:calc(35%) !important;*/
    /*left:-40px;*/
}

.iconoTarifaWarning,
.iconoTarifaKO {
    cursor: pointer;
}

.tarifaWarning .iconoTarifaKO {
    color: rgb(246, 151, 66) !important;
}

.divInfoResultado .spanInfoResultado {
    position: relative;
    top: 15px;
    /*font-weight:900 !important;*/
}

.divInfoResultado {
    display: flex;
    border: none !important; /* borrar luego kmd*/
}

.iconoTarifaOK, .iconoTarifaOK + span {
    color: green;
}

.iconoTarifaKO, .iconoTarifaKO + span {
    color: red;
}

.iconoTarifaWarning, .iconoTarifaWarning + span {
    color: orange;
}

.tarifarow, .tarifaRowMensajes {
    display: flex;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%);
    padding: 3px 15px;
    background-color: #ffffff;
    margin: 11px; /*IMPORTANTE!!!! si se cambia este valor se tiene que modificar también la constante en ComparativaMaster50.js para que no descuadren los filtros*/
    text-align: center;
    height: 122px;
}

    .tarifarow:hover {
        transform: scale(1.015);
        transition: transform 0.1s;
        box-shadow: 0px 0px 4px 0px #C6C6C6;
    }

    .tarifarow .modalidad,
    .tarifarow .veradicionales,
    .tarifarow .btncontratar {
        padding-top: 18px;
    }

    .tarifarow .logo {
        position: relative !important;
    }

        .tarifarow .logo img {
            /*padding-top: 7px;*/
        }

    .tarifarow .precio .divPrecio {
        font-size: 30px !important;
        padding: 10px;
    }

.divPrecioAnualizado {
    font-size: 12px !important
}

.tarifarow .modalidad {
    font-size: 14px !important;
    padding: 10px 10px 0px 10px;
    text-transform: uppercase;
    text-align: left;
}

.divBotonesComparativaFiltros {
    display: flex;
    position: absolute;
    right: 0;
}


.btnPreemitir, .btnEmitir, .divBoton {
    border: 1px solid black !important;
    border-radius: 0 !important;
    border-radius: 5px !important;
}

    .btnPreemitir:hover, .btnEmitir:hover, .divBoton:hover {
        box-shadow: 0 0 5px #101C54;
        color: black !important;
        cursor: pointer;
    }

    .btnPreemitir[disabled] {
        box-shadow: none;
        opacity: 0.5;
        cursor: default;
    }

.divAccionesFiltros {
    display: flex;
    justify-content: space-around;
}

.divFiltros, .divBarraFiltros, .divBarraSRC {
    opacity: 1;
    transition: all linear 0.5s;
}

.divBarraFiltros, .divBarraSRC {
    position: fixed !important;
    right: 14px !important;
    box-shadow: 6px 4px 5px 1px var(--gris) !important;
    z-index: 2;
}

    .divBarraFiltros.ng-hide {
        transition: all linear 0.5s;
        opacity: 1 !important;
        display: block !important;
        right: -350px !important;
    }

    .divBarraSRC.ng-hide {
        transition: all linear 0.5s;
        opacity: 1 !important;
        display: block !important;
        right: -370px !important;
    }

.divEsconderBarraFiltro,
.divComparativaCoberturas {
    padding: 2px 5px;
    margin-right: 10px;
}

.divEsconderBarraSRC {
    margin-right: 10px;
    padding: 2px 5px;
}

/* Overrides de spans para diálogo de buscador de vehículos */
.dialogoBuscadorVehiculos .divFiltros .span-5,
.dialogoBuscadorVehiculos .divFiltros .span-6,
.dialogoBuscadorVehiculos .divFiltros .span-8,
.dialogoBuscadorVehiculos .divFiltros .span-9 {
    padding-left: 10px;
}

.divBuscadorPorMatBast .divInputBuscadorPorMatBast .span-4 {
    width: 160px;
}

.divBuscadorPorMatBast .divInputBuscadorPorMatBast .span-11 {
    width: 350px;
}

.divBuscadorPorMatBast .divInputBuscadorPorMatBast .span-15 {
    width: 550px;
}

.divBuscadorPorMatBast .divInputBuscadorPorMatBast .txtMatriculaBastidor {
    width: 380px !important;
}

.ng-hide {
    transition: all linear 0s;
    opacity: 0;
}

.divContenedor50 {
    display: flex;
}

.barraPuntos {
    border-top: 1px dashed black;
}

.divContenedorSRC {
    width: 360px;
}

.divContenedorFiltros, .divContenedorSRC {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
    padding: 1px 25px 5px 25px;
    background-color: white;
}

    .divContenedorFiltros div {
        margin-bottom: 5px;
    }

    .divContenedorFiltros span, .divContenedorSRC span {
        display: block;
        font-size: 14px !important;
    }

    .divContenedorFiltros .ui-slider {
        margin-top: 9px;
    }

.precioFiltro, .franquiciaFiltro {
    position: relative;
}

.range-wrap {
    position: relative;
    margin: 0 auto 3rem;
}

.range {
    width: 100%;
}

.displayRango {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    max-height: 5px;
}

.divMarcaPreemitido {
    background-color: var(--tarifaiVerde) !important;
    color: white;
    font-size: 10px !important;
    width: 75px;
    text-align: center;
    height: 18px;
    margin-top: 2px;
    padding: 2px;
}

.tooltipDescripcionComparativa {
    width: 67%;
    overflow: hidden;
    margin-left: 11px;
    color: gray;
    text-transform: none !important;
}

.bi-star {
    cursor: pointer;
    color: black;
}

    .bi-star-fill.seleccionada {
        color: gold !important;
    }

    .bi-star.deshabilitado {
        color: grey !important;
        cursor: none;
    }

.divPeritaje50, divPermitePagoAplazado50, .divBloqueado50, .divPromociones50 {
    margin-right: 5px;
}

.divInfoSinco {
    width: 150px;
    margin: auto;
    /*margin-left: 60px;*/
    height: 26px;
}

    .divInfoSinco span {
        font-size: 10px !important;
        text-transform: uppercase;
        text-align: center;
        color: white;
        /*font-weight:900 !important;*/
    }

.bonificacionOK {
    color: var(--tarifaiVerde) !important;
}

.bonificacionConfirmableVC {
    background-color: orange !important;
    font-size: 9px !important;
    padding: 3px;
    color: white;
    border-radius: 50%;
}

.bonificacionKO {
    color: var(--tarifaiRojo);
}

.bonificacionConfirmable {
    display: inline-block;
    background-color: orange !important;
    cursor: pointer;
    color: white;
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

.divInfoTarifa u, .divLinkCoberturas u {
    font-size: 11px !important;
    /*border: none !important; kmd:border*/
    text-transform: uppercase;
    /*font-weight:900 !important;*/
}

.tarifarow .modalidad,
.tarifarow .btncontratar {
    position: relative;
}

.divInfoFranquicia {
    height: 21px;
}

.divInfoFranquiciaVC {
    height: 20px;
    font-size: 12px !important;
    color: gray;
    text-align:right;
}

.tarifarow .btncontratar .btn {
    margin-right: 0px;
}

.divLinkCoberturas {
    left: 50%;
    top: 100%;
    transform: translate(-50%,-100%);
}

.divInfoTarifa, .divLinkCoberturas {
    position: absolute;
    width: auto;
    cursor: pointer;
    text-align: center;
}

.divModalidadMPM b, .logo .divNombreProducto, .aliasConfiguracionProducto {
    color: gray;
    font-size: 12px !important;
    height: 20px;
    /*font-weight: 900 !important;*/
}

.divNombreProducto {
    /*margin-bottom:5px;*/
}


.iconoDocumentacion {
    display: flex;
    justify-content: space-around;
}

    .iconoDocumentacion img {
        position: absolute;
        top: calc(40%) !important;
    }

.iconoDocumentacion50 {
    cursor: pointer;
    width: 17px;
    height: 22px;
}

.divBarraFiltros .cboOrden {
    width: 151px !important;
}

.divBarraFiltros .cboModalidad,
.divBarraFiltros .cboCias {
    width: 100% !important;
}

.divGuardarFiltro, .divBorrarFiltro, .divNombreFiltro, .divEditarFiltro {
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
    padding: 5px;
}

    .divGuardarFiltro i, .divBorrarFiltro i {
        margin-right: 10px;
    }

.divBarraFiltros select {
    width: 170px !important;
}

.btnAccionesVerPreemision {
    position: relative !important;
    top: 20px !important;
}

.divInfoTarifaSuperior {
    display: flex;
    height: 22px;
}


.fas {
    font-family: "Font Awesome 6 Free" !important;
    margin-right: 2px;
    cursor: pointer;
}

.mayuscula {
    text-transform: uppercase;
}

.fa {
    font-family: "FontAwesome" !important;
    margin-right: 2px;
}
.fa.fa-link {
    font-size: 12px !important;
    cursor: help;
}

.cboAdicionales {
    width: 250px !important;
}

    .cboAdicionales button.dropdown-toggle {
        border-color: #6c757d;
        height: 40px;
    }

.contenedorAdicionalesInfo .divInfoAdicional {
    display: flex;
}

    .contenedorAdicionalesInfo .divInfoAdicional div {
        margin-bottom: 10px;
    }

.precioTotalAdicionales {
    text-transform: uppercase;
    float: right;
    width: auto;
}

.divComparativaMaster50 select,
.divDocumentacionMaster50 select {
    padding: 0px 5px 0 10px !important;
    margin-top: 5px;
    border-radius: 3px !important;
    font-size: 0.9em !important;
    line-height: 33px !important;
    height: 35px !important;
}

.divFiltrosUsuarioContent {
    display: flex;
}

.filtroUsuario {
    margin-inline: 15px;
    text-align: center;
    cursor: pointer;
}

    .filtroUsuario.badge {
        padding: 12px !important;
    }

    .filtroUsuario .btn {
        padding: 10px !important;
    }

.divFiltros select, .divFiltros .dropdown {
    margin-top: 15px;
}

.divSinFiltros {
    margin: 15px 0px 0px 15px;
    padding: .375rem 0;
}

/*.container{
    min-height:100vh;
}*/

.botonBuscarAuto span {
    background-color: #666 !important;
    width: 140px !important;
    height: 35px !important;
    display: block !important;
    float: right !important;
    color: #fff !important;
    text-align: center !important;
    margin-top: 10px !important;
    margin-right: 11px !important;
    line-height: 32px !important;
    border-radius: 5px !important;
}

.precioFiltro .slider {
    overflow: visible !important;
}

.precioFiltro .ui-slider-horizontal {
    height: 6px !important;
    background-color: white !important;
}

.precioFiltro .slider .ui-slider-range.ui-widget-header {
    background-color: #38c !important;
}

.precioFiltro .ui-slider-range .ui-widget-header {
    background-color: blue;
}

.precioFiltro .ui-slider-handle.ui-state-default.ui-corner-all {
    height: 15px !important;
    width: 15px !important;
    border-radius: 50% !important;
    background-color: gray !important;
}

.divCampoProducto input[type="text"]:not(.form-control) {
    width: 100% !important;
}

.divCampoProducto select {
    width: 100% !important;
}

.autoMargin {
    margin: auto;
}


.observacionesConfProducto {
    max-height: 60px !important;
}

/* Accordion Producto */
.accordion-params .ui-accordion-default, .accordion-params .ui-accordion-header,
.accordion-params .ui-state-active, .accordion-params .ui-widget-content .ui-state-active,
.accordion-params .ui-widget-header .ui-state-active, .accordion-params .ui-widget-content,
border-left: 0px solid #f9f9f9 !important;
border-right: 0px solid #f9f9f9 !important;
border-top: 0px solid #f9f9f9 !important;
}

.precioFiltro .ui-widget-content {
    background: #e9e9ed !important;
}

.divDocumentacionMaster50 .divDocumento {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 10px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .divDocumentacionMaster50 .divDocumento .card:not(.no-disponible):hover {
        transform: scale(1.015);
        transition: transform 0.1s;
        box-shadow: 0px 0px 6px 1px #C6C6C6;
    }

.divDocumentacionMaster50 .divDocumento .Seleccionado {
    box-shadow: 1px 1px 6px 1px var(--tarifaiNaranja) !important;
}

    .divDocumentacionMaster50 .divDocumento .docNoDisponible {
        font-size: 10px !important;
        margin-top: 5px;
        margin-bottom: 0px;
        font-weight: 800 !important;
    }

    .divDocumentacionMaster50 .divDocumento .card-body{
        height:123px;
    }

.divDocumentacionMaster50 .divIdiomaDoc {
    padding-left: 39px;
    padding-right: 30px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .divDocumentacionMaster50 .divAyuda {
        padding-left: 15px;
    }

.divDocumentacionMaster50 .divDocumento .chkDocumento {
    margin-right: 10px;
}

.divDocumentacionMaster50 .divDocumento .imagenDocumento {
    margin-right: 20px;
}

.divDocumentacionMaster50 .divBotonesErrores .divErrores {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
}

.divDocumentacionMaster50 .divBotonesErrores #cmdEnviarEmail {
    width: 115px !important
}

.divDocumentacionMaster50 .divErrorNoDocumentos {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .divDocumentacionMaster50 .divErrorNoDocumentos span {
        font-size: 24px !important;
        font-weight: bold !important;
    }

.documento50Disponible {
    cursor: pointer;
}

/*.documento50Disponible:hover {
    font-weight: bolder !important;
}*/

.divDocumentacionMaster50 .fa{
    font-size: 12px !important;
}

.divDocumentacionMaster50 .fa-x {
    color: red;
    margin-right: 14px !important;
    margin-left: 7px !important;
}

.tabAjustarPrima {
    color: black !important;
    border-radius: 4px !important;
    background-color: white;
    border: 1px solid #e6e4e4;
}

.tituloInformacionProducto {
    font-size: 18px;
    font-weight: bold !important;
}

.divNoPaddingMargin{
    padding: 0px !important;
    margin: 0px !important;
}

.divCampoProducto, .divNoPaddingMarginRightLeft {
    padding-right: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.columnaCentral {
    max-width: 950px;
}

.divProductoPastillaSeleccionCompanyias {
    padding: 5px !important;
}

.divBotonesSeleccionCompanyias {
    display: flex;
}

.divSeleccionCompanyiasMaster {
    min-height: 95vh !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width:1900px;
    margin: auto;
}

.buttonSeleccionCompanyias.buttonsConfigProducto span {
    display: inline-block !important;
}

.divContinuarSeleccionCompanyias {
    text-align: center;
    position: fixed;
    top: 50%;
    right: 10%;
    color: #102542;
}

.buttonSeleccionCompanyias {
    text-align: center;
    margin: 3.5px;
}

.configPanel {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.btnImportarCredenciales {
    margin-right: 0px !important;
    float: right !important;
}

.divCampoProducto input[type="text"]:not(.form-control) {
    width: 100% !important;
}

.divCampoProducto select {
    width: 100% !important;
}

.autoMargin {
    margin: auto;
}

/* Accordion Producto */
.accordion-params .ui-accordion-default, .accordion-params .ui-accordion-header,
.accordion-params .ui-state-active, .accordion-params .ui-widget-content .ui-state-active,
.accordion-params .ui-widget-header .ui-state-active, .accordion-params .ui-widget-content,
.accordion-params .ui-accordion .ui-accordion-header {
    background: #f9f9f9 !important;
    border-left: 0px solid #f9f9f9 !important;
    border-right: 0px solid #f9f9f9 !important;
    border-top: 0px solid #f9f9f9 !important;
}

.accordion-params .ui-state-active {
    border-bottom: 3px solid #102542 !important;
}

.accordion-params .ui-corner-all {
    border-bottom: 2px solid #102542 !important;
}

div.fakefileProducto {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 45px !important;
    width: 110px !important
}

div.fileinputsProducto {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.fileinputsProducto > input[type="submit"] {
    visibility: hidden;
    display: none;
}

div.fileinputsProducto input.imgProducto {
    position: absolute;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    width: 40px;
    height: 35px !important;
    top: 0px;
    right: 30px;
}

.deleteLogoProducto {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
}

    .deleteLogoProducto:hover {
        cursor: pointer;
    }

.cursorPointer {
    cursor: pointer;
}

.logoCiaProducto {
    position: relative;
}

.imgEditarProducto {
    position: absolute;
    top: 0px;
    right: 30px;
    width: 40px;
}

.chkOnOff, .chkBootstrap {
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    cursor: pointer;
}

/*.divEditarProyecto {
    float: right;
    margin-right: 100px;
}*/

.divDatosConfirmar a {
    text-decoration: underline;
}

input.btnEditarCamposProyecto {
    margin-top: 0 !important;
    border: 1px solid black !important;
    border-radius: 5px !important;
    color: white !important;
    background-color: #000053 !important;
    height: 30px !important;
}



.DeshabilitadoProyectoSalud {
    opacity: 0 !important;
    pointer-events: none !important;
}

.iconoAccionTarificarOpt {
    font-size: 18px !important;
    /*margin: auto;*/
    color: white;
    position: absolute;
    left: 14px;
    top: 4px;
}

.notificacionesUsuarioComparativa {
    width: 50px;
    height: inherit;
    color: #102542;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -5px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blink {
    animation: blinker 1s linear infinite;
}

.notificacionesUsuarioComparativa::after {
    min-width: 15px;
    height: 15px;
    content: attr(data-count);
    background-color: #ed657d;
    font-family: monospace;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    transition: .3s;
    opacity: 0;
    transform: scale(.5);
    will-change: opacity, transform;
}

.notificacionesUsuarioComparativa.show-count::after {
    opacity: 1;
    transform: scale(1);
}

.iconoCampanaComparativa {
    color: white;
    font-size: 20px !important;
}

.iconoCampanaFinalContrata {
    color: #b3bed3;
    font-size: 20px !important;
}

/*para contrato final*/
.notificacionesUsuario::after {
    min-width: 15px;
    height: 15px;
    content: attr(data-count);
    background-color: #ed657d;
    font-family: monospace;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: 5px;
    right: 5px;
    transition: .3s;
    opacity: 0;
    transform: scale(.5);
    will-change: opacity, transform;
}

.notificacionesUsuario.show-count::after {
    opacity: 1;
    transform: scale(1);
}

.bellAnimacion.notify::before, .bellAnimacion.notify i {
    animation: bell 1s ease-out;
    transform-origin: center top;
}

.Titulo50.infoProyecto {
    display: flex;
}

.divErroresTarifa {
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divWarningsTarifa {
    color: rgb(246, 151, 66);
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes bell {
    0% {
        transform: rotate(35deg);
    }

    12.5% {
        transform: rotate(-30deg);
    }

    25% {
        transform: rotate(25deg);
    }

    37.5% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    62.5% {
        transform: rotate(-10deg)
    }

    75% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(0);
    }
}

.headerIncidenciasBackOffice {
    margin-bottom: 5px;
    border-bottom: 1px solid black;
}

/***************************************** ADAPTACIONES FORMULARIO CONTRATOS *****************************************/

.ItemAlterno {
    background-color: #f9fbfb !important;
}

#iframeContratoMaster {
    position: fixed;
}

#divContratacion .append-10,
#divContratacionContent .append-10 {
    padding-right: 0px !important;
    margin-right: 460px;
}

#divContratacion .defaultfieldset .divDireccionPersona select,
#divContratacionContent .defaultfieldset .divDireccionPersona select {
    width: 100px !important;
}

#divContratacion .borderTop,
#divContratacion .borderTopDotted,
#divContratacionContent .borderTop,
#divContratacionContent .borderTopDotted {
    border: unset !important;
}

#divContratacion .defaultfieldset .sectionTitle > h4,
#divContratacionContent .defaultfieldset .sectionTitle > h4 {
    margin-left: 0px !important;
}

.divContratacionContent {
    width: 955px !important;
    margin-left: 10px;
    margin-top: 10px;
}

#divContratacion .defaultfieldset select.mediumSelect {
    max-width: unset !important;
    width: 200px !important;
}

#divContratacion .defaultfieldset select.cboFormaPagoRace,
#divContratacion .defaultfieldset select.selectBig {
    max-width: unset !important;
    width: 314px !important;
}

#divContratacion .divUctAsegurado.span-23,
#divContratacionContent .divUctAsegurado.span-23 {
    width: 937px !important;
}

#divContratacion .span-20,
#divContratacionContent .span-20 {
    width: 920px !important;
}

#divContratacion .sectionSubTitle > .span-20,
#divContratacionContent .sectionSubTitle > .span-20,
#divContratacion .divDatosPersonaConductorOcasional > .span-20,
#divContratacionContent .divDatosPersonaConductorOcasional > .span-20 {
    margin-left: 10px !important;
}

#divContratacion .span-18,
#divContratacionContent .span-18 {
    width: 828px !important;
}

#divContratacion .span-17,
#divContratacionContent .span-17 {
    width: 782px !important;
}

#divContratacion .span-10,
#divContratacionContent .span-10 {
    width: 460px !important;
}

#divContratacion .divAccordionControls .span-10 {
    width: 380px !important
}

#divContratacion .span-7,
#divContratacionContent .span-7 {
    width: 322px !important;
}

#divContratacion .divAccordionControls .span-7 {
    width: 270px !important
}

#divContratacion .span-4,
#divContratacionContent .span-4 {
    width: 184px !important;
}

#divContratacionContent .divDatosSeguro {
    margin-bottom: 10px !important
}

    #divContratacionContent .divDatosSeguro div.span-7 {
        width: 270px !important;
    }

    #divContratacionContent .divDatosSeguro div.span-10 {
        width: 380px !important;
    }

    #divContratacionContent .divDatosSeguro div.span-20,
    #divContratacion .divDatosSeguroModalidad div.span-20,
    #divContratacion .divDatosSeguro div.span-20 {
        width: 790px !important;
    }

    #divContratacionContent .divDatosSeguro img,
    #divContratacion .divDatosSeguro img {
        margin-top: 10px !important;
    }

    #divContratacionContent .divDatosSeguro div.span-4:nth-of-type(1) {
        text-align: center;
    }

#divContratacionContent .divControlPersona .span-10,
#divContratacion .divControlPersona .span-10 {
    height: 40px !important;
}

.aseguradoDatos {
    padding-left: 0px !important;
}

.divOtrosDatosTomador .cboActividad {
    width: 375px !important;
    max-width: 375px !important;
}

#divContratacionContent .divDatosSeguro h3,
#divContratacion .divDatosSeguro h3,
#divDatosSeguroModalidad .divPrecioTotal h3 span,
#divDatosSeguroModalidad .divPrecioTotal h3 strong,
#divDatosSeguroModalidad h3,
.divDatosSeguro.divDatosSeguroModalidad h3 {
    font-size: 1.25rem !important;
}

#divDatosSeguroModalidad .divPrecioTotal,
.divDatosSeguro.divDatosSeguroModalidad .divPrecioTotal {
    max-height: none !important;
    height: auto !important;
}

#divContratacion div.span-4.first,
#divContratacionContent div.span-4.first {
    width: 10px !important;
}

#divContratacion .divDatosSeguroModalidad div.span-4,
#divContratacion .divDatosSeguro div.span-4,
#divContratacionContent .divDatosSeguro div.span-4,
#divContratacion .divDatosSeguroRacc div.span-4 {
    width: 150px !important;
}

#divContratacion .divDatosSeguroRacc div.span-9 {
    width: 308px !important
}

#divContratacion .divDatosSeguroRacc div.span-11 {
    width: 472px
}

#divContratacion .sectionSubTitle > div.span-4,
#divContratacionContent .sectionSubTitle > div.span-4 {
    width: 0px !important;
}

#divContratacion .span-3,
#divContratacionContent .span-3 {
    width: 133px !important;
}

#divContratacion .divAccordionControls .span-3 {
    width: 110px !important
}

#divContratacion .defaultfieldset .sectionTitle,
#divContratacionContent .defaultfieldset .sectionTitle {
    margin-left: 10px !important;
}

.divPersonaContratoMasterContainer .nifMaskBuscador,
.divPersonaContratoMasterContainer .nifMask,
.divPersonaContratoMasterContainer .maskMatricula,
.divPersonaContratoMasterContainer .nifcif,
.divPersonaContratoMasterContainer .txtNIF,
.divPersonaContratoMasterContainer .txtPolizaVivienda {
    width: 100% !important;
}

#divContratacion .txtNumBeneficiarios,
#divContratacionContent .txtNumEmpleados {
    width: 40px !important;
}

#divContratacion .cboFormaPago {
    width: 100% !important;
}

#divContratacion .subSectionTitle h6,
#divContratacionContent .subSectionTitle h6 {
    margin-left: 0px !important;
}

#divContratacionContent .spanFechaEfectoDe input, #divContratacion .spanFechaEfectoDe input {
    width: 170px !important;
}

#divContratacionContent .divNombreBeneficiario,
#divContratacionContent .divDescripcionBeneficiario,
#divContratacionContent .divModificacionActividad,
#divContratacionContent .divAclaraciones,
#divContratacionContent .divSeparadorCoberturasAdicionales1,
#divContratacionContent .span-4.cuestionarioRoboCompleto,
#divContratacionContent .divDireccionMismaInmueble,
#divContratacionContent .divSuperficieInmueble,
#divContratacionContent .divSuperficiConstruida,
#divContratacionContent .divMedidasProteccion,
#divContratacionContent .divAlarmaConectada,
#divContratacionContent .divTituloMedidasProteccion,
#divContratacionContent .divPartidasContinente,
#divContratacionContent .divContinente,
#divContratacionContent .divTituloPartidasContenido,
#divContratacionContent .divMobiliario,
#divContratacionContent .divDocumentacionDigital,
#divContratacionContent .divDescuentos,
#divContratacionContent .divClausulasDerechos,
#divContratacionContent .divFirmaDigital,
#divContratacionContent .divGarajeOTrasteroOtraUbicacion {
    clear: both;
}

#divContratacionContent .cboOtrosSeguros,
#divContratacionContent .cboIntQuirur,
#divContratacionContent .cboHospitalizacion,
#divContratacionContent .cboPruebaDiagnostica,
#divContratacionContent .cboAnalisis,
#divContratacionContent .cboEnfermedad {
    width: 100% !important;
}

#divContratacionContent .spanOtrosSeguros,
#divContratacionContent .spanIntQuirur,
#divContratacionContent .spanHospitalizacion,
#divContratacionContent .spanPruebaDiagnostica,
#divContratacionContent .spanAnalisis,
#divContratacionContent .spanEnfermedad {
    margin-right: 10px;
    display: block;
}

#divContratacion .divZonaIzquierdaContrato,
#divContratacionContent .divZonaIzquierdaContrato,
#divContratacion .spanPrecioTotalContent,
#divContratacionContent .spanPrecioTotalContent {
    width: 800px !important;
}

#divContratacion .divZonaDerecha,
#divContratacionContent .divZonaDerecha {
    width: 320px !important;
}

#divContratacion .divZonaIzquierdaContrato .precioTarifa,
#divContratacionContent .divZonaIzquierdaContrato .precioTarifa,
#divContratacion .precioTarifaHogar,
#divContratacionContent .precioTarifaHogar,
#divContratacion .divDatosSeguroRacc .precioTarifa,
#divContratacion .precioTarifa, #divContratacionContent .precioTarifa,
#divDatosSeguroModalidad .divPrecioTotal,
.divDatosSeguro.divDatosSeguroModalidad .divPrecioTotal {
    font-weight: bold !important;
    font-size: 22px !important;
    margin-top: 3px;
    margin-bottom: 0px;
}

#divContratacion .precioTotalSeguro,
#divContratacionContent .precioTotalSeguro {
    font-weight: bold !important;
    font-size: 17px !important;
    margin-top: 3px;
}

#divContratacion .lblPrecioTotalDesc,
#divContratacionContent .lblPrecioTotalDesc {
    font-weight: bold !important;
    font-size: 17px !important;
}

#divContratacion .divPrecioTotal,
#divContratacionContent .divPrecioTotal {
    height: auto !important;
    max-height: 40px !important;
}

#divContratacion .divPrecioPrimerReciboLabel,
#divContratacionContent .divPrecioPrimerReciboLabel {
    margin-top: 5px;
}

#divContratacion .divDatosProyecto,
#divContratacionContent .divDatosProyecto {
    margin-bottom: 10px;
}

#divContratacion .divDatosConductor .span-10,
#divContratacion .divDatosTomador .span-10,
#divContratacion .divDatosPropietario .span-10,
#divContratacionContent .divDatosConductor .span-10,
#divContratacionContent .divDatosTomador .span-10,
#divContratacionContent .divDatosPropietario .span-10 {
    height: 35px;
}

#divContratacion .divDatosVehiculo .span1040h .span-10 {
    height: 40px;
}

.divOtrosDatosRealeMaster .span-10, .divDatosVehiculoAxaSegundaCategoria .span-10, .divSeguroAnteriorAxaSegunda .span-10 {
    height: 40px;
    margin-bottom: 5px;
}


/***************************************** END ADAPTACIONES FORMULARIO CONTRATOS *****************************************/
/***************************************** DIÁLOGO PRE-EMISIÓN *****************************************/
.titulo-seccion-50 span {
    font-size: 22px !important;
}

.confirmarPreemisionDlg .cardPreemisionContrato::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .55rem;
}

.confirmarPreemisionDlg .cardPreemisionContratoGris::before {
    content: "";
    background: #bdc1c7;
}

.confirmarPreemisionDlg .cardPreemisionContratoAzul::before {
    content: "";
    background: #0069ff;
}

.confirmarPreemisionDlg .cardPreemisionContratoVerde::before {
    content: "";
    background: #67d19c;
}

.confirmarPreemisionDlg .txtDescipcion{
    font-size:14px;
}

.confirmarPreemisionDlg .btnAbrirDesc {
    cursor:pointer;
}

.confirmarPreemisionDlg .divTarifaPpal, .confirmarPreemisionDlg .divPrimerReciboAnual{
    line-height: 25px;
}

.confirmarPreemisionDlg .divFechaValidoHasta span {
    color: #41a200;
}

.confirmarPreemisionDlg .divPrecioFinal {
    margin-left: 0px;
    margin-right: 0px;
}

.confirmarPreemisionDlg .form-check input {
    height: 20px !important;
    min-width: 40px;
    width: 40px !important;
}

.confirmarPreemisionDlg .form-check label{
    line-height:25px;
}

.confirmarPreemisionDlg {
    padding: 5px;
}

    .confirmarPreemisionDlg * {
        
    }

    .confirmarPreemisionDlg a.helpTooltip {
        margin-left: -11px;
    }

    .confirmarPreemisionDlg input[type=submit],
    .confirmarPreemisionDlg input[type=button] {
        width: 180px !important;
        font-size: 14px;
    }

        .confirmarPreemisionDlg input[type=submit].cmdVerDatosPreEmision {
            min-width: 174px !important;
            width: auto !important;
        }

    .confirmarPreemisionDlg .divDiferenciaPrecios {
        margin-top: -10px;
        margin-left: -4px;
    }

    .confirmarPreemisionDlg .divOldPriceContainer, .confirmarPreemisionDlg .divNewPriceContainer {
        width: calc(50% - 12px);
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    .divDialogoNegociacion .divIncidenciasError div {
        width: 546px !important;
    }

.divDialogoNegociacion input[type=submit] {
    width: 170px !important;
}

.divDatosNegociacion {
    background-color: rgb(225, 225, 225) !important;
    border-radius: 6px !important;
    border: unset !important;
}

.divAdicional * {
    font-size: 12px !important;
    color: gray;
    margin-bottom: 0px;
}

.grayColor {
    color: gray;
}

.precioFinalPreemision {
    font-size: 30px !important;
}

.tagInfoCantidad {
    border-radius: 17px !important;
    padding: 0px 0px 0px 0px !important;
    width: 22px !important;
    margin: 0px !important;
    height: 22px !important;
    position: relative;
    line-height: 18px !important;
    text-align: center !important;
}

.tagInfoCantidad .lblCantidadIncidencias {
    display: block;
    height: 22px;
    width: 22px;
    text-align: center;
    margin-left: -1.5px;
    margin-top: 1px;
}

.confirmarPreemisionDlg .card {
    box-shadow: 1px 1px 3px 0px #D5D3D3;
}

.confirmarPreemisionDlg .card-body {
    padding: 16px 16px 16px 24px;
}

.confirmarPreemisionDlg .card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.divInformacionPoliza ul {
    list-style: lower-roman;
}

.divInformacionPoliza .divVerDetallesDiferencia .card ul,
.divInformacionPoliza .divVerDetallesBloqueo .card ul,
.divInformacionPoliza .divVerIncidencias .card ul {
    list-style: none;
}

.rowIncidencia .incidenciaAdvertencia {
    color: var(--notificacionWarning) !important;
}

.rowIncidencia .incidenciaError {
    color: red !important;
}

#divContratacion #divDatosSeguro {
    margin-bottom: 10px !important;
}

#divContratacion .subSectionTitle {
    margin-bottom: 15px;
    margin-top: 0px;
}

    #divContratacion .subSectionTitle h6 {
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 0px;
        border-bottom: 1px solid #101C54;
    }

#divContratacion .span-10 .span-3 {
    max-height: fit-content;
}

#divContratacion .divSurneCuestionarioAcc .respuesta {
    text-align: right;
}

#divContratacion .divSurneCuestionarioAccSenior .respuesta {
    text-align: right;
}

#divContratacion .divOtrosDatosSurneMaster,
#divContratacion .divCuestionarioTipoTrabajo,
#divContratacion .divBeneficiariosMaster,
#divContratacion .divOtrosDatosSurneMasterContainer,
#divContratacion .divOtrosDatosAxaMaster,
#divContratacion .divGarantiasAxaAccidentes {
    padding-top: 0px !important;
}

#divContratacion .divSelectorTipoCobertura, .divGarantiasCapitales {
    padding-left: 0px !important;
}

.divDetalleFraccionamiento {
    border-radius: 10px;
    opacity: 0.9;
    padding: 10px;
    color: var(--gris) !important;
    position: relative;
    border: 1px solid #666
}

    .divDetalleFraccionamiento::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 2vw;
        height: 2vw;
        left: 0%;
        background: inherit;
        transform: translate(-50%, -50%) rotate(45deg);
        z-index: -1;
    }


/***************************************** DIÁLOGO PRE-EMISIÓN *****************************************/
.divProductosPastilla, .divProductosPastillaAll {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #c0c0c0;
    overflow: hidden;
}

.divProductosPastillaAll {
    min-height: 120px;
    height: auto;
}

.divProductosPastilla {
    height: 120px;
}

.txtNIF.CampoComunPelayo {
    width: 170px !important;
}

.productoPastilla {
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px;
    border: 1px solid #c0c0c0;
    margin: 3.5px;
    transition: transform 0.5s;
    border-radius: 6px;
    cursor: pointer;
}

.pastilla50lista .tituloPastilla {
    margin-bottom: 0px !important;
}

.productoPastilla:hover {
    transform: scale(1.1);
    box-shadow: 0px 0px 4px 0px #C6C6C6;
}

.btnMostrarProductos {
    float: right;
}

.verTodosProductos, .crearProyecto {
    cursor: pointer;
}

.divAccionesProyecto50 div:hover {
    transform: scale(1.1);
    transition: transform 0.5s;
}

.lblOrdenarPor {
    display: inline !important;
}

.txtDescripcionProyecto50 {
    width: 100% !important;
    height: 135px !important;
}

.divDescripcionProyecto {
    margin-left: 30px;
}


.modalidadIncidenciaComparativa {
    font-weight: bolder !important;
}

.logoEmpresaComparativa {
    position: absolute;
    top: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

.divLogo {
    height: 100px;
    width: 100px;
    position: relative;
}

.spanMensajesComparativa {
    font-size: 16px !important;
}

.divFlex {
    display: flex;
}
/* REGION DIVS SPAN ADMINISTRACION */
/* DIFERENCIA ENTRE SPANS DE 55px (935/17)*/
.subMaster2ColumnsContainer {
    display: flex;
    flex-wrap: nowrap;
}

.divContenedorMenuAdmin50 {
    float: right;
    flex: 0 0 auto;
}

.divContenedorAdmin50 {
    max-width: 1200px;
    float: left;
    margin-right: 35px;
    flex: 1;
    margin-right: 35px;
}

    .divEmpleadosMaster .NoTextBox {
        font-weight: bold !important;
    }

/* END REGION DIVS SPAN ADMINISTRACION */

.gestionEmpresaDetalles .no-last, .gridProducts .no-last, .actualizarCampos .no-last, #divConfiguracionProducto .no-last, .rowUsuario .no-last, .headerGrid .no-last, .gestionEmpresa .no-last,
.gestionOficinaDetalles .no-last, .divDatosOficina .no-last, .tipoArchivoList .span-11.no-last, .divContenedorAdmin50 .no-last {
    margin-right: 0px;
}

.gestionOficinaDetalles input[type="text"], .gestionOficinaDetalles select, .divDatosOficina input[type="text"] {
    width: 400px !important;
    max-width: 400px !important;
}

.grdGestorPago input[type="text"] {
    width: 400px !important;
}

.productoAdicional select{
    width: 228px !important;
    max-width: 288px !important;
}

.divConfiguracionProductoBackOffice .span-2, .divContenedorAdmin50 .grdGestorPago .span-2 {
    width: 55px !important;
}

.listaUsuarios .rowUsuario .span-3:nth-of-type(1) {
    width: 111px !important;
}

.grdGestorPago .span-15 {
    margin-top: 5px;
}

.gestionTrazas .span-4 {
    width: 180px;
}

.gestionTrazas .no-last {
    width: 130px;
}

.accordion-contacto .span-4 input[type="text"]:not(.form-control), .defaultfieldset .accordion-contacto select {
    width: 165px !important;
    max-width: 210px !important;
}

.divComparativaCoberturas select {
    width: 240px !important;
    max-width: 240px !important;
}

.accordion-contacto .span-12 input[type="text"] {
    height: 35px !important;
}

span.buttonsConfigProducto, span.buttonsConfigProducto, .buttonsConfigContratosPendientes {
    width: auto !important;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    padding: 9px 10px !important;
    font-size: 0.9em !important;
}

.divTxtUrlElevia .txtUrlElevia, .divTxtUrlElevia .txtCodigoOficinaMultiempresa {
    width: 445px !important;
}

.divBajadaOportunidades.defaultfieldset select {
    width: 200px !important;
    max-width: 200px !important;
}

.buttonsConfigProducto span {
    padding-top: 3px !important;
}

.paginationBuscadorOficinas .page {
    width: auto !important;
}



.modulosList .rowModulo:nth-child(2n), .oficinasList .rowOficina:nth-of-type(2n), .listUsuarios .rowUsuario:nth-of-type(2n), .productsMenu .rowProductAdicional:nth-of-type(2n),
.listEmpresas .span-17:nth-of-type(2n), .gridTiposArchivos .tipoArchivoList:nth-of-type(2n), .listScripts .rowComparativa:nth-of-type(2n), .gruposList .rowGrupo:nth-of-type(2n),
.tablaCoberturasComparativa, .listHonorarios .rowHonorarios:nth-of-type(2n), .listRoles .rowRol:nth-of-type(2n), .listContratosPendientes .col-12:nth-of-type(2n),
.listPaquetes .span-17:nth-of-type(2n), .resumenReport, .usersMenu .rowUsuario:nth-of-type(2n), .listaCoberturas .rowComparativa:nth-of-type(2n), .listColectivas .rowNegocio:nth-of-type(2n),
.listaProductosAmbito .rowProduct:nth-of-type(2n), .listDiccionarios .rowDiccionario:nth-of-type(2n), .listaProductosBackOffice .rowProductBackOffice:nth-of-type(2n) {
    background-color: white;
}

.oficinasList .editarOficina {
    float: right;
}

.oficinasList .imgEliminar {
    float: left;
}

.listaProductosAmbito .rowProduct {
    height: auto !important
}

.listDiccionarios .rowDiccionario .headerRowDiccionario {
    padding-left: 0px !important;
    text-align: center;
}

.oficinasList .rowOficina, .listUsuarios .rowUsuario, .productsMenu .rowProductAdicional, .listScripts .rowComparativa, .gruposList .rowGrupo, .listHonorarios .rowHonorarios, .listRoles .rowRol,
.listContratosPendientes .rowComparativa, .listPaquetes .span-17, .listaCoberturas .rowComparativa, .listaProductosAmbito .rowProduct, .listDiccionarios .rowDiccionario {
    border: none !important;
}

.rowProductAdicional .headerRowProduct {
    padding-left: 0px !important;
    text-align: center !important;
}

.listaProductosBackOffice .rowProductBackOffice {
    width: 670px;
}

.usersMenu .rowUsuario, .listaProductosBackOffice .rowProductBackOffice {
    border-bottom: none !important;
}

    .usersMenu .rowUsuario div:nth-child(5) {
        width: 165px !important;
    }

    .usersMenu .rowUsuario div:nth-child(6) {
        width: 165px !important;
    }

    .usersMenu .rowUsuario input {
        width: 150px !important;
    }

    .headerGridProductosBackOffice .span-3, .listaProductosBackOffice .rowProductBackOffice .span-3 {
        width: 170px;
    }

    .headerGridProductosBackOffice .cboRamoValue {
        max-width: 170px !important;
    }

.headerGridProductosBackOffice.headerGrid div.span-3, .headerGridProductosBackOffice.headerGrid div.span-5 {
    margin-top: 7px !important
}

.listaProductosBackOffice .rowProductBackOffice .no-last {
    margin-right: 0px !important;
}

.listaProductosBackOffice .rowProductBackOffice .span-3 {
    width: 160px !important;
}

.listaProductosBackOffice .rowProductBackOffice .span-6, .headerOficinas, .headerGridProductosBackOffice, .usersGrid div, .usersMenu .rowUsuario, .CoberturasGrid div, .headerColectivas div,
.headersTiposArchivos div {
    text-align: center;
}

.listaProductosBackOffice .rowProductBackOffice .span-7 {
    width: 260px;
}

.listaProductosBackOffice .rowProductBackOffice .aliasProducto {
    margin-top: 5px;
}

.listUsuarios .editarUsuario .imgEditar, .usersGrid .paddingLeft15 span, .usersGrid .paddingLeft30 span {
    padding-left: 0px !important;
}

.productoAdicional .TablaSubCabecera {
    border-bottom: 2px solid #102542 !important;
    font-weight: bold !important;
    color: #102542 !important;
}

.gridGestionEmpresas {
    margin-bottom: 10px;
}

.tipoArchivoList .span-1 {
    width: 0px !important
}

.tipoArchivoList .span-11, .headersTiposArchivos .span-11 {
    padding-left: 10px;
}

.tipoArchivoList.height20 {
    height: 35px !important;
    margin-top: 0px !important;
    padding-top: 10px !important;
}

.listScripts .rowComparativa .span-3.last {
    width: 110px !important;
}

.scriptsGrid, .gruposGrid, .headerHonorarios, .gridContratosPendientes .headerGrid, .gridDescargaPaquetes .headerGrid, .listUsuarios .rowUsuario {
    text-align: center;
}


.gruposList .editButton.paddingLeft36 {
    margin-left: 50px !important;
}

#divEditorScriptsMaster select {
    width: 300px !important;
    max-width: 300px !important;
}

.tablaCoberturasComparativa .headerGrid th {
    background-color: white !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.tablaCoberturasComparativa .span-5 {
    width: 385px !important;
}

.cboOficinaHonorarios, .cboEmpresaHonorarios, .cboRamoHonorarios {
    margin: 0;
    width: 400px !important;
    max-width: 400px !important;
    padding: 0 5px 0 10px;
    height: 35px;
    border-radius: 3px !important;
    border-width: 1px;
    border-color: #d5d5d5;
    border-style: solid;
    margin-top: 5px !important;
}

.divContenedorAdmin50 .largeInput, .divContenedorAdmin50 textarea {
    margin-top: 5px !important;
}

.rowHonorarios div:nth-child(7), .headerHonorarios div:nth-child(7) {
    width: 79px !important;
}

.spanSesionActiva {
    margin-top: 5px;
    margin-bottom: 10px;
}

.listRoles .rowRol .headerRowRol {
    padding-left: 0px !important;
    text-align: center;
}

.listRoles .headerRowRol .editarDerecho {
    padding-left: 0px !important;
}

.divFiltrosPromociones .span-3 {
    width: 55px !important;
}

.divFiltrosPromociones .span-2 {
    width: 220px !important;
}

.divFiltrosPromociones .span-14 {
    width: 880px !important;
}

#divContratacion .divDatosSeguro img.iconoHonorariosPreEmision {
    margin-top: 0px !important;
}

.gridDescargaPaquetes .headerGrid div {
    margin-left: 0px !important;
}

.listPaquetes .span-2 {
    margin-left: 0px !important;
}

.divTituloEstadistica, .divFiltrosEstadistica, .divTituloSuscripcion, .divTituloSubrallado {
    border-bottom: 2px solid #102542 !important;
}

.resumenReport {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 21px;
}

.divFiltrosEstadistica .datepicker {
    width: 170px !important;
}

.divCamposSuscripcion.defaultfieldset .largeSelect {
    max-width: 590px !important;
    width: 590px !important;
}

.subSectionSuscripcion {
    font-weight: bolder !important;
}

.buttonsMargin {
    margin-right: 5px;
}

.justifyContentCenter {
    justify-content: center;
}

.shadowNaranja {
    box-shadow: 1px 1px 10px var(--tarifaiNaranja) !important;
}

.cboAdicionales .disabled {
    margin-top: 0px !important;
}

.divTarifas .divContenedorEstrellas .bi-star {
    cursor: auto !important;
}

.divOtrosDatosTarificacionGCOMaster .txtPorcentajeDescuento {
    width: 70px !important
}

.estadoPolizaContent {
    width: 600px !important;
    margin: auto;
}

.estadoPolizaFinalContrata50 {
    color:#fff;
    background-color: green !important;
}

.polizaBloqueadaFinalContrata50 {
    background-color: orange !important;
}

.polizaNoContratadaFinalContrata50 {
    background-color: rgb(217, 92, 92) !important;
}

.dialogGenerarMandato > .ui-dialog-buttonpane {
    margin-bottom: 5px !important;
    text-align: center !important;
}

    .dialogGenerarMandato > .ui-dialog-buttonpane > .ui-dialog-buttonset {
        float: none !important;
    }

.btnAnexarRealeDecesos {
    float: right;
    border-radius: 5px !important;
    padding: 3px 0px;
    color: #FFFFFF;
    width: 150px;
    min-height: 23px;
    font-size: 1.4em;
    font-weight: bold !important;
    background-color: #102542 !important;
    padding: .4em 1em;
    line-height: 1.4;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

    .btnAnexarRealeDecesos input[type="file"] {
        z-index: 9999 !important;
        width: 100% !important;
        height: 100% !important;
    }

.divMensajesFinalContrata50 a {
    color: #007bff !important;
    text-decoration: underline;
    background-color: transparent;
}


.centradoVertical {
    margin: auto 0px auto 0px;
}

.posicionAbsoluta {
    position: absolute;
}

.iconoPrimaConfirmable {
    font-size: 9px !important;
    position: absolute;
    top: 3px;
    left: 3px;
}

.infoInnominados {
    width: 900px !important;
}

.ScaleOnHover:hover {
    transform: scale(1.1);
    transition: transform 0.5s;
    transform-origin: left center;
}

.finalPrice50 {
    font-size: 24px !important;
    text-align: center;
    font-weight: bold !important;
}

.ForcePointerCursor {
    cursor: pointer !important;
}

.cboAcciones {
    max-width: 220px !important;
    width: 220px !important;
    margin-bottom: 10px !important;
}

.txtMailComparativa,
.txtAsuntoComparativa,
.txtMailDocumentacion,
.txtAsuntoDocumentacion {
    width: 100% !important;
}

.inputGarantia {
    margin-right: 10px !important;
}

.tbApartado {
    margin-top: 10px !important;
}

    .tbApartado .TablaSubCabecera {
        font-weight: bolder !important;
        color: #102542;
        border-bottom: 2px solid #102542 !important;
    }

.tablaVehiculosDAS50, .gridExtras50 {
    overflow: inherit !important;
}

.tablaListaVehiculos .DASheaderGrid, #grdExtras tr:nth-of-type(1) {
    box-shadow: 0px 3px 5px 0px grey;
    position: sticky;
    height: 30px;
}

.tablaListaVehiculos select {
    width: 100px !important;
}

.tablaListaVehiculos th, #grdExtras tr:nth-of-type(1) td {
    background: none;
    background-color: white !important;
    text-align: center;
    color: #112641;
    font-weight: 600 !important;
}

.botonesDAS50 {
    display: flex;
}

.divCoberturasEstandar .divCoberturas .headerGrid {
    z-index: 1;
}

.tablaListaVehiculos .marcaModelo {
    width: auto !important;
}

.tablaListaVehiculos tr:nth-of-type(2) td, #grdExtras tr:nth-of-type(2) td {
    padding-top: 15px !important;
}

#grdExtras tr:nth-of-type(even) td {
    background-color: white !important;
}

.iconoFiltrosUsuariosComparativa {
    margin: 4px 0px 0px 13px;
    padding: .375rem 0;
    font-size: 20px !important;
}

.divCoberturasComunesVida .priceFormat, .companyiasGarantiasCapitalesEsp .priceFormat {
    width: 170px !important;
}

.defaultfieldset select.cboProductoRCGeneral {
    width: 97% !important;
    max-width: none !important;
}

.txtInfo {
    font-size: 12px !important;
}

.BoldText {
    font-weight: bold !important;
}

.modalEnviarImprimirProyecto {
    color: var(--gris) !important;
}

.divVehiculoNewError,
.divInmuebleSelCatastroError {
    border: 1px solid red !important;
}

small {
    font-size: 80% !important;
    font-weight: 400 !important;
}

.divModalidadesActivas .cboProductos {
    max-width: 600px !important;
    width: 600px !important
}

.lblAceptacionGDPR a {
    text-decoration: underline !important;
}

.divGarantiasTarificacionRealeMaster.span-17, .divGarantiasTarificacionRealeMaster .span-17 {
    width: 830px;
}

.divGarantiasTarificacionRealeMaster .span-16 {
    width: 800px;
}

.divGarantiasTarificacionRealeMaster .span-8 {
    width: 380px;
}

.divGarantiasTarificacionRealeMaster .span-5 {
    margin-right: 10px;
}

.tituloConfiguracion {
    margin-bottom: 30px;
    text-align: center;
}

.txtConfiguracion50 {
    width: inherit !important;
    margin-top: 10px !important;
}

.divAviso a {
    text-decoration: underline !important;
}

.divUctAsegurado .lblTituloAnadirAsegurado {
    margin-left: 10px;
}

.divUctAsegurado .chkPasaporte, .divdatosPersonaMaster .chkPasaporte {
    margin-right: 10px;
}

#divContratacion .tomador .spanSexo label {
    font-size: 13px !important;
}

#divContratacion .tomador .divMotivoDesplazamiento {
    height: 40px;
}

#divContratacion .cboCiaLeasing {
    width: auto !important;
    max-width: none !important;
}

#divContratacion .ShowCoberturas {
    margin-top: 10px;
}

.divRedireccionKO span, .divRedireccionOK span {
    font-weight: bold !important;
    font-size: 18px !important;
}

.dialogo50 {
    border: 1px solid #CBCBCB !important;
    border-radius: 10px;
    box-shadow: 1px 2px 7px -2px var(--gris) !important;
}

.btnDarkTarifAI {
    border-radius: 5px !important;
    color: #FFFFFF !important;
    min-height: 23px;
    font-weight: bold !important;
    background-color: #102542 !important;
    margin-bottom: 10px;
}

.displayRango input {
    width: 100px !important;
    margin-bottom: 10px !important;
}

.divUctAsegurado .subSectionTitle {
    border: none !important;
    width: 800px;
}

.divSubtitulo2 span {
    font-size: 18px !important;
}

#divContratacion .divDatosSeguro .divHonorarios img, #divContratacionContent .divDatosSeguro .divHonorarios img {
    margin-top: 0px !important;
    width: 18px !important;
}

.divHonorariosFinalContrata img {
    padding-top: 0px !important;
    width: 15px !important;
}

.divHonorariosFinalContrata {
    font-weight: bold !important;
}

.divPrecioTarifa .divHonorarios {
    margin-top: .5rem !important;
}

.controlDatosBancarios div.span-8 {
    width: 370px;
}

.ToolTip {
    background-color: white !important;
}

#ttcont {
    background-color: white !important;
}

#tooltip {
    background-color: white !important;
    color: black;
}

.row.divSeleccionCompanyias {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.iconTooltip50 img {
    height: 15px !important;
    margin-right: 5px;
}

.tituloAsegurado {
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.fa-triangle-exclamation {
    color: black !important;
    /*margin-left:10px !important;*/
}

.divInfoAvisoCodigoDGSKO h5 {
    color: red !important;
    font-size: 0.8em !important;
}

.infoCoberturasCia {
    font-size: 12px !important;
    font-style: italic;
    color: gray;
}

.padding10 {
    padding: 10px !important;
}

.divEnviarMensaje .divControlTecnicoMensaje > div, .divEnviarMensaje .divComentario > div, .divDocumentacionDigital .divTipoDocumento > div, .divDocumentacionDigital .divSubirDocumento > div {
    margin: 0.5em 0;
}

a[href^='mailto:'] {
    color: dodgerblue !important;
    text-decoration: underline !important;
}

.divNombreFamilia {
    font-size: 1.3em !important;
    font-weight: 500 !important;
    margin-top: 15px !important;
}

.mensajeAjustarPrimaTd {
    line-height: 15px !important;
    padding: 0px;
    top: -5px;
    position: relative;
}

.mensajeAjustarPrima {
    color: grey;
    font-size: 80% !important;
}

.colorGrey {
    color: grey;
}

.defaultfieldset .cboHora {
    width: 70px !important;
}

.iconoCorazonAnyadir, .iconoCorazonQuitar {
    font-size: 20px !important;
    top: 15px;
    right: 0px;
    position: absolute;
    z-index: 1001 !important;
    width:45px !important;
}

.iconoCorazonQuitar {
    color: var(--tarifaiRojo);
}

.iconoCorazonAnyadir {
    color: var(--gris);
}

Input.cmdBuscarMatriculaBastidor50, input.cmdBuscarRefCatastral {
    background-color: var(--tarifaiRojo) !important;
    color: white !important;
    font-size: 12px !important;
    border-radius: 0 !important;
    width: 100px !important;
    cursor: pointer;
    height: 35px !important;
    position: relative;
    padding: 2px 10px 2px 10px;
    margin-right: 3pt;
    margin-left: 3pt;
    border: 0 !important;
}

.divVehiculo51.Bold div {
    font-weight: bold !important;
    font-size: 16px !important;
}

.divInmuebleCatastro.Bold div {
    font-weight: bold !important;
}

.divInmuebleCatastro, .divCabeceraCatastro {
    text-align: center;
}

.divInmuebleCatastro div{
    margin-top:5px;
}

.divResultadosVehiculo, .divResultadosInmueble {
    background-color: white;
    padding: 15px;
}

.divResultadosVehiculo {
    width: 941px !important;
}

.divResultadosVehiculo .divVersion span,
.divResultadosVehiculo .divLanzamiento span {
    cursor: pointer;
}

.inputCorto{
    width: 70px !important;
}

.TextoCapitalizable, .chosen-container-single .chosen-single span {
    text-transform: capitalize;
}

.spanInfoInmueble {
    font-size: 20px !important;
    color: #102542;
    font-weight: bolder !important;
}

.paginacionAutos {
    display: flex;
    list-style: none !important;
}

    .paginacionAutos li {
        margin: 5px !important;
    }

        .paginacionAutos li .disabled {
            margin-top: 0px !important;
        }


.paginacionAutos li a {
    background: none;
}

.paginacionAutos .active a {
    text-decoration: underline;
}

.divNumResultados50 {
    display: flex;
    float: left;
    font-style: normal;
}

.divNumResultados50 input{
    font-size:14px;
}

.paginacionBuscadorVehiculos {
}

.paginacionAutos {
    margin: 10px 0px 0px 0px !important;
}

.imgAdicionalComp {
    width: 31px !important;
}

.tooltipVehiculos {
    padding-top: 10px;
}

.veradicionales {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.lblProductosAdicionales {
    margin-left: 10px !important;
}

.campoFechaBuscador50 {
    position: relative;
}

.calendarIcon50 {
    position: absolute;
    right: 30px;
    top: calc(60% - 0.5em);
}

.lblCodigoOficinaMultiempresa {
    display: flex;
    align-items: center;
}

.rbTimeout[type="radio"] {
    transform: scale(1.2);
}

.divColRbMultiramo, .divRbPredeterminado, .divColRbRamo {
    display: flex;
    align-items: center;
}

.iconoMensajeInfo{
    font-size: 30px;
}

.iconoInfo {
    margin-left: 5px;
}

.divRamoLista {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.divTimeoutWhite {
    background-color: white;
    border-radius: 10px;
}

.logoRamoTimeouts {
    max-width: 55px;
    max-height: 55px;
}

.divListaRamosDisponibles {
    overflow-y: auto;
    height: 440px;
    margin-top: 15px;
}

.InfoEditarCompanyiasDeshabilitado {
    color: grey;
    font-size: 12px !important;
}

.divTextSliderTimeout {
    display: flex;
    justify-content: center;
    margin-bottom: 3px;
    align-items: center;
}

.txtValorSliderMultiramo, .txtValorSliderRamo {
    text-align: center;
    border: none !important;
    width: 3.5em !important;
}

.sliderPersonalizadoRamo, .txtPersonalizadoMultiramo {
    cursor: pointer;
}

.colImagenRamo, .colTituloPastilla {
    display:flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.colSliderPersonalizadoRamo {
    display:grid;
    align-items:center;
    align-content:center;
    justify-content: flex-end;
}

.divNombreCompletoAsegurado {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divImgLogoAdicional {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

/********* Página de ayuda con manuales de usuario *********/

.divDetalleManualTarifai {
    text-align: justify;
    margin-left: 31px;
}

.rowVistaComparativa {
    display: flex;
}

    .rowVistaComparativa div {
        margin-right: 5px;
    }

.tdVistaComparativa {
    text-align: center;
}

.grid-container-vista-comparativa {
    display: grid;
    column-gap: 2px;
    border-bottom: 1px solid #f6f5f5;
}

.DivTarifasVistaComparativa {
    overflow: scroll;
    scroll-behavior: smooth;
    margin-top: 35px;
}

.DivVistaComparativaCoberturas {
    margin-top: 60px !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 240px);
}

    .DivVistaComparativaCoberturas .header-comparativa {
        background-color: #f6f5f5 !important;
        border-bottom: 2px solid #cbcbcb;
        padding-bottom: 2px;
    }

.grid-item {
    background-color: white;
    /*width: 200px;
    min-width:100%;*/
    min-height: 50px;
    text-align: center;
    /*padding: 20px;*/
    padding: 10px;
}

.imagenProdVC {
    width: 90px;
}

.grid .tbody {
    /*  overflow:scroll;
    scroll-behavior: smooth;*/
    height:72vh;
}

.divScroll {
    cursor: pointer;
    position: fixed;
    top: 70%;
}

.scrollIzq {
    left: 224px;
}

.scrollDerecha {
    right: 14px;
}

.divScroll i {
    font-size: 35px !important;
    color: #6c757d;
}

.divIconoSINCOVC {
    padding-right: 25px;
    min-width: 20px;
}

.divModalidadVCContainer, .divSinPrecioVCContainer {
    display: table;
    width: 100%;
    height: 100%;
}

.positionFixed {
    position: fixed;
}

.divModalidadVC, .divPuntosVC {
    display: table-cell;
    vertical-align: middle;
}

.divPuntosVC {
    text-align:center;
    color:gainsboro;
}

.divModalidadVC {
    font-weight: bolder !important;
    text-transform: uppercase;
}

.divPreemitidoVC {
    color: gold;
}

.divBotonVC {
    min-width: 85px;
}

/*.grid-producto {*/
    /*background-color: white;*/
    /*box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC;*/
/*}*/

/*.grid-container-vista-comparativa.grid-producto {
    border: 1px solid gainsboro;
}*/

.centrado {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.iconosTarifaVC {
    display: flex;
    justify-content:space-between;
    /*justify-content: center;*/
}

.divTarifaVC {
    margin-top: 10px;
    display: table;
    width: 100%;
    /*height:100%;*/
}

.divTarifaSeleccionadaVC {
    padding: 6px;
    background-color: #FFB79C;
    border-radius: 6px;
}

.divBotonCatastro {
    display: flex;
    width: 90px;
    padding-top: 6px;
    border-color: gray !important;
    color: gray;
}

.divBotonCatastro i {
    font-size:0.9em !important;
    padding-top:3px;
    margin-right:6px;
    margin-left:6px;
}

.divCapitalRecomendado {
    display:flex;
    height:75px;
    text-align:center;
    background-color:white;
}

.divCapitalRecomendado img{
    width:100px;
}

.divCapitalesRecomendados{
    height: 500px;
}

.divCapitalPromedio {
    text-align: center;
}

.divCapitalPromedio > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.divCapitalPromedio .span-4:nth-child(1) {
    color: var(--tarifaiAzul);
    font-weight: bolder !important;
}

.divDialogoCapitalesRecomendados .divListaConfigs > div:nth-child(odd) {
    background-color: var(--grisContainer) !important;
}

.divDialogoCapitalesRecomendados .divListaConfigs > div:nth-child(even) {
    background-color: white;
}

.divDialogoCapitalesRecomendados .divListaConfigs > div:hover {
    background-color: #e6e6e6 !important;
}

.divInfoCapitalKO {
    font-size: 12px !important;
    display: flex;
}

.divCapitalPromedio .divInfoCapitalKO{
    padding-top: 0px !important;
}

.spanErrorCapitalesRecomendados {
    color: var(--tarifaiAzul);
    text-decoration: underline;
    cursor: help;
}

.tituloCapitalRecomendado {
    text-transform:uppercase;
    font-weight:bolder !important;
    font-size: 16px !important;
    text-align: center;
    margin-bottom:10px;
    color: var(--tarifaiAzul);
}

.importeCapital{
    font-weight:bolder !important;
}

.divInfoCapitalKO .divError{
    text-align:center;
}

.rbContenido:checked::after, .rbContinente:checked::after {
    background-color: #0d6efd !important;
    border: none !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 3px !important;
    margin-left: 2px !important;
    top: -2px !important;
    left: -1px !important;
}

.rbContenido, .rbContinente {
    width: 14px !important;
    height: 14px !important;
    cursor: pointer;
}

.rbContenido::after, .rbContinente::after {
    border: 1px solid #CCC !important;
    width: 12px !important;
    height: 12px !important;
}

input[type="radio"].rbContenido:checked::after, input[type="radio"].rbContinente:checked::after {
    width: 16px;
    height: 16px;
    border-radius: 15px;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #3f66ff;
    content: '';
    display: inline-block;
    visibility: visible;
    float: left;
}

.divFiltroCapitales {
    height: 50px !important;
}

.divBotonReintentar{
    padding-top: 5px;
    margin-left: 19px;
}

.loader {
    width: 15px;
    height: 15px;
    border: 2px solid var(--tarifaiAzul);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin-right: 3px;
}

.divListaConfigs{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 390px;
}

.heightMax500{
    max-height:500px !important;
    height: 500px;
}

.divListaConfigs::-webkit-scrollbar {
    width: 2px;
    background-color: gray
}

.divImagePreview img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} 

/********* END Página de ayuda con manuales de usuario *********/

.hiddenscrollBar::-webkit-scrollbar {
	display: none;
}

.DivTarifasVistaComparativa {
	position: relative;
	width: 100%;
	overflow: auto;
}

	.DivTarifasVistaComparativa .grid {
		border-collapse: separate;
		border-spacing: 0;
	}

	.DivTarifasVistaComparativa .th,
	.DivTarifasVistaComparativa .td {
		padding: 5px 10px;
		background: #fff;
		vertical-align: top;
	}

    .DivTarifasVistaComparativa .th {
        background-color: #ffffff;
        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -5px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    }

	.DivTarifasVistaComparativa .thead {
		position: sticky;
		z-index: 2;
		top: 0;
	}

		.DivTarifasVistaComparativa .thead .th {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
		}

.th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid #f6f5f5;
}

.DivTarifasVistaComparativa .thead .th:first-child {
	z-index: 5;
}

.Opacity50 {
    opacity: 50%;
}

.maxWidthLogoCia {
    max-width: 120px !important;
}

.maxWidthLogoAdicional {
    max-width: 100px !important;
}

.divOtrosDatosAsisaMaster .cboCampanya, .defaultfieldset .largeCombo {
    max-width: 630px !important;
    width: 630px !important;
}

.divBeneficiariosAsisa .cboTipoBeneficiario {
    max-width: 200px !important;
    width: 200px !important;
}
.tituloGestionModalidades{
    font-weight: bolder !important;
    margin-bottom: 10px;
}

.divErroresModalidad{
    text-align:center;
    color:red;
}

.TextAreaObservaciones{
    height:50px;
    resize:none;
}

.width100pct{
    width: 100% !important;
}

.nombreProductoIncidencias{
    background-color: var(--tarifaiGris) !important;
    padding: 10px;
    font-weight: bolder !important;
}

.mensajeError {
    background-color: #F8E0E0 !important;
    padding:5px;
}

.mensajeWarning {
    background-color: #f5f6ce !important;
    padding: 5px;
}

.divIncidenciaCia{
    margin-bottom: 20px !important;
}

.modalHeaderIncidenciasComparativa {
    background-color: #2c3e50;
}

.modal-title{
    color: white !important;
    font-size: 16px !important;
    font-weight: bolder !important;
}

.modalHeaderIncidenciasComparativa .close-button {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.4em;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.modal-container {
    background: #ffffff;
    border-radius: 8px;
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.modal-header {
    background-color: #2c3e50;
    color: #fff;
    padding: 10px 20px;
    position: relative;
}

.modal-title {
    font-size: 1.4em;
    margin: 0;
}

.close-button {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.4em;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.modal-body {
    padding: 15px;
}

.marginBotton-expand-collapse-all {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: white;
    padding: 3px;
}

.expand-collapse-all {
    text-align: right;
    margin-bottom: 10px;
}

.expand-collapse-all input[type='button'] {
    background: none;
    border: none;
    color: #007bff;
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: underline;
}

.card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.card-header {
    display: flex;
    align-items: center;
    background-color: #e9ecef;
    padding: 12px;
}

.company-logo {
    width: 90px;
    height: auto;
    margin-right: 10px;
}

.company-name {
    font-weight: bold;
    font-size: 1.6em !important;
    color: #2c3e50;
    flex-grow: 1;
}

/* Botón para desplegar/plegar modalidades de la compañía */
.toggle-company-button {
    background: none;
    border: none;
    color: #007bff;
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: underline;
}

/* ponlo en tu css global */
.error-card-ups {
    max-width: 760px;
    border: 0;
    border-radius: 1.25rem;
    box-shadow: 0 8px 25px rgba(0,0,0,.06);
    background: #fff
}

.card-body-ups {
    padding: 2rem 2.5rem
}

.error-icon-ups {
    font-size: 3rem;
    line-height: 1;
    color: #dc3545;
    opacity: .75
}

.link-muted {
    color: inherit;
    opacity: .7;
    text-decoration: none
}

    .link-muted:hover {
        opacity: 1;
        text-decoration: underline
    }


.card-body {
    padding: 10px;
}

/* Agrupamos las modalidades en una lista */
.modalities-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modality-item {
    margin-bottom: 10px;
}

.modality-header {
    display: flex;
    align-items: center;
    background-color: #f4f6f8;
    padding: 8px;
    border-radius: 4px;
}

.modality-title {
    font-weight: normal;
    font-size: 0.95em;
    color: #555;
    margin: 0;
    flex-grow: 1;
}

.modality-body {
    display: none;
    padding: 8px;
    margin-top: 5px;
    border-left: 2px solid #e0e0e0;
}

.modality-body.active {
    display: block;
}

.message:not(#loading-screen .message) {
    display: flex;
    align-items: flex-start;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 5px;
}

    .message:not(#loading-screen .message) i {
        margin-right: 8px;
        font-size: 1em;
        margin-top: 2px;
    }

.message-warning {
    background: #fff4e5;
    border-left: 4px solid #ffcc80;
    color: #e65100;
}

.message-error {
    background: #fdecea;
    border-left: 4px solid #f28b82;
    color: #c62828;
}

/* Reducimos el tamaño de fuente de los mensajes */
.message div {
    font-size: 0.9em;
}

/* Icono del acordeón */
.modality-header i {
    margin-left: 10px;
    transition: transform 0.3s;
    color: #555;
}

.modality-header.active i {
    transform: rotate(180deg);
}


/* Administración canal B2C */

.divGestionCanalB2C {
	max-width: 1280px;
	margin: 0 auto;
}

.divGestionCanalB2C input,
.divGestionCanalB2C select{
    font-size: 14px !important;
}

.divGestionCanalB2C .modal {
	z-index: var(--bs-modal-zindex) !important;
}

.divGestionCanalB2C .modal-header {
	background-color: var(--tarifaiAzul);
}

.divGestionCanalB2C .accordion-header .accordion-button {
	background-color: #e9ecef;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 44px;
}
.divGestionCanalB2C .accordion-header .accordion-button.disabled {
    margin-top: 0px !important;
}

.divGestionCanalB2C .accordion-header.section .accordion-button {
	background-color: var(--tarifaiAzul);
	color: #fff;
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.divGestionCanalB2C .accordion-header.section .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.divGestionCanalB2C .accordion-header.section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.divGestionCanalB2C .accordion-header .accordion-button.no-collapse::after {
    background-image: none !important;
}

.divGestionCanalB2C .nav-tabs .nav-link {
	color: var(--bs-nav-tabs-link-active-color);
}

.divGestionCanalB2C .nav-tabs .nav-link.active {
	color: var(--bs-nav-link-color);
}

.divGestionCanalB2C .table thead th {
	background-color: #e9ecef;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.9rem;
	padding: 12px;
}

.divGestionCanalB2C .erroresFormulario {
	border: initial !important;
}

.divGestionCanalB2C .administracionCambiosSinGuardar {
    color: var(--tarifaiAmarillo) !important;
}

.divGestionCanalB2C .textoInformativo {
    text-align: justify;
}

.divGestionCanalB2C .divAccionesAdministracion {
	height: 47px;
	padding: 15px;
	background-color: white;
	border-top-right-radius: 0.375rem;
	border-left: solid 1px var(--bs-border-color);
	border-right: solid 1px var(--bs-border-color);
	margin-inline: 0px !important;
}

.divGestionCanalB2C .divTamanyioLetra {
	position: relative;
	display: inline-block;
	width: 95px;
}

.divGestionCanalB2C .divTamanyioLetra::after {
	content: "px";
	position: absolute;
	top: 59%;
	right: 34px;
	transform: translateY(-50%);
}

.divGestionCanalB2C .alert{
    border: 0px;
}

.custom-alert.show-alert {
    opacity: 1;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x) !important;
}

.custom-alert {
    opacity: 0;
    padding: 0px !important;
}

.divCodeComponent {
    position: relative;
    background-color: #f5f2f0;
    border-radius: 0.5rem;
}

.divCodeComponent > pre[class*=language-] {
    padding-inline: 2em;
    padding-block: 0px;
    margin: 0 !important;
}
    
code#codeBlock,
code#codeBlock .token {
    font-size: 12px !important;
}

.btn-outline-secondary.tarifai.CopiarScriptPortapapeles {
    position: absolute;
    top: 13px;
    right: 5px;
    width: 150px;
    height: 32px;
    color: #4e4c4c !important;
    border-color: #4e4c4c !important;
}

.contenidoSeccionB2C {
    flex-grow: 1;
    padding: 15px;
    background-color: white;
    border-right: solid 1px var(--bs-border-color);
    border-left: solid 1px var(--bs-border-color);
    border-bottom: solid 1px var(--bs-border-color);
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.contenidoSeccionB2C .btn-add-slider {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenidoSeccionB2C .row {
	margin-right: unset !important;
	margin-left: unset !important;
}

.contenidoSeccionB2C .preview-column {
	display: flex;
	align-items: center;
	justify-content: center;
}

.contenidoSeccionB2C .preview-column .divPrevisualizacion {
	background-color: #f6f5f5;
	padding-inline: 15px;
	margin: 10px 0px 10px 10px;
	border-radius: 12px;
}

.contenidoSeccionB2C .preview-column .divPrevisualizacion .inputSimulado {
	border: solid 1px black;
	height: 35px;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contenidoSeccionB2C .preview-column .divPrevisualizacion .btnSimulado {
	height: 50px;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modalPersonalizacionControl .modal-dialog .divAvisoNoPersonalizable,
.modalPersonalizacionControl .modal-dialog textarea {
	text-align: justify;
}

.dialogPDF {
    padding: 0px !important;
}

.modalPersonalizacionControl .modal-dialog {
	width: 900px !important;
}

.modalPersonalizarSlider .modal-dialog {
	width: 730px;
}

.modalPersonalizarSlider .modal-dialog .backgroundImage {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.modalPersonalizarSlider .modal-dialog .div-contenedor-slider {
	height: 260px;
	display: table;
	width: 100%;
}

.modalPersonalizarSlider .modal-dialog .div-datos-slider {
	display: table-cell;
	vertical-align: middle;
}

.modalPersonalizarSlider .modal-dialog .erroSlider {
	position: absolute !important;
	margin: auto;
	width: 95% !important;
	height: 32px;
	z-index: 999;
	padding-block: 4px;
	margin-block: 8px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.modalPersonalizarSlider .modal-dialog textarea {
	height: 100px;
	width: 100%;
}

.word-wrap {
	word-wrap: break-word;
}

/* FIN Administración canal B2C */

/* Sobre-escritura estilos Bootstrap 4.6 */

.btn-outline-secondary.active.disabled {
    background-color: #c4c7c9 !important;
    color: black;
}

.btn-outline-secondary.disabled {
    pointer-events: none;
}

/* FIN Sobre-escritura estilos Bootstrap 4.6 */

/* Sobre-escritura estilos Bootstrap 5.3 */
.tarifai.form-switch {
    padding-left: 0px !important;
}

.tarifai.form-switch .form-check-input {
    width: 3em !important;
    height: 1.5em !important;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    outline: unset !important;
    margin: 0 !important;
    margin-right: 10px !important;
}

b, strong {
	font-weight: bolder !important;
}

.icon-yes {
	color: var(--tarifaiVerde);
}

.icon-no {
	color: var(--tarifaiRojo);
}

.icon-settings {
	color: var(--tarifaiGrisMedio);
}

.tarifai.form-check-input:checked {
	background-color: var(--tarifaiAzul) !important;
}

.tarifai.accordion-header.secondary > button {
    background-color: #e9ecef;
    height: 36px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.tarifai.accordion-header > button {
    background-color: #e9ecef;
    height: 36px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.select2 {
    width: 100% !important;
}

.select2-selection.select2-selection--single {
    height: 39.184px !important;
    padding: 9px 14px !important;
}

/* END Sobre-escritura estilos Bootstrap 5.3 */
/* Venta Cruzada */
.listaOrigenesVCPrincipal > div {
    margin-top: 20px;
}

.divTituloVCOrigen {
    color: black;
}

.tituloVCOrigen {
    width: 60%;
    margin: 0;
}

.seccionVCOrigen {
    padding-left: 5% !important;
    width: 100%;
    background: white;
}

.rowVCOrigen {
    padding: 15px;
}

.VCRadioButton {
    cursor: pointer;
}

.divVCTituloAdicional {
    width: 100%;
    text-align: center;
    font-size: 16px !important;
    font-weight: bold !important;
}

.spanPrecioTarifaVC {
    font-size: 22px !important;
    font-weight: bold !important;
}

.spanVCCalculadoCon {
    font-size: 11px !important;
    font-weight: bold !important;
    color: gray;
}

.headerVC {
    display: flex;
}

.divLogoVC {
    min-width: 50px;
    width: 20%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.imgLogoVC {
    width: 50px;
    height: 50px;
}

.divInfoHeaderVC {
    min-width: 200px;
    width: 100%;
}

.divMensajeErrorVC {
    text-align: justify;
}

.textoLoaderVC {
    text-align: center;
}

.loaderVC {
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    border: 4px solid transparent;
    position: relative;
    padding: 1px;
}

.loaderVC:before {
    content: '';
    border: 1px solid transparent;
    border-radius: 10px;
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}

.loaderVC .loaderVCBar {
    position: absolute;
    border-radius: 10px;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    background: orange;
    width: 0;
    animation: borealisBar 2s linear infinite;
}

@keyframes borealisBar {
    0% {
        left: 0%;
        right: 100%;
        width: 0%;
    }

    10% {
        left: 0%;
        right: 75%;
        width: 25%;
    }

    90% {
        right: 0%;
        left: 75%;
        width: 25%;
    }

    100% {
        left: 100%;
        right: 0%;
        width: 0%;
    }
}

 .btnVCDisabled {
     opacity: 0.6;
     cursor: default;
     pointer-events: none;
 }

/* FIN Venta Cruzada*/

.chosen-with-drop-up .chosen-drop {
    top: auto !important;
    bottom: 100%;
    margin-top: 0px !important;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    box-shadow: 0 0 0 !important;
}

.spanCampanya .cboCampanya, .spanCampanya .cboClaveCampanya {
    width: 100% !important;
    max-width: none !important;
}
.marginBottom20{
    margin-bottom:20px;
}

.filaProductoBO:hover {
    background: #e6e6e6 !important;
}

.filaProductoBO{
    padding:1px !important;
}

.divConfigCiasBO input[type=text] {
    width: 590px !important;
    height: 25px !important;
    text-align:center;
}

.h-38 input, .h-38 label:not(.switch-slider), .h-38 .toggle.btn, .h-38 select {
    height: 38px !important;
}

/* Inputs bootstrap TarifAI 6.0 */
input#mainContentPlaceHolder_uctSeguroActual_txtNombreCompanyia {
}

/* Fin inputs bootstrap TarifAI 6.0 */

/* Datepicker en jquery */

.ui-datepicker {
    width: 23em !important;
}

/* Datepicker en jquery */

.error-card-ups {
    max-width: var(--card-max);
    border: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
    border-radius: 1.25rem;
}

.error-icon-ups {
    font-size: 3rem;
    color: #dc3545;
    opacity: 0.75;
}

.DivMensajeErrorOverlay60 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1003;
    background-color: #eeeeee;
    filter: Alpha(Opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.8;
    cursor: wait;
    display: block;
}

.DivMensajeError60 {
    top: 35%;
    left: 26%;
    position: absolute;
    background: #fff;
    color: #333;
    z-index: 1004;
    display: block;
    border-radius: 1.25rem;
    box-shadow: 0 8px 25px rgba(0,0,0,.06);
}
.divErrorMercedes {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.iconoErrorMercedes{
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.message-error-Mercedes {
    color: #58151C;
}

#divCondicionesParticulares .iconoPDF {
    font-size: 28px !important;
}

.iconoPDF20 {
    font-size: 20px !important;
}

.iconoPDF30 {
    font-size: 30px !important;
}

.divCerrarAlertaTarifai60 {
    background-image: url("../../images/Master/close.png") !important;
    cursor: pointer;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    float: right;
    opacity: 0.5;
}

.divConsultarMatricula {
    max-width: 1200px;
    min-width: 1000px;
}

.divMensajeNoResultados{
    display: flex;
    align-items: center;
}

.titleAdministrationConsultaElevia {
    color: #102542 !important;
    font-size: 30px !important;
    font-weight: bolder !important;
}

.divRamosSeleccionadosConsultarPolizas {
    max-height: 250px;
    height: 35px;
    overflow-y: scroll;
    border-radius: 3px !important;
    border-width: 1px;
    border-color: #d5d5d5;
    border-style: solid;
}

.txtMinimoTarifasPDFCRM{
    display:inline !important;
}

.divMinimoTarifasPDFCRM {
    display: flex;
    align-items: center;
}

.dialogoSelectorCoberturas60 .ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
    background: transparent !important;
}