/* ==========================================================================
   Configuración y Variables
   ========================================================================== */

:root {
    --mapfre-100: #FFD5DD;
    --mapfre-200: #FF8096;
    --mapfre-300: #FF002D;
    --mapfre-400: #DF0027;
    --mapfre-500: #9C001B;
    --mapfre-600: #600011;
    --mapfre-700: #40000B;
    --gray-0: #FFFFFF;
    --gray-100: #F8F8F8;
    --gray-200: #D9D9D9;
    --gray-300: #B3B3B3;
    --gray-400: #8D8D8D;
    --gray-500: #666666;
    --gray-600: #404040;
    --gray-700: #404040;
    --gray-800: #2d2d2d;
    --gray-900: #404040;
    --text-primary: #404040;
    --text-muted: #666666;
    --figma-green: #32A74E;
    --figma-blue: #006AFF;
    --figma-warning: #FFF6D9;
    --color-brand: var(--mapfre-300);
    --color-brand-hover: var(--mapfre-600);
    --color-brand-active: var(--mapfre-500);
    --color-brand-subtle: var(--mapfre-100);
    --color-brand-disabled: var(--mapfre-200);
    --color-brand-surface: var(--mapfre-400);
}

/* ==========================================================================
   Tipografía y Estilos Base
   ========================================================================== */

html,
body,
input,
select,
textarea,
button,
.btn,
.form-control,
.dropdown-menu,
.modal,
.table,
.sidebar-menu,
.content {
    font-family: "MapfreText", "Mapfre Text", Arial, sans-serif !important;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.header,
.header .logo,
.navbar,
.sidebar-menu > li > a,
.content-header > h1,
.box-title,
.modal-title,
.login-box-msg,
.user-header p,
.tituloPregunta {
    font-family: "MapfreDisplay", "Mapfre Display", "MapfreText", Arial, sans-serif !important;
    font-weight: 500 !important;
    color: var(--text-primary) !important;
}

strong,
b {
    color: inherit !important;
    font-family: inherit !important;
    font-weight: 500 !important;
}

th {
    color: var(--text-primary) !important;
    font-family: "MapfreText", "Mapfre Text", Arial, sans-serif !important;
    font-weight: 500 !important;
}

body.skin-blue,
body.bg-light-gray,
html.bg-light-gray {
    background: var(--gray-100) !important;
    color: var(--text-primary) !important;
}

body,
.right-side,
.content,
.box,
.box-body,
.modal,
.modal-body,
.panel,
.well,
p,
span,
td,
li,
small {
    color: var(--text-primary);
}

/* ==========================================================================
   Caja de Login
   ========================================================================== */

#login-box.form-box {
    max-width: 430px;
    width: 430px;
}

#login-box.form-box .margin {
    margin: 0 !important;
    padding: 18px 0 14px;
}

#login-box.form-box .margin img {
    height: auto;
    max-height: 38px;
    max-width: 132px;
    width: auto;
}

#login-box.form-box .header {
    background: var(--color-brand) !important;
    color: var(--gray-0) !important;
}

#login-box.form-box .body,
#login-box.form-box .footer,
#login-box.form-box .bg-gray {
    background: var(--gray-0) !important;
}

#login-box.form-box .control-label {
    color: var(--gray-700);
    font-weight: 500 !important;
}

#login-box.form-box .form-control {
    border-color: var(--gray-300) !important;
    border-radius: 50px !important;
}

#login-box.form-box .form-control:focus {
    border-color: var(--color-brand) !important;
}

#login-box.form-box .bg-red,
#login-box.form-box .btn.bg-red {
    background-color: var(--color-brand) !important;
    border-color: var(--color-brand) !important;
    color: var(--gray-0) !important;
    border-radius: 50px !important;
}

#login-box.form-box .bg-red:hover,
#login-box.form-box .btn.bg-red:hover,
#login-box.form-box .btn.bg-red:focus {
    background-color: var(--color-brand-hover) !important;
    border-color: var(--color-brand-hover) !important;
}

#login-box.form-box .footer a {
    color: var(--mapfre-300);
    font-weight: 600;
}

#login-box.form-box .footer a:hover,
#login-box.form-box .footer a:focus {
    color: var(--mapfre-300);
}

#login-box.form-box .footer a[onclick*="RecuperarPassword"] {
    color: var(--color-brand) !important;
}

#login-box.form-box .footer .btn {
    margin: 0 auto 15px;
    min-width: 180px;
}

/* ==========================================================================
   Navegación y Header (Skin Blue)
   ========================================================================== */

.skin-blue .header,
.skin-blue .header .logo,
.skin-blue .header .navbar {
    background: var(--color-brand) !important;
    color: var(--gray-0) !important;
}

.skin-blue .header {
    box-shadow: 0 2px 8px rgba(26, 26, 26, 0.14);
}

.skin-blue .header .logo {
    align-items: center;
    display: flex;
    justify-content: center;
}

.container-logo{
    background: var(--gray-0) !important;
}

.container-logo img{
    max-height: 38px;
}

.skin-blue .header .logo img {
    max-height: 38px;
    width: auto;
}

.skin-blue .header .navbar .sidebar-toggle,
.skin-blue .header .navbar .nav > li > a {
    color: var(--gray-0) !important;
}

.skin-blue .header .navbar .icon-bar {
    background: var(--gray-0) !important;
}

.skin-blue .header .user-menu > a {
    font-family: "MapfreText", "Mapfre Text", Arial, sans-serif !important;
    font-size: 13px;
    font-weight: 500;
}

span#ocultaNombreUsuarioReferido {
 color: #fff !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  color: #fff !important;
}

/* ==========================================================================
   Barra Lateral (Sidebar)
   ========================================================================== */

.skin-blue .sidebar {
    font-family: "MapfreText", "Mapfre Text", Arial, sans-serif !important;
}

.skin-blue .left-side,
.skin-blue .sidebar {
    background: var(--gray-100) !important;
}

.skin-blue .sidebar > .sidebar-menu {
    background: var(--gray-100) !important;
    padding: 8px 8px 14px !important;
}

.skin-blue .sidebar > .sidebar-menu > li {
    border: 0 !important;
    margin: 4px 0 !important;
}

.skin-blue .sidebar > .mapfre-sidebar-menu > li > a,
.sidebar-menu .referido-menu {
    background: var(--gray-0) !important;
    border: 1px solid var(--gray-200) !important;
    border-left: 4px solid transparent !important;
    border-radius: 6px !important;
    color: var(--gray-700) !important;
    display: block;
    font-family: "MapfreDisplay", "Mapfre Display", "MapfreText", Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    min-height: 42px;
    padding-left: 12px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    box-shadow: 0 1px 2px rgba(26, 26, 26, 0.04);
    text-shadow: none;
}

.skin-blue .sidebar > .mapfre-sidebar-menu > li > a i,
.sidebar-menu .referido-menu i {
    color: var(--text-primary) !important;
    font-size: 15px;
}

.skin-blue .sidebar > .mapfre-sidebar-menu > li > a:hover,
.skin-blue .sidebar > .mapfre-sidebar-menu > li > a:focus,
.skin-blue .sidebar > .mapfre-sidebar-menu > li:hover > a,
.skin-blue .sidebar > .mapfre-sidebar-menu > li:focus-within > a,
.sidebar-menu .referido-menu:hover {
    border-color: var(--color-brand) !important;
    color: var(--color-brand) !important;
    background: #fff5f7 !important;
    box-shadow: 0 3px 8px rgba(156, 0, 27, 0.08);
}

.skin-blue .sidebar > .mapfre-sidebar-menu > li > a:hover i,
.skin-blue .sidebar > .mapfre-sidebar-menu > li > a:focus i,
.skin-blue .sidebar > .mapfre-sidebar-menu > li:hover > a i,
.skin-blue .sidebar > .mapfre-sidebar-menu > li:focus-within > a i,
.sidebar-menu .referido-menu:hover i {
    color: var(--color-brand) !important;
}

.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
    background: #ffffff !important;
    border: 1px solid var(--gray-200);
    border-top: 0;
    border-radius: 0 0 6px 6px;
    margin: -5px 0 5px 0 !important;
    padding: 4px 0 5px !important;
    box-shadow: 0 3px 7px rgba(26, 26, 26, 0.04);
}

.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu > li > a,
.sidebar-menu .referido-menu-item {
    border-left: 3px solid transparent !important;
    color: var(--gray-600) !important;
    font-family: "MapfreText", "Mapfre Text", Arial, sans-serif !important;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.25;
    min-height: 28px;
    padding: 5px 10px 5px 19px !important;
}

.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu > li > a:hover,
.sidebar-menu .referido-menu-item:hover {
    border-left-color: var(--color-brand) !important;
    color: var(--color-brand) !important;
    background: #fff5f7 !important;
    text-decoration: none;
}

/* ==========================================================================
   Contenedor Principal y Elementos Comunes
   ========================================================================== */

.right-side,
.content {
    background: var(--gray-100) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafafa !important;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5 !important;
}

.content-header,
.box,
.modal-content,
.panel,
.well {
    border-color: var(--gray-200) !important;
    border-radius: 12px !important;
}

.content-header > h1,
.box-title,
.modal-title,
label,
.control-label {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
}

a {
    color: var(--color-brand);
}

a:hover,
a:focus {
    color: var(--color-brand-hover);
}

table a{
    color: var(--color-gray);
}

/* ==========================================================================
   Botones
   ========================================================================== */

.btn-primary,
.btn-danger,
.btn-warning,
.btn-info,
.btn.btn-info,
.btn.btn-warning,
.bg-aqua,
.bg-aqua-gradient,
.btn-ref-outline-danger:hover,
button.btn-ref-outline-success:hover,
a.btn-ref-outline-success:hover {
    background-color: var(--color-brand) !important;
    background-image: none !important;
    border-color: var(--color-brand) !important;
    color: var(--gray-0) !important;
    border-radius: 50px !important;
}

.btn-primary:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning.active,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info.active,
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning.hover,
.btn.btn-warning.active,
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-info.hover,
.btn.btn-info.active {
    background-color: var(--color-brand-hover) !important;
    background-image: none !important;
    border-color: var(--color-brand-hover) !important;
}

.btn-primary *,
.btn-danger *,
.btn-warning *,
.btn-info *,
.btn-success * {
    color: inherit !important;
}

.btn-success,
.bg-green,
.bg-green-gradient,
.bg-success,
.progress-bar-green,
.progress-bar-success,
.label-success,
.badge.bg-green,
.badge.bg-success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success,
.box.box-solid.box-success > .box-header {
    background-color: var(--figma-green) !important;
    background-image: none !important;
    border-color: var(--figma-green) !important;
    color: var(--gray-0) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success.hover,
.btn.btn-success.active,
.btn-ref-outline-success:hover,
.btn-ref-outline-success:focus,
.btn-ref-outline-success:active,
.btn-ref-outline-success.active,
a.btn-ref-outline-success:hover,
a.btn-ref-outline-success:focus,
a.btn-ref-outline-success:active,
a.btn-ref-outline-success.active,
button.btn-ref-outline-success:hover,
button.btn-ref-outline-success:focus,
button.btn-ref-outline-success:active,
button.btn-ref-outline-success.active {
    background-color: var(--figma-green) !important;
    background-image: none !important;
    border-color: var(--figma-green) !important;
    color: var(--gray-0) !important;
}

.text-green,
.text-success,
.form-group.has-success label,
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: var(--figma-green) !important;
}

.btn-ref-outline-success,
a.btn-ref-outline-success,
button.btn-ref-outline-success {
    background-color: var(--gray-0) !important;
    background-image: none !important;
    border-color: var(--figma-green) !important;
    color: var(--figma-green) !important;
}

.alert-success,
.callout.callout-success,
.panel-success > .panel-heading {
    background-color: var(--figma-green) !important;
    border-color: var(--figma-green) !important;
    color: var(--gray-0) !important;
}

.alert-success *,
.callout.callout-success *,
.panel-success > .panel-heading * {
    color: var(--gray-0) !important;
}

.panel-success,
.form-group.has-success .form-control,
.has-success .form-control,
.box.box-success,
.box .todo-list > li.success {
    border-color: var(--figma-green) !important;
    border-top-color: var(--figma-green) !important;
    border-left-color: var(--figma-green) !important;
}

.fa-long-arrow-left,
.glyphicon-circle-arrow-left {
    display: none !important;
}

.alert-info,
.callout.callout-info {
    background: #EAF3FF !important;
    border-color: var(--figma-blue) !important;
    color: var(--figma-blue) !important;
    border-radius: 8px !important;
}

.alert-info,
.alert-info *,
.callout.callout-info,
.callout.callout-info * {
    color: var(--figma-blue) !important;
}

#label-modalidad,
#label-codigo {
    background: #EAF3FF !important;
    border-color: var(--figma-blue) !important;
    color: var(--figma-blue) !important;
}

#label-modalidad .fa,
#label-modalidad b,
#label-codigo .fa,
#label-codigo b {
    color: var(--figma-blue) !important;
}

.btn-ref-outline-danger,
button.btn-ref-outline-success,
a.btn-ref-outline-success {
    border-color: var(--color-brand) !important;
    color: var(--color-brand) !important;
    border-radius: 50px !important;
}

.btn-default{
  border-radius: 50px !important;
}

.btn-default:hover,
.btn-default:focus{
    border-color: var(--color-brand) !important;
    color: var(--text-primary) !important;
}


.btn-ref-outline-danger:hover {
    background-color: var(--color-brand-subtle) !important;
    border-color: var(--color-brand-hover) !important;
    color: var(--color-brand-active) !important;
}

.btn {
    font-weight: 500 !important;
}

.contenedorEtiqueta .btn {
    border-radius: none !important;
}

/* ==========================================================================
   Formularios e Inputs
   ========================================================================== */

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="url"],
select{
    border-radius: 50px !important;
}

textarea {
    border-color: var(--gray-300) !important;
    color: var(--text-primary);
    border-radius: 4px !important;
}

textarea.form-control {
    border-radius: 4px !important;
}

#waitImg img,
#loadmoreajaxloader img {
    height: 64px !important;
}

#waitImg,
#loadmoreajaxloader {
    display: flex;
    justify-content: center;
    align-items: center;
}


.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    border-color: var(--color-brand) !important;
}

[style*="color: #333"],
[style*="color:#333"],
[style*="color: #444"],
[style*="color:#444"],
[style*="color: #555"],
[style*="color:#555"],
[style*="color: #666"],
[style*="color:#666"],
[style*="color: #777"],
[style*="color:#777"],
[style*="color: #777777"],
[style*="color:#777777"],
[style*="color: black"],
[style*="color:black"],
[style*="color: gray"],
[style*="color:gray"],
[style*="color: grey"],
[style*="color:grey"] {
    color: var(--gray-700) !important;
}

[style*="color: green"],
[style*="color:green"],
[style*="color: #00a65a"],
[style*="color:#00a65a"],
[style*="color: #008d4c"],
[style*="color:#008d4c"],
[style*="color: #49be25"],
[style*="color:#49be25"],
[style*="color: #32A74E"],
[style*="color:#32A74E"] {
    color: var(--figma-green) !important;
}

[style*="background: green"],
[style*="background:green"],
[style*="background-color: green"],
[style*="background-color:green"],
[style*="background: #00a65a"],
[style*="background:#00a65a"],
[style*="background-color: #00a65a"],
[style*="background-color:#00a65a"],
[style*="background: #008d4c"],
[style*="background:#008d4c"],
[style*="background-color: #008d4c"],
[style*="background-color:#008d4c"],
[style*="background: #49be25"],
[style*="background:#49be25"],
[style*="background-color: #49be25"],
[style*="background-color:#49be25"] {
    background-color: var(--figma-green) !important;
    background-image: none !important;
}

[style*="border-color: green"],
[style*="border-color:green"],
[style*="border-color: #00a65a"],
[style*="border-color:#00a65a"],
[style*="border-color: #008d4c"],
[style*="border-color:#008d4c"],
[style*="border-color: #49be25"],
[style*="border-color:#49be25"] {
    border-color: var(--figma-green) !important;
}

[style*="color: blue"],
[style*="color:blue"] {
    color: var(--figma-blue) !important;
}

[style*="color: red"],
[style*="color:red"] {
    color: var(--mapfre-300) !important;
}

/* ==========================================================================
   Tablas y Listados
   ========================================================================== */

.table > thead > tr > th,
.grid-header,
table thead th {
    background-color: var(--gray-700) !important;
    border-bottom: 2px solid var(--gray-700) !important;
    color: var(--gray-0) !important;
    text-transform: none;
    font-size: 12px;
    font-weight: 500 !important;
    letter-spacing: 0;
    padding: 12px 8px !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--color-brand) !important;
    border-color: var(--color-brand) !important;
}

.bg-light-blue,
.label-primary,
.badge.bg-light-blue {
    background-color: var(--color-brand) !important;
}

.mensaje-error,
.text-danger,
.field-validation-error {
    color: var(--color-brand-active) !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer {
    background: var(--color-brand) !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media screen and (min-width: 992px) {
    body.fixed > footer {
        margin-left: 220px !important;
    }
}

@media screen and (max-width: 991px) {
    body.fixed > footer {
        margin-left: 0 !important;
    }
}

footer > .container {
    width: 100% !important;
    padding: 0 !important;
}

.mapfre-site-footer {
    align-items: center;
    background: var(--color-brand);
    color: var(--gray-0);
    display: flex;
    font-family: "MapfreText", "Mapfre Text", Arial, sans-serif;
    gap: 18px;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    position: relative;
}

.mapfre-site-footer__brand {
    font-family: "MapfreDisplay", "Mapfre Display", "MapfreText", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    left: 24px;
    line-height: 1;
    position: absolute;
}

.mapfre-site-footer__copy {
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}

.mapfre-login-footer {
    color: var(--gray-500);
    font-family: "MapfreText", "Mapfre Text", Arial, sans-serif;
    font-size: 13px;
    margin: 18px 0 12px;
    text-align: center;
}

/* ==========================================================================
   Estilos Locales Referidos
   ========================================================================== */

.referidos-local .box {
    border: 1px solid var(--gray-200);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(26, 26, 26, 0.06);
}

.referidos-local .box-header {
    border-bottom-color: var(--gray-200);
}

.referidos-local__summary .label {
    display: inline-block;
    margin-left: 6px;
}

.referidos-local-table {
    margin-bottom: 0;
}

.referidos-local-table > tbody > tr > td {
    vertical-align: middle;
}

.referidos-local__action {
    color: var(--gray-500);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 0 5px;
}

.referidos-local__action:hover {
    color: var(--color-brand);
    text-decoration: none;
}

.referidos-local__editor .box-body {
    padding-bottom: 8px;
}

.referidos-local__editor .form-group {
    margin-bottom: 12px;
}

.referidos-local__editor label {
    color: var(--gray-700);
    font-size: 12px;
    font-weight: 600;
}

.referidos-app-label {
    color: var(--text-primary);
    display: inline-block;
    font-weight: 500;
    line-height: 1.4;
}

.referidos-local__editor textarea {
    min-height: 78px;
    resize: vertical;
}

/* ==========================================================================
   Prevalencia de Identidad Mapfre
   ========================================================================== */

html,
body,
.content-wrapper,
.content,
.box,
.box-body,
.panel,
.panel-body,
.modal,
.modal-body,
.dropdown-menu,
.table,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
p,
span,
small,
label,
.control-label,
.help-block,
.text-muted,
.form-group,
.form-horizontal .control-label,
.select2-container,
.select2-results,
.select2-results__option {
    color: var(--text-primary) !important;
}

.form-control,
.input-sm,
.input-lg,
input,
select,
textarea,
.select2-container .select2-choice,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.bootstrap-select .btn,
.bootstrap-select .dropdown-toggle {
    color: var(--text-primary) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--gray-500) !important;
    opacity: 1 !important;
}

.form-control:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--gray-500) !important;
}

.form-control::-ms-input-placeholder,
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: var(--gray-500) !important;
}

.input-group-addon,
.select2-container .select2-choice .select2-chosen,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.dropdown-menu > li > a {
    color: var(--text-primary) !important;
}

.btn .icon-strong-arrow-left,
.btn .fa-long-arrow-left,
.btn .glyphicon-circle-arrow-left {
    display: none !important;
}

mark,
.bg-warning,
.alert-warning,
.callout.callout-warning,
.panel-warning > .panel-heading,
.panel-warning > .panel-footer,
.label-warning,
.badge.bg-yellow,
.badge.bg-warning {
    background-color: var(--figma-warning) !important;
    background-image: none !important;
}

.btn-primary,
.btn-primary *,
.btn-danger,
.btn-danger *,
.btn-warning,
.btn-warning *,
.btn-info,
.btn-info *,
.btn-success,
.btn-success *,
.bg-red,
.bg-red *,
.bg-green,
.bg-green *,
.bg-aqua,
.bg-aqua *,
.label-danger,
.label-danger *,
.label-success,
.label-success *,
.label-info,
.label-info *,
.alert-success,
.alert-success *,
.callout.callout-success,
.callout.callout-success * {
    color: var(--gray-0) !important;
}

.btn-ref-outline-danger,
.btn-ref-outline-danger *,
a.btn-ref-outline-danger,
a.btn-ref-outline-danger *,
.btn-ref-outline-success,
.btn-ref-outline-success *,
a.btn-ref-outline-success,
a.btn-ref-outline-success * {
    color: var(--color-brand) !important;
}

.btn-default:hover,
.btn-default:hover *,
.btn-default:focus,
.btn-default:focus *,
.btn-ref-outline-danger:hover,
.btn-ref-outline-danger:hover * {
    color: var(--color-brand-active) !important;
}

.text-danger,
.text-danger *,
.has-error .help-block,
.has-error .control-label {
    color: var(--color-brand) !important;
}

.text-success,
.text-success *,
.text-green,
.text-green *,
.has-success .help-block,
.has-success .control-label {
    color: var(--figma-green) !important;
}

.text-info,
.text-info *,
.alert-info,
.alert-info *,
.callout.callout-info,
.callout.callout-info * {
    color: var(--figma-blue) !important;
}

a.btn-primary,
a.btn-primary *,
a.btn-danger,
a.btn-danger *,
a.btn-warning,
a.btn-warning *,
a.btn-info,
a.btn-info *,
a.btn-success,
a.btn-success *,
button.btn-primary,
button.btn-primary *,
button.btn-danger,
button.btn-danger *,
button.btn-warning,
button.btn-warning *,
button.btn-info,
button.btn-info *,
button.btn-success,
button.btn-success * {
    color: var(--gray-0) !important;
}


.mapfre-sidebar-menu .referido-menu,
.mapfre-sidebar-menu .referido-menu *,
.mapfre-sidebar-menu .referido-menu i {
    color: var(--text-primary) !important;
}

.mapfre-sidebar-menu .treeview:hover > .referido-menu,
.mapfre-sidebar-menu .treeview:hover > .referido-menu *,
.mapfre-sidebar-menu .treeview:focus-within > .referido-menu,
.mapfre-sidebar-menu .treeview:focus-within > .referido-menu *,
.mapfre-sidebar-menu .referido-menu:hover,
.mapfre-sidebar-menu .referido-menu:hover * {
    color: var(--color-brand) !important;
}

body.fixed .left-side,
body.fixed .sidebar-offcanvas {
    bottom: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

body.fixed .sidebar-menu {
    overflow: visible !important;
}

@media screen and (min-width: 992px) {
    body.fixed .left-side {
        max-height: calc(100vh - 50px) !important;
    }
}

@media screen and (max-width: 992px) {
    body.fixed .sidebar-offcanvas {
        max-height: calc(100vh - 50px) !important;
    }
}

@media screen and (max-width: 560px) {
    body.fixed .sidebar-offcanvas {
        max-height: calc(100vh - 100px) !important;
    }
}

@media (max-width: 767px) {
    .mapfre-site-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        justify-content: center;
        padding: 12px 18px;
    }

    .mapfre-site-footer__brand {
        left: auto;
        position: static;
    }

    .mapfre-site-footer__copy {
        text-align: left;
    }
}