/*
:root,
[data-bs-theme=light] {
   --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
   --bs-purple: #6f42c1;
   --bs-pink: #d63384;
   --bs-red: #dc3545;
   --bs-orange: #fd7e14;
   --bs-yellow: #ffc107;
   --bs-green: #198754;
   --bs-teal: #20c997;
   --bs-cyan: #0dcaf0;
   --bs-black: #000;
   --bs-white: #fff;
   --bs-gray: #6c757d;
   --bs-gray-dark: #343a40;
   --bs-gray-100: #f8f9fa;
   --bs-gray-200: #e9ecef;
   --bs-gray-300: #dee2e6;
   --bs-gray-400: #ced4da;
   --bs-gray-500: #adb5bd;
   --bs-gray-600: #6c757d;
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-primary: #0d6efd;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-primary-rgb: 13, 110, 253;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
   --bs-warning-rgb: 255, 193, 7;
   --bs-danger-rgb: 220, 53, 69;
   --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
   --bs-primary-text-emphasis: #052c65;
   --bs-secondary-text-emphasis: #2b2f32;
   --bs-success-text-emphasis: #0a3622;
   --bs-info-text-emphasis: #055160;
   --bs-warning-text-emphasis: #664d03;
   --bs-danger-text-emphasis: #58151c;
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
   --bs-primary-bg-subtle: #cfe2ff;
   --bs-secondary-bg-subtle: #e2e3e5;
   --bs-success-bg-subtle: #d1e7dd;
   --bs-info-bg-subtle: #cff4fc;
   --bs-warning-bg-subtle: #fff3cd;
   --bs-danger-bg-subtle: #f8d7da;
   --bs-light-bg-subtle: #fcfcfd;
   --bs-dark-bg-subtle: #ced4da;
   --bs-primary-border-subtle: #9ec5fe;
   --bs-secondary-border-subtle: #c4c8cb;
   --bs-success-border-subtle: #a3cfbb;
   --bs-info-border-subtle: #9eeaf9;
   --bs-warning-border-subtle: #ffe69c;
   --bs-danger-border-subtle: #f1aeb5;
   --bs-light-border-subtle: #e9ecef;
   --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
   --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
   --bs-body-font-size: 1rem;
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
   --bs-body-color: #212529;
   --bs-body-color-rgb: 33, 37, 41;
   --bs-body-bg: #fff;
   --bs-body-bg-rgb: 255, 255, 255;
   --bs-emphasis-color: #000;
   --bs-emphasis-color-rgb: 0, 0, 0;
   --bs-secondary-color: rgba(33, 37, 41, 0.75);
   --bs-secondary-color-rgb: 33, 37, 41;
   --bs-secondary-bg: #e9ecef;
   --bs-secondary-bg-rgb: 233, 236, 239;
   --bs-tertiary-color: rgba(33, 37, 41, 0.5);
   --bs-tertiary-color-rgb: 33, 37, 41;
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
   --bs-heading-color: inherit;
   --bs-link-color: #0d6efd;
   --bs-link-color-rgb: 13, 110, 253;
   --bs-link-decoration: underline;
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
   --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
   --bs-border-color: #dee2e6;
   --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
   --bs-border-radius: 0.375rem;
   --bs-border-radius-sm: 0.25rem;
   --bs-border-radius-lg: 0.5rem;
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-xxl: 2rem;
   --bs-border-radius-2xl: var(--bs-border-radius-xxl);
   --bs-border-radius-pill: 50rem;
   --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
   --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
   --bs-form-valid-color: #198754;
   --bs-form-valid-border-color: #198754;
   --bs-form-invalid-color: #dc3545;
   --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
   color-scheme: dark;
   --bs-body-color: #dee2e6;
   --bs-body-color-rgb: 222, 226, 230;
   --bs-body-bg: #212529;
   --bs-body-bg-rgb: 33, 37, 41;
   --bs-emphasis-color: #fff;
   --bs-emphasis-color-rgb: 255, 255, 255;
   --bs-secondary-color: rgba(222, 226, 230, 0.75);
   --bs-secondary-color-rgb: 222, 226, 230;
   --bs-secondary-bg: #343a40;
   --bs-secondary-bg-rgb: 52, 58, 64;
   --bs-tertiary-color: rgba(222, 226, 230, 0.5);
   --bs-tertiary-color-rgb: 222, 226, 230;
   --bs-tertiary-bg: #2b3035;
   --bs-tertiary-bg-rgb: 43, 48, 53;
   --bs-primary-text-emphasis: #6ea8fe;
   --bs-secondary-text-emphasis: #a7acb1;
   --bs-success-text-emphasis: #75b798;
   --bs-info-text-emphasis: #6edff6;
   --bs-warning-text-emphasis: #ffda6a;
   --bs-danger-text-emphasis: #ea868f;
   --bs-light-text-emphasis: #f8f9fa;
   --bs-dark-text-emphasis: #dee2e6;
   --bs-primary-bg-subtle: #084298;
   --bs-secondary-bg-subtle: #161719;
   --bs-success-bg-subtle: #051b11;
   --bs-info-bg-subtle: #032830;
   --bs-warning-bg-subtle: #332701;
   --bs-danger-bg-subtle: #2c0b0e;
   --bs-light-bg-subtle: #343a40;
   --bs-dark-bg-subtle: #1a1d20;
   --bs-primary-border-subtle: #084298;
   --bs-secondary-border-subtle: #41464b;
   --bs-success-border-subtle: #0f5132;
   --bs-info-border-subtle: #087990;
   --bs-warning-border-subtle: #997404;
   --bs-danger-border-subtle: #842029;
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
   --bs-link-color: #6ea8fe;
   --bs-link-hover-color: #8bb9fe;
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
   --bs-form-valid-border-color: #75b798;
   --bs-form-invalid-color: #ea868f;
   --bs-form-invalid-border-color: #ea868f
}
*/

:root{
   --bs-bg-opacity: 1;
}

:root,
[data-bs-theme=light] {
   --bs-primary: #005eb8;
   --bs-secondary: #89898c;
   --bs-tertiary: #193366;
   --bg-rgb:#2d6dec10;
   --bs-primary-bg-subtle:#005eb8;

   --bs-heading-color:var(--bs-tertiary);

   --bs-primary-rgb: 0, 94, 187;
   --bs-secondary-rgb: 137,137,140;
   --bs-tertiary-rgb: 25, 51, 102;

   --logo-url: url('/public/img/logo_copetran_blue.png');
}

:root,[data-bs-theme=dark] {
   --bs-primary: #fff;
   --bs-secondary: #89898c;
   --bs-tertiary: #fff;
   --bg-rgb:#2d6dec75;
   --bs-primary-bg-subtle: #005eb8;
   --bs-heading-color: var(--bs-emphasis-color);

   --bs-primary-rgb: 255, 255, 255;
   --bs-secondary-rgb: 137, 137, 140;
   --bs-tertiary-rgb: 255, 255, 255;
   --logo-url: url('/public/img/logo_copetran_white.png');
   --bs-body-bg: var(--bs-secondary-bg);
}

[data-bs-theme=light] .btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-tertiary);
    --bs-btn-border-color: var(--bs-tertiary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-tertiary-rgb), 0.9);
    --bs-btn-hover-border-color: rgba(var(--bs-tertiary-rgb), 0.9);
    --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--bs-tertiary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-tertiary-rgb), 0.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-tertiary);
    --bs-btn-disabled-border-color: var(--bs-tertiary);
}

[data-bs-theme=dark] .btn-tertiary {
    --bs-btn-color: #000;
    /* Texto negro para contrastar con fondo blanco */
    --bs-btn-bg: var(--bs-tertiary);
    --bs-btn-border-color: var(--bs-tertiary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgba(var(--bs-tertiary-rgb), 0.85);
    /* Blanco con transparencia */
    --bs-btn-hover-border-color: rgba(var(--bs-tertiary-rgb), 0.85);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgba(var(--bs-tertiary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-tertiary-rgb), 0.8);
}

[data-bs-theme=dark] [class*="sidebar-dark-"] {
   background-color: var(--bs-dark-bg-subtle);
   border-color:var(--bg-rgb) !important

}

[data-bs-theme=light] [class*="sidebar-dark-"] {
   background-color: var(--bs-body-bg);
   border-color: var(--bs-secondary) !important
}

[data-bs-theme=light] {
   --nav-active-color: var(--bs-secondary);
}

[data-bs-theme=dark] {
   --nav-active-color: var(--bs-primary);
}

[data-bs-theme="light"] [class*="sidebar-dark-"] .nav-sidebar>.nav-item:is(.menu-open, .has-treeview)>.nav-link {
   color: var(--nav-active-color) !important;
}

[data-bs-theme="dark"] [class*="sidebar-dark-"] .nav-sidebar>.nav-item:is(.menu-open, .has-treeview)>.nav-link {
   color: var(--nav-active-color) !important;
}

/* Coincide con la especificidad de AdminLTE */
[data-bs-theme="light"] [class*="sidebar-dark-"] .nav-sidebar>.nav-item:hover>.nav-link,
[data-bs-theme="light"] [class*="sidebar-dark-"] .nav-sidebar>.nav-item.menu-open>.nav-link {
   background-color: var(--bs-bg-opacity) !important;
}

[data-bs-theme="dark"] [class*="sidebar-dark-"] .nav-sidebar>.nav-item:hover>.nav-link,
[data-bs-theme="dark"] [class*="sidebar-dark-"] .nav-sidebar>.nav-item.menu-open>.nav-link {
   background-color: var(--bs-gray) !important;
}


[data-bs-theme="light"] .nav-sidebar .nav-treeview .nav-link.active {
   background-color: var(--bs-gray-100) !important;
}

[data-bs-theme="light"] .nav-sidebar .nav-treeview .nav-link.active i {
   color: var(--bs-secondary) !important;
}

[data-bs-theme="light"] [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover{
     background-color: var(--bs-gray-400) ;
}

[data-bs-theme="light"] .nav-sidebar .nav-treeview .nav-link.active p {
   color: var(--bs-primary) !important;
   font-weight: 700;
}

[data-bs-theme="dark"] .nav-sidebar .nav-treeview .nav-link.active {
   background-color: var(--bs-gray-700) !important;
}

[data-bs-theme="dark"] .nav-sidebar .nav-treeview .nav-link.active i {
   color: var(--bs-gray-200) !important;
}

[data-bs-theme="dark"] [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
   background-color: var(--bs-gray-800);
}

[data-bs-theme="dark"] .nav-sidebar .nav-treeview .nav-link.active p {
   color: var(--bs-primary) !important;
   font-weight: 600;
}

[data-bs-theme="light"] .pushmenu{
   color: var(--bs-light) !important;
}

[data-bs-theme="dark"] .pushmenu{
   color:var(--bs-dark)!important;
}

[data-bs-theme="dark"] .select2-selection__rendered,
[data-bs-theme="dark"] .select2-results,
[data-bs-theme="dark"] .select2-selection,
[data-bs-theme="dark"] .swalAlert
{
    background-color: var(--bs-gray-800) !important;
    color: var(--bs-light) !important;
}

[data-bs-theme="light"] .list-group-item{
    background-color: var(--bs-btn-color) !important;
    color: var(--bs-dark) !important;
}

[data-bs-theme="dark"] .fixed-table-loading {
   background-color: var(--bs-gray-800) !important;
    color: var(--bs-light) !important;
    border: none !important;
}

[data-bs-theme="dark"] .bootstrap-duallistbox-container .box1, 
[data-bs-theme="dark"] .bootstrap-duallistbox-container .box2,
[data-bs-theme="dark"] .bootstrap-duallistbox-container select{
    background-color: var(--bs-gray-800) !important;
    color: var(--bs-light) !important;
}

.content-wrapper{
   background-color:var(--bs-light-rgb)
}

.text-tertiary {
    color: var(--bs-tertiary) ;
 }

.table-primary {
    --bs-table-bg: var(--bs-primary-bg-subtle);
    --bs-table-color: var(--bs-light);
  }

.botonBoostrapTable a:hover {
    color: #e6e3ee !important;
}

  table{
    border-radius: 0.5rem;
    overflow: hidden;
  }

/* Estilos botones asignacion de permisos */
.form-switch .form-check-input {
    background-color: #dc3545;
    border: none;
    cursor: pointer;
    height: 18px;
}

.form-switch .form-check-input:checked {
    background-color: #26ac26;
}

.form-switch .form-check-input:focus {
    box-shadow: none;
}


.table{
    border-radius: 0.5em;
    overflow: hidden;
}

/* Estilos menu lateral */
.nav-collapse-hide-child .menu-open:not(.menu-is-opening) > .nav-treeview {
  max-height: min-content;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}



body.sidebar-collapse .main-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
}

/* Centrar verticalmente los íconos SOLO cuando no se hace hover */
body.sidebar-collapse:not(.sidebar-open) .main-sidebar:hover .nav-sidebar,
body.sidebar-collapse:not(.sidebar-open) .main-sidebar .nav-sidebar:hover {
    position: static !important;
    transform: none !important;
}

/* Centrado solo cuando sidebar colapsado y sin hover */
body.sidebar-collapse .main-sidebar .nav-sidebar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    transition: transform 0s ease;
}

/* padding de los ítems del menú */
.main-sidebar .nav-sidebar > .nav-item > .nav-link {
    padding-left: 6px !important;
}

/* Padding a los iconos del menu */
.main-sidebar .nav-sidebar .nav-icon {
    padding-left: 12px;
}

/* Solo aplicar cuando el menú está expandido (sin sidebar-collapse) */
body:not(.sidebar-collapse) .main-sidebar .nav-sidebar .nav-icon {
    padding-left: 1px;
}

.nav-sidebar .nav-link p {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color:var(--bs-body-color);
}
.nav-sidebar .nav-link.logout-link:hover {
   background-color:var(--bs-danger)!important;
   filter: brightness(0.9) !important;
}

.nav-sidebar .nav-link.active {
   background-color: rgba(var(--bs-secondary-color), var(--bs-bg-opacity)) !important;
   color: var(--bs-secondary-color)!important;
   transition: all 0.3s;
}
.nav-sidebar .nav-link.active i{
   color: var(--bs-secondary-color) !important;
   transition: all 0.3s;
}



body:not(.sidebar-collapse) .nav-item .nav-treeview .nav-link {
    padding-left: 20px;
}

.nav-sidebar .nav-item{
    border-bottom: 1px solid rgb(223, 223, 223);
}

.nav-sidebar .nav-item .nav-link.active{
    box-shadow: none !important;
}


/* Estilos select2 */
.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 400px !important;
    padding: 0.5em;
}


/* Dual select bootstrap */
.bootstrap-duallistbox-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.bootstrap-duallistbox-container select option {
    padding: 6px;
    margin: 5px 0;
    font-size: 0.95rem;
    background-color: #f8f9fa;
    border-radius: 6px;
    transition: background-color 0.2s ease;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.bootstrap-duallistbox-container select option:hover {
    background-color: #e9ecef;
}

.bootstrap-duallistbox-container select {
    height: 250px !important;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: white;
}

.bootstrap-duallistbox-container .box1,
.bootstrap-duallistbox-container .box2 {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 12px;
    background-color: #ffffff;
    flex: 1;
    min-width: 0;
}

.bootstrap-duallistbox-container .box1::before,
.bootstrap-duallistbox-container .box2::before {
    display: block;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 10px;
    color: #0d6efd;
    content: attr(data-title);
    font-family: "Segoe UI", sans-serif;
}

.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .removeall {
    width: 100%;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 8px 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-top: 8px;
    margin-bottom: 4px;
}

.bootstrap-duallistbox-container .moveall {
    background-color: #198754 !important; /* verde Bootstrap */
    color: white;
}

.bootstrap-duallistbox-container .removeall {
    background-color: #dc3545 !important; /* rojo Bootstrap */
    color: white;
}

/* Estilos select en permisos usuario */
.isInherited{
    background-color: #f8d7da !important; /* Color de fondo rojo claro */
    color: #721c24 !important; /* Color de texto rojo oscuro */
    font-weight: bold; /* Negrita */
}

/* Spinner de carga */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(1px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.spinner-container {
    text-align: center;
    color: white;
    font-size: 18px;
}

/* Bootstrap table detail view icon----------------- */
.bootstrap-table .detail-icon {
    font-size: 0.7rem;
    font-weight: bold;
    padding: 0 2px;
    line-height: 1.5rem;
    color: #fff;
    background-color: var(--bs-secondary);
    border: 1px solid #fff;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.bootstrap-table td.detail {
    width: 1.5rem !important;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
}


/* Estilos card componente */
.cardComponent:hover{
    transform: translateY(-4px);
    transition: all 0.1s ease-in-out;
}

.botonBoostrapTable{
    position: absolute;
    box-shadow:#1a1a1a;
    top: 205px;
}


/* Toast componente */
.toast {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.toast.show {
    opacity: 1;
    transform: translateX(0);
}

.toast-hide {
    opacity: 0;
    transform: translateX(100%);
}

.toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background-color: currentColor;
    width: 100%;
    transform-origin: left;
    animation: toastProgress 5s linear forwards;
    opacity: 0.8;
}

@keyframes toastProgress {
    from { width: 100%; }
    to { width: 0%; }
}

.swal2-popup{
    max-width: 450px;

}

.light-icon {
    width: 38px;
    height: 38px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 62 62'%3E%3Cg fill='%23ffce31'%3E%3Cpath d='m14.7 44.4l4.8-4.9c-1.7-.4-3.3-1-4.7-2zM30.3 6.6l-4.8 4.9c1.7.4 3.3 1 4.7 2zM3.6 33.3l6.9-.1c-.9-1.4-1.6-3-2-4.7zm37.8-15.6l-6.9.1c.9 1.4 1.6 3 2 4.7zm-37.8 0l4.9 4.8c.4-1.7 1-3.3 2-4.7zm37.8 15.6l-4.9-4.8c-.4 1.7-1 3.3-2 4.7zM14.7 6.6l.1 6.9c1.4-.9 3-1.6 4.7-2zm15.6 37.8l-.1-6.9c-1.4.9-3 1.6-4.7 2zM10.7 33.7L8 40l6.3-2.7q-2.1-1.5-3.6-3.6m23.6-16.4L37 11l-6.3 2.7q2.1 1.5 3.6 3.6M8.4 22.9L2 25.5l6.4 2.6c-.1-.8-.2-1.7-.2-2.6c-.1-.9 0-1.7.2-2.6m28.2 5.2l6.4-2.6l-6.4-2.6c.2.8.2 1.7.2 2.6s0 1.7-.2 2.6M14.3 13.7L8 11l2.7 6.3q1.5-2.1 3.6-3.6m16.4 23.6L37 40l-2.7-6.3q-1.5 2.1-3.6 3.6m-5.6-25.9L22.5 5l-2.6 6.4c.8-.1 1.7-.2 2.6-.2c.9-.1 1.7 0 2.6.2m-5.2 28.2l2.6 6.4l2.6-6.4c-.8.1-1.7.2-2.6.2s-1.7 0-2.6-.2'/%3E%3Ccircle cx='22.5' cy='25.5' r='13'/%3E%3C/g%3E%3Cpath fill='%23b1daf8' d='M17.2 57.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.4 3.2-7.2c.5-.5 1.1-.9 1.7-1.2l.6-2.2c1.5-5.5 6.5-9.3 12.1-9.3c.6 0 1.1 0 1.8.1l1.5.3l.2-.5c2.3-4.2 6.6-6.7 11.2-6.7C47.3 20.9 53 26.8 53 34v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.8 5.5 9.8c0 5.3-3.5 9.8-8.6 11c-.8.2-1.7.3-2.5.3H17.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.dark-icon {
    width: 38px;
    height: 38px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 512 512'%3E%3Cdefs%3E%3ClinearGradient id='meteoconsStarryNightFill0' x1='54.3' x2='187.2' y1='29' y2='259.1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2386c3db'/%3E%3Cstop offset='.5' stop-color='%2386c3db'/%3E%3Cstop offset='1' stop-color='%235eafcf'/%3E%3C/linearGradient%3E%3ClinearGradient id='meteoconsStarryNightFill1' x1='294' x2='330' y1='112.8' y2='175.2' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fcd966'/%3E%3Cstop offset='.5' stop-color='%23fcd966'/%3E%3Cstop offset='1' stop-color='%23fccd34'/%3E%3C/linearGradient%3E%3ClinearGradient id='meteoconsStarryNightFill2' x1='295.5' x2='316.5' y1='185.9' y2='222.1' href='%23meteoconsStarryNightFill1'/%3E%3ClinearGradient id='meteoconsStarryNightFill3' x1='356.3' x2='387.7' y1='194.8' y2='249.2' href='%23meteoconsStarryNightFill1'/%3E%3Csymbol id='meteoconsStarryNightFill4' viewBox='0 0 270 270'%3E%3Cpath fill='url(%23meteoconsStarryNightFill0)' stroke='%2372b9d5' stroke-linecap='round' stroke-linejoin='round' stroke-width='8.8' d='M252.3 168.6A133.4 133.4 0 0 1 118 36.2A130.5 130.5 0 0 1 122.5 3A133 133 0 0 0 3 134.6C3 207.7 63 267 137.2 267c62.5 0 114.8-42.2 129.8-99.2a135.6 135.6 0 0 1-14.8.8Z'%3E%3CanimateTransform additive='sum' attributeName='transform' dur='6s' repeatCount='indefinite' type='rotate' values='-15 135 135; 9 135 135; -15 135 135'/%3E%3C/path%3E%3C/symbol%3E%3C/defs%3E%3Cpath fill='url(%23meteoconsStarryNightFill1)' stroke='%23fcd34d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m282.8 162.8l25-6.4a1.8 1.8 0 0 1 1.7.5l18.3 18a1.8 1.8 0 0 0 3-1.7l-6.4-25a1.8 1.8 0 0 1 .5-1.7l18-18.4a1.8 1.8 0 0 0-1.8-3l-24.9 6.5a1.8 1.8 0 0 1-1.7-.5l-18.4-18a1.8 1.8 0 0 0-3 1.7l6.5 25a1.8 1.8 0 0 1-.5 1.7l-18 18.3a1.8 1.8 0 0 0 1.7 3Z'%3E%3CanimateTransform additive='sum' attributeName='transform' calcMode='spline' dur='6s' keySplines='.42, 0, .58, 1; .42, 0, .58, 1' repeatCount='indefinite' type='rotate' values='-15 312 144; 15 312 144; -15 312 144'/%3E%3Canimate attributeName='opacity' dur='6s' values='1; .75; 1; .75; 1; .75; 1'/%3E%3C/path%3E%3Cpath fill='url(%23meteoconsStarryNightFill2)' stroke='%23fcd34d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m285.4 193.4l12 12.3a1.2 1.2 0 0 1 .3 1.1l-4.3 16.6a1.2 1.2 0 0 0 2 1.2l12.3-12a1.2 1.2 0 0 1 1.1-.3l16.6 4.3a1.2 1.2 0 0 0 1.2-2l-12-12.3a1.2 1.2 0 0 1-.3-1.1l4.3-16.6a1.2 1.2 0 0 0-2-1.2l-12.3 12a1.2 1.2 0 0 1-1.1.3l-16.7-4.3a1.2 1.2 0 0 0-1.1 2Z'%3E%3CanimateTransform additive='sum' attributeName='transform' begin='-.33s' calcMode='spline' dur='6s' keySplines='.42, 0, .58, 1; .42, 0, .58, 1' repeatCount='indefinite' type='rotate' values='-15 306 204; 15 306 204; -15 306 204'/%3E%3Canimate attributeName='opacity' begin='-.33s' dur='6s' values='1; .75; 1; .75; 1; .75; 1'/%3E%3C/path%3E%3Cpath fill='url(%23meteoconsStarryNightFill3)' stroke='%23fcd34d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m337.3 223.7l24.8 7a1.8 1.8 0 0 1 1.3 1.2l6.9 24.8a1.8 1.8 0 0 0 3.4 0l7-24.8a1.8 1.8 0 0 1 1.2-1.3l24.8-6.9a1.8 1.8 0 0 0 0-3.4l-24.8-7a1.8 1.8 0 0 1-1.3-1.2l-6.9-24.8a1.8 1.8 0 0 0-3.4 0l-7 24.8a1.8 1.8 0 0 1-1.2 1.3l-24.8 6.9a1.8 1.8 0 0 0 0 3.4Z'%3E%3CanimateTransform additive='sum' attributeName='transform' begin='-.67s' calcMode='spline' dur='6s' keySplines='.42, 0, .58, 1; .42, 0, .58, 1' repeatCount='indefinite' type='rotate' values='-15 372 222; 15 372 222; -15 372 222'/%3E%3Canimate attributeName='opacity' begin='-.67s' dur='6s' values='1; .75; 1; .75; 1; .75; 1'/%3E%3C/path%3E%3Cuse width='270' height='270' href='%23meteoconsStarryNightFill4' transform='translate(121 121)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.logo-responsive {
   content: var(--logo-url);
   width: 100%!important;
   height: auto;
   max-width: 100%!important;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   min-height: 60px;
}

.logo-container {
   max-width: 235px!important;
   margin: 0 auto;
   user-select: none;
}