﻿/*Adobe Color Monocromatici*/
:root {
    --color-a: #68cad9; /*Azzuro sito   428bef*/
    --color-b: #f8a147; /*arancione*/   /*gestisce i bg dei bottoni paziente, azienda, medico*/
    --color-c: #48af78; /*verde*/
    --color-d: #ffe54c; /*giallo*/
    --color-e: #f05e2f; /*corallo*/
    --color-white: #ffffff;
    --color-black: #000f;
    --primary-color: var(--color-e);
    --primary-text: #ffffff;
    --prm-gray: #b1b1b1;
    --acs-top-bar-color: var(--color-a); /*barra piccola con ACSINFORMATICA*/
    --navbar-left: var(--color-white); /*sfondo trapezio del logo*/
    --navbar-right: var(--color-white); /*sfondo lato destro*/
    --navbar-text: var(--color-d);
    --btn-primary-color: var(--color-c);
    --btn-primary-text: var(--primary-text);
    --btn-primary-hover: var(--color-a);
    --btn-secondary-color: var(--color-e);
    --btn-secondary-text: var(--primary-text);
    --btn-secondary-hover: var(--color-d);
    --btn-home-icon: var(--color-a); /*btn area referti*/
    --btn-home-text: var(--color-black); /*testo area referti*/
    --btn-home-bg: var(--color-white); /*sfondo area referti*/
    --btn-home-hover: var(--color-a); /*hover: sfondo area referti*/
    --btn-home-hover-text: var(--color-white); /*hover: testo area referti*/
    --banner-head: var(--color-d);
    --banner-head-text: var(--primary-text);
    --stepper-unactive: var(--prm-gray);
    --stepper-active: var(--color-c);
    --stepper-text: var(--primary-text);
    --stepper-bar-unactive: var(--prm-gray);
    --stepper-bar-active: var(--color-c);
    --loader-color: var(--color-a);
    --link-color: var(--color-c);
    /*--link-hover: var(--color-b);*/

    --selection-color: var(--color-b);
    --selection-text: var(--primary-text);
    --footer-color: var(--color-c); /*sfondo footer*/
    --footer-text: var(--primary-text); /*testo footer*/
    --login-bg: var(--color-a); /*sfondo bottone accedi del login*/
    --login-text: var(--primary-text); /*testo bottone accedi del login*/
    --login-btn: var(--color-c);
    --login-btn-unfocus: var(--color-a);
    /*--prm-color: #0381ff;*/
}

/*********************************************************************************************/

.img-navbar-logo {
    max-width: 290px !important;
    margin-top: 15px !important;
    /*    margin-top: 12px !important; 
    background-color: #fff;
    padding: 0.5rem;
    border-radius: 8px;*/
    /*margin-left: 10px !important;*/
    margin:auto;
}

.main-col .main-col-text {
    /*color: var(--color-c) !important;*/
    pointer-events: none;
    font-weight: bold;
    font-size: 1.2rem;
}

