@import "main.css";

:root {
    --blu-lochiamo: #001E39;
    --blu-lochiamo-2: #9CB4CA;
    --blu-alternativo: #324a60;
}

/* stili di base */
body {
    background-color: var(--blu-lochiamo);
    background-image: url(/src/img/sfondi_app/bg_standard.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size: auto;
}

h1 {
    color: var(--white-color);
}

h5 {
    color: var(--blu-lochiamo-2);
}

header {
    background-color: var(--blu-lochiamo-2);
}

header nav.navbar-light li.nav-item>a.nav-link,
header nav.navbar-light li.nav-item>a.nav-link:visited {
    color: var(--white-color);
}

header nav.navbar-light li.nav-item.current>a.nav-link,
header nav.navbar-light li.nav-item.active>a.nav-link,
header nav.navbar-light li.nav-item>a.nav-link:hover,
header nav.navbar-light li.nav-item>a.nav-link:active {
    background-color: var(--blu-alternativo);
}

.breadcrumb {
    background-color: var(--white-color);
    color: var(--blu-lochiamo-2);
}

.breadcrumb:hover {
    background-color: var(--blu-lochiamo-2);
    color: var(--blu-alternativo);
}

div.subnav a,
div.subnav a:visited,
div.subnav a:hover,
div.subnav a:active {
    color: var(--blu-alternativo);
}

div.subnav .media {
    border: 2px solid var(--blu-alternativo);
}

.media .media-left,
.media .media-body h5,
.media .media-body p {
    color: var(--blu-alternativo);
}

div.col.col-form-label.text-center {
    color: var(--white-color);
}

button.btn.btn-secondary.btn-sqr.btn-lg {
    background-color: var(--blu-alternativo);
}

button.btn.btn-secondary.btn-sqr.btn-lg:hover,
button.btn.btn-secondary.btn-sqr.btn-lg:focus,
button.btn.btn-secondary.btn-sqr.btn-lg:active {
    background-color: var(--blu-lochiamo-2);
}

.colore-testo-blu {
    color: var(--blu-lochiamo) !important;
}

/* login form */
.btn-secondary {
    color: var(--white-color);
    background-color: var(--blu-lochiamo);
    border-color: var(--blu-lochiamo);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    color: var(--blu-lochiamo);
    background-color: var(--blu-lochiamo-2);
    border-color: var(--blu-lochiamo-2);
}

/* table allegati */
.table-allegati {
    background-color: var(--white-color);
    border: 2px solid var(--blu-lochiamo-2) !important;
}

.table-allegati td,
.table-allegati th {
    border-color: var(--blu-alternativo) !important;
}

/* abbonamento */
.custom-card h1,
.custom-card h2,
.custom-card h3,
.custom-card h4,
.custom-card h5,
.custom-card h6 {
    margin-bottom: 0 !important;
}

.custom-card h1 {
    color: var(--black-text-color) !important;
}

.custom-card {
    background-color: var(--white-color);
}

.abbonamento-credito {
    height: 90px;
}

.custom-card-abbonamento-footer,
.custom-card-banner-footer-3 {
    border-left: 2px solid var(--blu-lochiamo);
}

.custom-card-abbonamento-footer>div:first-of-type,
.custom-card-banner-footer-2>div:first-of-type,
.custom-card-banner-footer>div:first-of-type {
    border-bottom: 2px solid var(--blu-lochiamo);
}

.custom-card-abbonamento-footer>div div,
ul.list-unstyled li h5,
.abbonamento-text {
    color: var(--blu-lochiamo);
}

.img-coin {
    content:url("/src/img/gestionale/coin.blu.png");
}

.img-banner {
    content:url("/src/img/gestionale/andamento.banner.blu.png");
}

.img-nbanner {
    content:url("/src/img/gestionale/casa.blu.png");
}

.img-scadenza-banner {
    content:url("/src/img/gestionale/clock.blu.png");
}

/* acquisto_crediti */
.section-acquista {
    border: 2px solid var(--white-color);
    border-bottom-left-radius: var(--radius-card) !important;
    border-bottom-right-radius: var(--radius-card) !important;
    background-color: var(--blu-lochiamo);
}

.btn-acquista {
    border: none !important;
    background-color: transparent !important;
}

.btn-acquista > h5 {
    color: var(--white-color);
}

.section-acquista:hover {
    border: 2px solid var(--white-color);
    border-bottom-left-radius: var(--radius-card) !important;
    border-bottom-right-radius: var(--radius-card) !important;
    background-color: var(--blu-lochiamo-2);
}

.section-acquista:hover > button > h5,
.btn-acquista:hover > h5 {
    color: var(--black-text-color);
}

/* banner */
.btn-send {
    background-color: var(--blu-lochiamo);
    color: var(--white-color);
    border-color: var(--blu-lochiamo);
}

.btn-send:hover,
.btn-send:active {
    background-color: var(--blu-lochiamo-2);
    border-color: var(--blu-lochiamo);
}

/* pagina registrazione professionisti */
.registra-professionista > div > h2 {
    color: var(--white-color) !important;
}

.btn-registrazione-professionisti {
    height: 50px;
    border: 3px solid var(--blu-lochiamo-2);
    background-color: var(--white-color);
}

.btn-registrazione-professionisti {
    color: var(--blu-lochiamo) !important;
    margin-bottom: 0 !important;
}

.btn-registrazione-professionisti:hover {
    border-color: var(--blu-lochiamo-2);
    background-color: var(--blu-lochiamo-2);
}

.btn-registrazione-professionisti:hover {
    color: var(--black-text-color) !important;
}

.btn-registrazione-professionisti:focus {
    outline: none !important;
}

.informazioni{
    color: var(--white-color);
}

/* app.tenant/carrello */
.rounded {
    border-radius: var(--radius-card) !important;
}

.custom-card h1,
.custom-card h2,
.custom-card h3,
.custom-card h4,
.custom-card h5,
.custom-card h6 {
    margin-bottom: 0 !important;
}

.custom-card h1 {
    color: var(--black-text-color) !important;
}

.custom-card {
    background-color: var(--white-color);
}

/* carrello */
.carrello {
    color: var(--blu-lochiamo) !important;
}

.dati,
.caricamento-pagamento {
    color: var(--white-color) !important;
}

.webapp {
    color: var(--white-color) !important;
}

@media (max-width: 576px) {
    /* abbonamento */
    .custom-card-abbonamento-footer,
    .custom-card-abbonamento-footer>div:first-of-type,
    .custom-card-banner-footer-2,
    .custom-card-banner-footer-2>div:first-of-type,
    .custom-card-banner-footer>div:last-of-type,
    .custom-card-banner-footer-3 {
        border: none !important;
    }
}