body {font-family:'Roboto', sans-serif; font-size:14px; color:#fff; background-attachment:fixed; background-color:#a2b6d6; background-repeat:no-repeat; background-position:top center; background-size:contain !important; }
.landing {width:100%; height:calc(100vh - 50px); display:flex; justify-content:center; align-items:center; background-image:url(../grafica/bg-home.jpg); background-repeat:no-repeat; background-color:#c2e2ed; background-size:contain;}
.contentCredits.inPgLogin {width:100%; background-color:#c2e2ed;}
h1, h2, h3, h4, h5 {font-family:'Roboto Condensed', sans-serif;}
a {color:#fff;}
select option {color:#333;}
* {scrollbar-width: thin;}
*::-webkit-scrollbar {width:7px;}
*::-webkit-scrollbar-track {background-color: transparent;}
*::-webkit-scrollbar-thumb {background-color:rgba(243, 255, 61, .3);}
*::-webkit-scrollbar-thumb:hover {background-color:rgba(243, 255, 61, 1);}
.psw-smarrita {padding-left:15px; background-position:left center; background-repeat:no-repeat; background-size:10px; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQwNiAyMTJoLTMwMGMtMjQuODE0IDAtNDUgMjAuMTg2LTQ1IDQ1djIxMGMwIDI0LjgxNCAyMC4xODYgNDUgNDUgNDVoMzAwYzI0LjgxNCAwIDQ1LTIwLjE4NiA0NS00NXYtMjEwYzAtMjQuODE0LTIwLjE4Ni00NS00NS00NXptLTE1MCAyNDBjLTguMjg0IDAtMTUtNi43MTYtMTUtMTUgMC04LjI4NiA2LjcxNi0xNSAxNS0xNXMxNSA2LjcxNCAxNSAxNWMwIDguMjg0LTYuNzE2IDE1LTE1IDE1em0yNi42ODktOTguNzZjLTcuMzI0IDUuMzkxLTExLjY4OSAxNC4wMDQtMTEuNjg5IDIzLjA1NyAwIDguMjkxLTYuNzA5IDE1LjM1Mi0xNSAxNS4zNTJzLTE1LTYuMzU3LTE1LTE0LjY0OGMwLTE5LjI0OCA4LjkzNi0zNi44OTkgMjMuODc3LTQ3LjkxNSAzLjg5Ni0yLjg1NyA2LjEyMy03LjI2NyA2LjEyMy0xMi4wODYgMC04LjI3Ni02LjczOC0xNS0xNS0xNXMtMTUgNi43MjQtMTUgMTVjMCA4LjI5MS02LjcwOSAxNS0xNSAxNXMtMTUtNi43MDktMTUtMTVjMC0yNC44MTQgMjAuMTg2LTQ1IDQ1LTQ1czQ1IDIwLjE4NiA0NSA0NWMwIDE0LjIzOC02Ljg1NSAyNy43ODgtMTguMzExIDM2LjI0eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Im0yMTEgMTgydi00N2MwLTI0LjgxNCAyMC4xODYtNDUgNDUtNDVzNDUgMjAuMTg2IDQ1IDQ1djQ3aDkwdi00N2MwLTc0LjM5My02MC40MDEtMTM1LTEzNS0xMzUtNzQuNDQzIDAtMTM1IDYwLjU1Ny0xMzUgMTM1djQ3eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");}
.titoliBox {color:rgb(243, 255, 61);}
.star {font-size:1.3em; color:rgb(243, 255, 61);}
.headerTitle {background-color:#082747;}
.delete {display:inline-block; margin-right:5px; color:#fff; cursor:pointer;}
.delete:hover {color:#ff0000;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], input[type="file"], select {height:40px; padding:10px 5px; display:block; font-family:"Roboto Condensed", sans-serif; font-weight:400; font-size:16px; text-align:left; color:#fff; background-color:transparent; border:none; border-bottom:1px solid #fff;}

input[type="submit"], input[type="button"], input[type="reset"], .submit, .button, .reset {display:inline-block; text-align:center; font-family:"Roboto Condensed", sans-serif; font-size:14px; font-weight:700; text-transform:uppercase; color:#011225; background-color:#f3ff3d; border:1px solid #f3ff3d; cursor:pointer;}
input[type="submit"].mini, input[type="button"].mini, input[type="reset"].mini, .submit.mini, .button.mini, .reset.mini {min-width:auto; padding:0 3px;}
input[type="file"] {padding:10px; font-weight:bold;}
/*pulsante input file*/
.custom-file-input::-webkit-file-upload-button {position: absolute;top: 15px; right: 0; border: 1px solid black; background: #f3ff3d; padding: 8px; font-family: "Roboto Condensed", sans-serif;font-size: 14px; font-weight: 700;  text-transform: uppercase; color: #011225;}
.custom-file-input::file-selector-button {position: absolute;top: 15px; right: 0; border: 1px solid black; background: #f3ff3d; padding: 8px; font-family: "Roboto Condensed", sans-serif;font-size: 14px; font-weight: 700;  text-transform: uppercase; color: #011225;}
.custom-file-input::-ms-browse {position: absolute;top: 15px; right: 0; border: 1px solid black; background: #f3ff3d; padding: 8px; font-family: "Roboto Condensed", sans-serif;font-size: 14px; font-weight: 700;  text-transform: uppercase; color: #011225;}

.mainHeader {width:100%; height:30px; padding:0 5px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; background-color:#000; border-bottom:solid 1px #000;}
.mainHeader>div {flex-basis:50%;}
.mainHeader .bt {padding:0 10px; color:rgb(243, 255, 61);}
.mainHeader .bt.credits {font-size:10px;}


.secondaryHeader {display:flex; flex-direction:row;justify-content:center; width:100%; max-width:1140px; padding:30px 0; margin:0 auto;}
.secondaryHeader .box {display:flex; flex-direction:row;}
.secondaryHeader .box .logo {width:176px; margin-top:6px;}
.secondaryHeader .box.dashboard {background-color:rgb(8, 39, 71); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.btn-dashboard {width:auto; height:42px; line-height:42px; padding:0 20px; margin:4px; float:left; text-align:center; font-size:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; color:#fff; font-weight:bold; text-transform:uppercase; white-space:nowrap;}
.btn-dashboard:hover {}
.btn-dashboard.active {background-color:rgb(3, 25, 48);}

.container-box-login {display:flex; flex-direction:column; align-items:center; width:100%; max-width:860px; min-height:100vh;}
.claim {padding:20px 0; display:flex; flex-direction:column; align-content:center; justify-content:center; text-align:center;}
.claim h1 {text-transform:uppercase; color:#000; font-size:4rem;}
.claim h3 {padding:20px 0; color:#000; font-size:2rem; position:relative;}
.claim h3:before {content:""; position:absolute;  border-bottom:4px solid #000; width:100px; left:50%; top:-1rem; margin-left:-50px;}
.distanziatore {padding:30px}

.wrapper-tool {display:flex; flex-direction:column; justify-content:center; position:relative; margin-bottom:30px; top:0; left:50%; overflow-y:scroll; -o-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); background-color:rgba(0, 0, 0, .4);}
.wrap-campi-input {padding-bottom:15px; position:relative;}
.msgAlert {width:calc(100% - 20px); height:15px; line-height:16px; position:absolute; bottom:6px; left:10px; font-size:12px; text-indent:5px; color:#ff0000; border-top:solid 1px #ff0000;}
i.alert {padding:5px 0; display:inline-block;}
i.alert.mini {font-size:12px;}
.box-wrapper-white {padding:15px; background-color:rgba(255, 255, 255, .1);}
.label {font-size:14px; color:#f3ff3d; font-weight:bold;}
.label span {font-style:italic; font-size:10px; font-weight:normal;}

.col {display:flex; flex-direction:column; flex-basis:32%; padding:5px; background-color:rgba(1, 11, 23, 0.4);}
.flex {display:flex;}
.row {flex-direction:row;}
.column {flex-direction:column;}
.wrap {flex-wrap:wrap;}
.align-vert-center {align-items:center;}

.avatar {width:50px; height:50px; line-height:50px; border-radius:50%; background-color:#031930; text-align:center; font-size:20px; text-transform:uppercase;background-size:contain; background-repeat:no-repeat;}

/*POP-UP*/
.wrapper-pop {position:relative;}
.header-pop {width:100%; height:30px; position:fixed; left:0; top:0; background-color:#ddd;}
.close-pop {width:30px; height:30px; float:right;}
.body-pop {width:100%; height:100%; margin-top:30px; margin-bottom:30px; background-color:#eee;}
.footer-pop {width:100%; height:0; position:fixed; left:0; bottom:0;}

/* MESSAGGIO */
.msgContent {max-width: 500px; margin: 40px auto; padding: 20px; background-color:rgb(58 69 86);}
.msgContent .countdown {text-align: center;}
.msgContent h1 {font-family: "Arial", "Helvetica", sans-serif;  text-align: center; margin-bottom: 20px; font-size: 1em;color:rgb(243, 255, 61);}
.msgContent h3 {color: #969831; font-size: 0.9em; font-weight: 500; text-transform: uppercase;text-align: center;color:#fff; margin-bottom: 30px;}

/*TABELLA ELENCO*/
table.tab-elenco {width:100%;}
table.tab-elenco thead tr {color:rgb(243, 255, 61); border-bottom:solid 1px rgba(255, 255, 255, .2);}
table.tab-elenco thead th {padding-bottom:5px; text-align:left;}
table.tab-elenco tbody tr {border-bottom:solid 1px rgba(255, 255, 255, .2);}
table.tab-elenco tbody tr:last-child {border-bottom:solid 1px transparent;}
table.tab-elenco tbody td {padding:5px;}
table.tab-elenco {}
table.tab-elenco {}
table.tab-elenco {}

tr.riepilogo_costo_ordine {background-color:rgba(255, 255, 255, .1);}
tr.riepilogo_costo_ordine td {height:80px; padding:5px; font-size:20px}

/*TABELLA ORDINE DA LISTINO*/
input[type="number"].qta-ordine {width:100px !important; display:inline-block; text-align:center; border:none !important; background-color:rgba(255, 255, 255, .3) !important;}
.tab-list-prodotti th, .tab-list-prodotti td {text-align:center !important;}
.tab-list-prodotti .descrizione-prodotto {padding:5px 5px 5px 20px !important; text-align:left !important;}


/*REGISTRAZIONE UTENTE*/
.reg-utente {padding:10px;}
.reg-utente .item {padding:5px 10px; position:relative;}

.select-listino {display:inline-block;}
.list-listiniAssociati {padding:10px;}
.list-listiniAssociati li {display:inline-block; padding:3px 10px; background-color:rgba(255, 255, 255, .1); border-right:solid 1px #fff;}
.list-listiniAssociati li.no-lisitno {background-color:transparent;}
.list-listiniAssociati li:last-child {border-right:solid 1px transparent;}

/*CHECKOUT*/
.box-dati-fatturazione {display:flex; flex-direction:column; padding:20px; border:solid 1px rgba(255, 255, 255, .3);}

/*BOTTONIERA*/
.bottoniera {display:flex; width:100%; padding:10px 10px 0 10px; margin-top:20px; border-top:solid 1px rgba(255, 255, 255, .3);}


/*ADMIN*/
.elenco.elencoPromozioni {}
/*AGENTE*/
.elenco.listiniAgente {}
/*FARMACISTA*/
.elenco.listini-farmacista {}
.aziendaFarmaceutica {font-size:1.3em; color:#f3ff3d;}
.elencoOrdini {}
.elenco.elencoPromozioni {}


/* ----------------------- MINI-SMARTPHONE ------------------*/
@media screen and (min-width: 0px) and (max-width: 768px) {
.cellAzioni {text-align:center;}
input[type="submit"], input[type="button"], input[type="reset"], .submit, .button, .reset {min-width:auto; padding:10px 15px;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], input[type="file"], select {width:calc(100% - 2px); margin:0 1px;}
.colD1-S1 {width:100%;}
.colD2-S1 {width:100%;}
.colD3-S1 {width:100%;}
.colD4-S1 {width:100%;}
.colD2-S2 {width:50%;}
.titoliBox {padding:10px 0 10px 0px; font-size:20px;}
.headerTitle {padding:10px 20px;}
.wrapper-tool {width:100%; max-width:1440px; padding:15px;}
.bottoniera {justify-content:center; border-top:solid 1px rgba(255, 255, 255, .3);}
.select-listino {width:calc(100% - 95px);}
.box-dati-fatturazione {width:100%; text-align:center; line-height:24px;}
}
/* ----------------------- OVER ------------------*/
@media only screen and (min-width: 769px){
.cellAzioni {text-align:right;}
input[type="submit"], input[type="button"], input[type="reset"], .submit, .button, .reset {min-width:150px; padding:10px 15px;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], input[type="file"], select {width:100%;}
.colD1-S1 {width:100%;}
.colD2-S1 {width:50%;}
.colD3-S1 {width:33.33%;}
.colD4-S1 {width:25%;}
.colD2-S2 {width:50%;}
.titoliBox {padding:12px 20px 12px 0px; font-size:20px;}
.headerTitle {padding:10px 20px;}
.wrapper-tool {width:100%; max-width:1440px; padding:15px;}
.bottoniera {justify-content:end;}
.select-listino {width:calc(100% - 155px); padding:10px 10px;}
.box-dati-fatturazione {width:50%; line-height:24px;}
}



/*ALLINEAMENTI TESTI RESPONSIVE MODE*/
@media screen and (min-width: 0px) and (max-width: 768px) {
.txtAlign-R-C {text-align:center;}
.txtAlign-L-C {text-align:center;}
}
@media only screen and (min-width: 769px){
.txtAlign-R-C {text-align:right;}
.txtAlign-L-C {text-align:left;}
}