@charset "utf-8";
/* CSS Document */

/* VARIABLE*/
:root {
    --primary-bg-color: #2f7ac1;
    --primary-bg-color-light: #5c9fe0;
    --primary-bg-color-dark: #1f578a;
    --primary-color-invert: #FFF;
    /***/
    --primary-bg-color-rgba: 47, 122, 193;
    --primary-bg-color-light-rgba: 92, 159, 224;
    --primary-bg-color-dark-rgba: 31, 87, 138;
    /***/
    --secondary-bg-color: #2f7ac1;
    --secondary-bg-color-light: #5c9fe0;
    --secondary-bg-color-dark: #1f578a;
    --secondary-color-invert: #FFF;
    /***/
    --secondary-bg-color-rgba: 47, 122, 193;
    --secondary-bg-color-light-rgba: 92, 159, 224;
    --secondary-bg-color-dark-rgba: 31, 87, 138;
    /***/
    --main-home-bg-color: #fff;
    --question-bg-color: #fb8c00;
    --quotation-bg-color: #008000;
    --table-header: #2f7ac1;
    --table-header-hover: #5c9fe0;
    --flange-border: #2f7ac1;
    /*--font-name: Roboto;*/
    --background-color: #1C3865;
    --color: #1C3865;
    --color-a: #2f7ac1;
    --color-a-alt: #5c9fe0;
}

    html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    font-size: 14px;
}

body {
    background-color: var(--main-home-bg-color);
}

.navbar-brand{
    min-width:100px;
}

.headerStyle {
    position: sticky;
    top: 0px;
    background-color: var(--primary-bg-color);
    color: var(--primary-color-invert) !important;
}
.headerStyle a {
    text-decoration: none !important;
    color: var(--primary-color-invert);
}

.table.table-no-more td:before {
    color: var(--primary-bg-color);
}



.pager a,
.pager td table tbody tr td {
    display: inline-table !important;
    padding: 0px 10px;
    margin-right: 4px;
    border-radius: 3px;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;

}

.pager a {
    color: #000;
    min-width: 15px;
    max-width: 15px;
    padding: 8px;
    text-align: center;
    border-collapse: separate;
}

    .pager a:hover {
        background-color: var(--primary-bg-color);
        color: var(--primary-color-invert);
    }

.pager span {
    display: inline-block !important;
    padding: 8px;
    border-collapse: separate;
    color: var(--primary-color-invert);
    background-color: var(--primary-bg-color);
}

.pager input {

    padding: 8px;
    text-align: center;
    border-collapse: separate;
}


.navbarBgColor {
    background-color: var(--primary-bg-color);
}

.cardLogin {
    background-color: var(--secondary-bg-color) !important;
}



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

.btn-negative {
    border: 2px solid var(--primary-bg-color);
    color: var(--primary-bg-color);
    background-color: #fff;
}

    .btn-negative:hover {
        border: 2px solid var(--primary-bg-color-light);
        color: var(--primary-color-invert) !important;
        background-color: var(--primary-bg-color-light);
    }


    .btn-negative:active {
        border: 2px solid var(--primary-bg-color-dark) !important;
        color: var(--primary-color-invert) !important;
        background-color: var(--primary-bg-color-dark) !important;
    }


.btn-positive {
    border: 2px solid var(--primary-bg-color) !important;
    color: var(--primary-color-invert) !important;
    background-color: var(--primary-bg-color) !important;
}

    .btn-positive:hover {
        border: 2px solid var(--primary-bg-color-light) !important;
        background-color: var(--primary-bg-color-light) !important;
    }

    .btn-positive:active {
        border: 2px solid var(--primary-bg-color-dark) !important;
        background-color: var(--primary-bg-color-dark) !important;
    }


.nav-link {
    color: #fff !important;
    background-color: var(--secondary-bg-color-light) !important;
    border-color: #dee2e6 #dee2e6 #dee2e6 !important;
}

    .nav-link.active {
        color: #000 !important;
        background-color: #fff !important;
        border-color: #dee2e6 #dee2e6 #fff !important;
    }

    .nav-link:focus, .nav-link:hover {
        color: var(--secondary-bg-color-dark) !important;
    }


.cbxClassZoom {
}

    .cbxClassZoom input {
        zoom: 2;
        accent-color: #000;
        vertical-align: middle;
    }

    .cbxClassZoom input:disabled {
        accent-color: #0F0 !important;
        color: #0F0 !important;
    }
        .cbxClassZoom input[disabled] {
            accent-color: #0F0 !important;
            color: #0F0 !important;
        }




/*Card modifica dettaglio*/
.card-header button .fa-chevron-down {
    transition: transform 0.3s ease-in-out;
}

.card-header button:not(.collapsed) .fa-chevron-down {
    transform: rotate(180deg);
}



.ast-btn-primary {
    background-color: var(--primary-bg-color);
    color: var(--primary-color-invert) 
}

    .ast-btn-primary:hover {
        background-color: var(--primary-bg-color-light);
        color: var(--primary-color-invert)
    }

/*************************/

.qrPreviewContainer {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.qrPreviewVideo {
    max-width: 350px !important;
}

@media screen and (max-width:450px) {
    .qrPreviewVideo {
        max-width: 280px !important;
    }
}


a {
    text-decoration: none;
    color: var(--color-a);
}

.ast-btn-secondary {
    background-color: var(--secondary-bg-color-dark);
    border: 1px solid var(--secondary-bg-color-dark);
}

    .ast-btn-secondary:hover {
        background-color: var(--secondary-bg-color-light);
        border: 1px solid var(--secondary-bg-color-light);
    }