@media (max-width: 767px) {
  a.navbar-brand.d-flex {
    max-width: 243px;
  }
}
[data-theme-style="light"]  .app-overlay {
    //opacity: unset !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px) !important;
    background-color: #ffffffb3 !important;
    top: 0px;
	animation: fadeInOut 0.5s ease-in-out forwards;
}

[data-theme-style="dark"]   .app-overlay {
    //opacity: unset !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px) !important;
    background-color: #161617cc !important;
    top: 0px;
	animation: fadeInOut 0.5s ease-in-out forwards;
}
@keyframes fadeInOut {
  0% { opacity: 0; }
  10% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; }
}

.google-revocation-link-placeholder {display: none !important;}

.announcement-wrapper {
        border-radius: 8px !important;
    }

.py-7 {
    background: hsla(246, 33%, 26%, 1);
    background-image: radial-gradient(at 23% 1%, hsla(201, 97%, 53%, 1) 0px, transparent 50%), radial-gradient(at 100% 1%, #3F51B5 0px, transparent 50%), radial-gradient(at 14% 99%, #4CAF50 0px, transparent 50%), radial-gradient(at 80% 99%, hsla(201, 97%, 53%, 1) 0px, transparent 50%);
}

.py-8 {
    background: hsla(246, 33%, 26%, 1);
    background-image: radial-gradient(at 23% 1%, #2196F3 0px, transparent 50%), radial-gradient(at 100% 1%, #8BC34A 0px, transparent 50%), radial-gradient(at 14% 99%, #3F51B5 0px, transparent 50%), radial-gradient(at 80% 99%, hsla(201, 97%, 53%, 1) 0px, transparent 50%);
}

h1.index-header.mb-4 {
    max-width: 750px;
    font-size: 4em;
    font-weight: bolder;
padding-bottom: 3px;
}
p.index-subheader {
    max-width: 700px;
    font-weight: normal;
}




[data-theme-style="dark"] .index-header {
    background: linear-gradient(80deg, #5ac8f4, #0b84ff 30%, #32d74b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

    /* Animazione */
    animation: gradient-rotation 6s infinite; /* Durata: 6 secondi, loop infinito */
    -webkit-animation: gradient-rotation 6s infinite;
}


.index-subheader {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 160% !important;
}

.card.border-0.index-cta.py-5.py-lg-6.aos-init.aos-animate {
    background-image: url(https://uptime4.com/themes/main/assets/images/index/hero_main_bg3.jpg);
    background-size: cover;
    background-position: right;
}
a.btn.btn-outline-primary.zoom-animation {
    background: white !important;
    border-radius: 50px;
    color: #1d1d1f;
    font-weight: bold !important;
    border-color: white !important;
}

a.btn.btn-outline-primary.zoom-animation:hover {
    color: #1d1d1f;
}

.py-7.bg-primary-100.rounded-2x {
    background-image: url(https://uptime4.com/themes/main/assets/images/index/hero_main_bg2.jpg);
    background-position: top;
    background-size: cover;
    background-blend-mode: soft-light;
}

.bg-blue-900.py-8.up-animation.rounded-2x {
    background-image: url(https://uptime4.com/themes/main/assets/images/index/hero_main_bg1.jpg);
    background-size: cover;
   background-position: center;
background-blend-mode: multiply;
}

/****** *******/
span.text-primary-400 {color: #32d74b !important;}
span.text-blue-200 {color: #0b84ff !important;}
span.text-white.h2 {color: white !important;}

/*********   *****/
p.text-muted-custom {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 160% !important;
    /* color: var(--gray-600); */
    max-width: 700px;
    text-align: center;
    display: inline-block;
}

/**** ****/
@media (max-width: 767.5px) {
  .col-8 {
    flex: auto !important;
    max-width: max-content !important;
  }
}

.text-primary-400 {
    color: #34c759 !important;
}

svg.w-100.mb-4 {
    max-height: 200px;
}


[data-theme-style="dark"] button.btn.btn-link.text-secondary.dropdown-toggle.dropdown-toggle-simple {
    background: #131416;
	border-radius: 0.6rem;
}

div#ad_blocker_detector_modal {backdrop-filter: blur(8px);}
.spotlight-wrapper.show {backdrop-filter: blur(8px);}


/******/
[data-theme-style="dark"] .app-sidebar-links > li.active > a:not(.default) svg {
  color: #3bd671;
}

[data-theme-style="dark"] .app-container {
    color: #e9eef8;
    background: radial-gradient(900px 520px at 10% -20%, rgba(139, 92, 246, .14), transparent), radial-gradient(900px 520px at 90% 10%, #60a5fa1f, transparent), #0b0f1a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-theme-style="dark"] .app-sidebar {
background: linear-gradient(0deg, rgba(59, 215, 113, 0.05) 0%, rgb(20, 32, 45) 75%) !important;
}
[data-theme-style="dark"] .bg-blue-900 {
    background-color: #1c2434 !important;
}

[data-theme-style="dark"] .text-gray-400 {
    color: #72839e !important;
}
/**/
[data-theme-style="dark"] h1.h3.text-truncate.text-white.mb-0.mr-2 {color: #e6eaeb !important;}


[data-theme-style="dark"] .card-body.d-flex.p-3,[data-theme-style="dark"] .card.mt-4 .card-body, [data-theme-style="dark"] .table-custom {background-color: #1c2434 !important; border-radius: 0.6rem;}

[data-theme-style="dark"] .btn-light {
    background: #131a25 !important;
    color: #e6eaeb;
}

[data-theme-style="dark"] .btn-light:hover {
    background: #2d3340 !important;
    color: #e6eaeb;
}
[data-theme-style="dark"] .btn-primary {
    color: #fff;
    background-color: #0e9ee1 !important;
    border-color: #0e9ee1 !important;
}
[data-theme-style="dark"] .flex-wrap {gap: 10px;}
[data-theme-style="dark"] .modal {backdrop-filter: blur(8px);}
[data-theme-style="dark"] .modal-content {background-color: #1c2434;}
[data-theme-style="dark"] .form-control { border-color: #2d3340; background: #131a25; color:#e6eaeb;}
[data-theme-style="dark"] .select2-results {
    display: block;
    padding: calc(var(--input-padding-x) / 2) var(--input-padding-x) var(--input-padding-x) var(--input-padding-x);
    background: #131a25;
    cursor: pointer;
    border-color: #2d3340;
}

[data-theme-style="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {color: #ffffff; background: #131a25; border-radius: 0.6rem;}

[data-theme-style="dark"] .badge-success {
    background-color: #008932;
    color: hsla(134, 50%, 85%, 1);
}
[data-theme-style="dark"] .badge-danger {
    background-color: #e9152d;
    color: hsla(354, 70%, 85%, 1);
}
[data-theme-style="dark"] .btn-light, [data-theme-style="dark"] .filters-button {
    background: #1c2434 !important;
    color: #e6eaeb;
}
[data-theme-style="dark"] .border-gray-50 {border-color: #606b7a !important;}
[data-theme-style="dark"] .app-sidebar-links > li > a {background: #1c2434;}
[data-theme-style="dark"] .app-sidebar-links > li > a:hover {
    background: #131a25;
    color: var(--gray-800);
}
[data-theme-style="dark"] .app-sidebar-links > li.active > a:not(.default) {
    background: #2d3340 !important;
    color: var(--gray-800);
}
[data-theme-style="dark"] .pb-4.px-lg-5.pb-lg-5:has(> .container.d-print-none > footer.app-footer) footer.app-footer {
    background: linear-gradient(0deg, rgba(59, 215, 113, 0.05) 0%, rgb(20, 32, 45) 75%) !important;
}
[data-theme-style="dark"] .bg-blue-50 {
    background-color: #131a25 !important;
}
[data-theme-style="dark"] .card-body:has(
    > .d-flex.flex-column.align-items-center.justify-content-center.py-4
) {
    background-color: #1c2434; /* colore desiderato */
}

[data-theme-style="dark"] .card.mb-4 .card-body:has(> .chart-container) {
    background-color: #1c2434; /* Colore desiderato */
}

[data-theme-style="dark"] .card-body:has(
    > .d-flex.flex-column.flex-lg-row.justify-content-lg-between.align-items-lg-center
) {
    background-color: #1c2434; /* colore a scelta */
}

[data-theme-style="dark"] html {
    background: #131a25 !important;
}

[data-theme-style="dark"] button.btn.btn-link.text-white.dropdown-toggle.dropdown-toggle-simple {
    color: #ffffff !important;
}



/****/