@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

:root {
    --blu-onplant: #f7f7f7;
    --onplant-font-family: 'Ubuntu', sans-serif;
    --yellow-onplant: #2c9dac;
}

a {
    color: #007bff;
    text-decoration: none;
}

    a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

pre {
    display: inline-grid;
}

mark {
    font-weight: bold;
    background: yellow;
    color: black;
    border-radius: .2rem;
    padding: .1rem;
}

img.logo {
    width: 120px;
}

span.logo {
    font-size: 1rem;
    margin-left: .5rem;
    display: inline-block;
    color: #011929;
    font-weight: bold;
}

.btn-downloadable {
    display: table;
    margin-bottom: 1rem;
}

    .btn-downloadable:hover {
        text-decoration: none;
        background-color: #c1c1c1;
    }

    .btn-downloadable i {
        margin-right: .4rem;
    }

.sticky-nav {
    position: sticky;
    top: 0;
}

.input-validation-error {
    border-color: red !important;
    color: red !important;
}

.text-mini {
    font-size: .9rem;
}

.text-mini-m-0 {
    font-size: .9rem;
    margin: 0;
    padding: 0;
}

.glossary-list li {
    font-size: 1.2rem;
}

    .glossary-list li span {
        color: #c1c1c1;
    }

.bg-black {
    background-color: #4b4747;
}

.bg-on-darkblue {
    background-color: var(--blu-onplant);
}

nav.bg-on-darkblue a.nav-link {
    color: #4b4747;
}

.nav-item .nav-link.normal-link {
    text-decoration: underline;
}



.navbar .nav-item .nav-link.normal-link:hover, .navbar .nav-item .nav-link.normal-link:active {
    background-color: transparent;
    color: var(--yellow-onplant);
    text-decoration: underline;
}

.navbar .nav-item.normal-item:hover, .navbar .nav-item.normal-item:active {
    background-color: transparent;
}

header > .container {
    position: relative;
}

.breadcrumb {
    background-color: rgb(207 227 255 / 25%);
    padding: .5rem 1rem;
    border-radius: 4px;
    font-size: .9rem;
}

footer {
    color: #b3b3b3;
    background-color: #4b4747;
}

.umb-grid img {
    max-width: 100%;
}


/* NAVBAR */

.navbar {
    align-items: flex-start;
}

    .navbar .nav-item:hover {
        background-color: #E4E4E4;
    }

    /*.navbar .nav-item:hover a.nav-link {
        color: #fff;
    }*/    

.navbar .nav-link {
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #505050;
}

    .navbar .nav-link:hover {
        text-decoration: none;
    }
    
    .navbar .nav-link:focus {
        color: #fff;
        background-color: #2c9dac;
    }

    .navbar .nav-link::after {
        display: none;
    }

.navbar .nav-item .dropdown-menu a.dropdown-item:hover {
    text-decoration: none;
}

/* CALLOUT */
.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code {
        border-radius: 3px;
    }

    .callout.bs-callout {
        margin-top: -5px;
    }

.callout-success {
    border-left-color: #5cb85c;
}

    .callout-success h4 {
        color: #5cb85c;
    }

.callout-warning {
    border-left-color: #f0ad4e;
}

    .callout-warning h4 {
        color: #f0ad4e;
    }

.callout-danger {
    border-left-color: #d9534f;
}

    .callout-danger h4 {
        color: #d9534f;
    }

.callout-configuration {
    border-left-color: #f5652e;
}

    .callout-configuration h4 {
        color: #f5652e;
    }

.callout-suggerimento {
    border-left-color: #97ad1d;
}

    .callout-suggerimento h4 {
        color: #97ad1d;
    }

.callout-sql {
    border-left-color: #762dad;
}

    .callout-sql h4 {
        color: #762dad;
    }

.callout-specialist {
    border-color: #e4551f;
    border-left-width: 15px;
}

    .callout-specialist img {
        width: 32px;
    }

    .callout-specialist h4 {
        color: #e4551f;
    }

/* SIDEBAR */
.dropdown-toggle {
    outline: 0;
}

.nav-flush .nav-link {
    border-radius: 0;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
    text-align: left;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

    .btn-toggle:hover,
    .btn-toggle:focus {
        color: rgba(0, 0, 0, .85);
        background-color: #d2f4ea;
    }

    .btn-toggle::before {
        width: 1.25em;
        line-height: 0;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
        transition: transform .35s ease;
        transform-origin: .5em 50%;
    }

    .btn-toggle[aria-expanded="true"] {
        color: rgba(0, 0, 0, .85);
    }

        .btn-toggle[aria-expanded="true"]::before {
            transform: rotate(90deg);
        }

.btn-toggle-nav a:not(.custom-link) {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

    .btn-toggle-nav a:not(.custom-link):hover,
    .btn-toggle-nav a:not(.custom-link):focus {
        background-color: #d2f4ea;
    }

.btn-toggle-nav:has(li a.custom-link) {
    padding: .1875rem .5rem;
    margin-top: .125rem;
  
}

.scrollarea {
    overflow-y: auto;
}

.fw-semibold {
    font-weight: 600;
}

.lh-tight {
    line-height: 1.25;
}



/* MEGAMENU */

.navbar .megamenu {
    /*padding: 1rem;*/
    /*background-color: #011929;*/
    background-color: var(--blu-onplant);
}

    .navbar .megamenu h6 {
        color: black;
        font-weight: bolder;
    }

    .navbar .megamenu ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 .5rem;
    }

        .navbar .megamenu ul li a {
            color: #2c9dac;
            font-weight: bold;
        }

@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
}

@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}

/* fix dropwdown menu */
.dropdown-menu[data-bs-popper] {
    left: 0;
    right: auto;
}

@media(min-width: 991px) {
    .dropdown-menu[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

/* ZOOM IMAGES */
figure.zoom {
    background-position: 50% 50%;
    position: relative;
    /*width: 500px;*/
    overflow: hidden;
    cursor: zoom-in;
}

    figure.zoom img:hover {
        opacity: 0;
    }

    figure.zoom img {
        background-color: #fff;
        transition: opacity 0.5s;
        display: block;
        width: 100%;
    }

img.onit-logo {
    max-width: 50px;
}

.navbar-toggler {
    background: white;
}

/*
 *
 * Modifiche 12-2021
 *
 */

body {
    font-family: var(--onplant-font-family);
    background-color: var(--blu-onplant);
}

main {
    background-color: white;
}

.navbar .dropdown-menu {
    border: none !important;
}

header {
    margin-top: 1.5rem;
    border-bottom: none !important;
    background-color: var(--blu-onplant);
}

    header span.logo, footer span.logo {
        color: white;
        font-weight: 100;
    }

    header span.logo {
        color: #4b4747;
    }

.btn-outline-warning-inverted {
    color: #000;
    background-color: var(--yellow-onplant);
    border-color: var(--yellow-onplant);
}

    .btn-outline-warning-inverted:hover {
        color: var(--yellow-onplant);
        border-color: var(--yellow-onplant);
        background-color: var(--blu-onplant)
    }

main .breadcrumb {
    background-color: transparent;
    padding: unset;
    font-weight: 100;
}

    main .breadcrumb .breadcrumb-item::before {
        color: var(--yellow-onplant);
    }

footer {
    background-color: #4b4747;
    color: white;
}

ul.nav {
    display: contents;
}


i.fas.fa-graduation-cap.inlink {
    padding-top: 3px;
    margin-right: 5px;
}

.download-entire-manual-btn {
    margin-top: 2rem;
    color: #fff;
    background-color: #00264b;
    text-decoration: none;
    border: 1px solid var(--blu-onplant);
    transition: background-color .3s ease-in-out;
}

    .download-entire-manual-btn:hover {
        color: #fff;
        background-color: #274b6e;
        text-decoration: none;
    }

.login-error {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    padding: 1rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    display: block;
}