@font-face {
    font-family: 'Myriad Pro';
    src: url('/fileadmin/fonts/MyriadPro-regular.eot');
    src: local('?'), url('/fileadmin/fonts/Myriad-web.ttf') format('truetype');
    }
@font-face {
    font-family: 'futura-condensed-bold';
    src: url('/fileadmin/fonts/futura-condensed-bold.eot');
    src: local('?'), url('/fileadmin/fonts/futura-condensed-bold.ttf') format('truetype');
    }

@font-face {
    font-family: 'open-sans';
    src: url('/fileadmin/fonts/open-sans.eot');
    src: local('?'), url('/fileadmin/fonts/open-sans.ttf') format('truetype');
    }

/******************************************************
	Media Query
******************************************************/
@media screen and (min-width: 1025px) {
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media screen and (min-width: 481px) and (max-width: 767px) {
}
@media screen and (min-width: 321px) and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}

/* GENERAL fonts */
P, OL, UL, DIV, H1, H2, H3, TD {
    font:12px trebuchet verdana "Lucida Sans" arial;
    font-size: 12px;
}

H1 { font-size: 15px; }
H2 { font-size: 13px; }
P, H1, H2 {margin: 0px 0px 5px 0px;}


div#loading {
	width: 200px;
	height: 80px;
	background-color: #eeeeee;
	border-radius: 30px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -45px;					/* la metà di height */
	margin-left: -110px;				/* la metà di width */
	padding-top: 5px;
	text-align: center;
	z-index: 100;
	opacity: 0.8;
}


/* BOOTSTRAP 5 COLONNE ***********************************/
/* classi aggiunte per gestire griglie da 5 colonne      */
/* vedi classe ClsGrid()                                 */

.col-xs-5r,
.col-sm-5r,
.col-md-5r,
.col-lg-5r {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5r {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5r {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5r {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5r {
        width: 20%;
        float: left;
    }
}


/* BODY *************************************************/
/* VARIE GENERALI ****************************************/

body {
	width: 100%;
	margin: 0px;
	text-align: center;
	background-color: white;
	background-image: url(/exeBosco/template/fondo.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	font-family: trebuchet verdana, "Lucida Sans", arial;
}

table {border-collapse: collapse;}

a {
    text-decoration: none;
    color: #0050ff;
}

div.rigapari {
    /* background-color: #e2ded3;		/* grigio scuro */
    background-color: #f0f0f0;			/* grigio chiaro */
}

.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.rosso {
    color: #ea150a;                         /* rosso ok */
}

.MsgInfo {
	text-align: center;
	color: #D20806;							/* rosso boscomar vivo */
	border: 1px solid #888888;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	padding: 1em;
	margin: 1.2em auto;
}

div.boxed {
	background-color: #e3e4e4;
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #dedede;
	padding: 2em;
	/*
	font-size: 2.0em;
	*/
}

.separator {
	border-top: 2px solid #9c9ea0;
	width: 30%;
	margin: 0 auto;
}
.container-fluid {
	padding: 0;
}

tr.rigapari {
    /* background-color: #e2ded3;		/* grigio scuro */
    background-color: #f0f0f0;			/* grigio chiaro */
}
	
tr.listapari {
    background-color: #f0f0f0;
}

/*********************************************************/
/* PAGINE GENERICHE  *************************************/

#relnote {
	text-align: justify;
	margin-top: 6em;
	margin-bottom: 6em;
	background-color: #F8EEB4;		/* giallo boscomar */
	border-radius: 10px 10px 10px 10px;
	box-shadow: 5px 5px 5px #dedede;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	font-size: 1.2em;
}

/* INTESTAZIONE PAGINA ***********************************/

img#logo{
	/*
    position: relative;
    top: 0px;
    left: 0px;
	*/
    width: 300px;
    height: 220px;
    border: none;
	margin-bottom: 5em;
}


/* Riga Menu *********************************************/

div#nomenu a {
	color: white;
}
#headmenu {
	text-align: center;
	border-bottom: 1px solid #bbbbbb;
	padding-top: 3em;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
div#main-navbar-collapse-1 {
	text-align: center;
}

nav.navbar {
}

/*
div#centramenu {
	height: 5em;
	margin: auto;
	text-align: center;
}
*/

ul.nav .navbar-nav {
	/*
	margin: 0em auto;
	text-align: center;
	display: block;
	*/
}
ul.nav li {
}
ul.nav li.menu_norm a {
    color: #666666;
    text-decoration: none;
}
ul.nav li.menu_act a {
    color: #F0A410;
    text-decoration: none;
}
ul.nav span.menu1-bar {
    /*color: #F0A410;             /* giallo */
    color: white;
    font-size: 1.0em;
}

/* CONTENUTO CENTRALE ************************************/


/* Content column CENTRALE (all'interno della tabella) */
div#cont_center {
    color: #224D77;
	padding-top: 10px ;
	text-align: center;
	/*
    vertical-align: top;
	*/
}
td#cont_center p.bodytext {
    text-align: justify;
}

/* Content column Pagina Clienti  */
table#content_clienti {
    margin: auto;
    padding-top: 10px ;
	/* width: 100%; */
}
table#content_clienti td#canvass{
	text-align: center;
}

/* News *********************************************/
#home_news {
	/* border: 1px solid grey; */
}
#news_gr {
	/* border: 1px solid grey; */
}
#news_gr_body {
	border: 1px solid #ce3a3a;
}
.news_cell_title {
	font-size: 1.5em;
	font-weight:bold;
	color: #ce3a3a;					/* rosso boscomar */
	padding-top: 1em;
}
.news_cell_sub {
	font-size: 1.2em;
	color: black;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.news_cell_foto img {
	width: 100%;
	max-width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}
.news_cell_alle {
	border-bottom: 1px dashed grey;
}
.news_cell_alle span {
	color: #ce3a3a;					/* rosso boscomar */
}
.news_cell_alle a {
	color: #6f6f6f;
	text-decoration: none;
}

/* FORM EDIT *********************************************/

table.edit, table.cRead {
	border-collapse: separate;			/* con 'collapse' non fa vedere i bordi arrotondati #loginStd */
    /* background-image: url(../images/pergamena.jpg);  */
    /* background-repeat: no-repeat;                    */
	/* background-color: #ECF2F6; */
	background: linear-gradient( to right, white, #F3E386);		/* ECF2F6 */
	border: 1px solid #a0a0a0;				/* 1A5488; */
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	margin: auto;
}
table.cRead td, table.edit td {
	text-align: left;
}

form {
	margin-bottom: 1em;
}
form td {
	padding: 1px;
}

form label {
    width: 60%;
    /* border: 1px solid blue;  */
    margin-right: 10px;
}

td.status {
	padding: 5px 5px 5px 7px;
}
.editflderror, .editnoempty {
    color: #ea150a;                         /* rosso ok */
	padding: 2px 0px 2px 7px;
}
td.rigaobbligatori {
	padding-left: 7px;
}
td.editfldcont {
	padding-right: 7px;
}

.editfldesc, #utente2 {
	/* color: #D20806;						/* rosso		*/
 	/* color: #666666;						/* grigio scuro */
	color: #1A5488;							/* zucchero		*/
	padding: 2px;
}

.rigabottoni {
    padding-top:   0px;
	text-align: center;
 }

.rigabottoni button {
    margin-top: 10px;
    margin-left: 15px;
}

div#utente1 {
    text-align: left;
    /* border: 1px solid blue; */
    color: #224D77;						/* bluette */
    padding-left: 10px;
}

div#utente1 A  {
    /* color: #ce3a3a;					/* rosso boscomar */
	color: #D20806;						/* rosso boscomar vivo */
    text-decoration: none;
}

.input-group-addon {
	max-height: 1em;
	border: none;
}

/* FORM LOGIN *********************************************/

table#loginStd, div#reg_qui, div#benvenuto, div#dimenticata {
    width: 187px;
}

table#loginStd td.status h1 {
    /* color: #99583c;
    background-image: url(../images/titoli_top.jpg);
    background-repeat: no-repeat;  */
    font-size: 12px;
    height: 20px;
    padding-top: 3px;
}

table#loginStd .rigabottoni button, .thebutton, div#reg_qui input, TD#btn_new_dest a {
	color: #D20806;						/* rosso boscomar vivo */
    font-size: 11px;
    width: 104px;
    padding: 2px;
    border-width: 0;
    cursor: hand;
}

div#benvenuto {
	padding: 10px 0px 20px 0px;
}

div#dimenticata {
	padding-bottom: 10px;
}
div#reg_qui input {
	margin-bottom: 20px;
}

div#reg_a {
	padding: 6px 0px 0px 0px;
}
div#reg_a h2{
    font-size: 12px;
}

TD#btn_new_dest a {
	border: 1px solid #888888;
	padding: 5px;
}

/* Form Sel Documenti  ***********************************/
#SelDocum {
	width: 60%;
	margin: 1em auto 1.8em auto;
}
#SelDocum label {
	width: 100%;
}
/* Form SelMovim *****************************************/
/*
html > body > div#vendite.container > div.row > div#canvass.col-sm-12 > table#SelMovim.cRead
*/
#SelMovim {
	width: 50%;
}
#SelMovim label {
	width: 100%;
}
/* FOOTER  ***********************************************/
div#footer {
	margin-top: 5em;
    border-top: solid 1px #023260;
    padding-top: 10px;
}
div#footer P {
    font-size: 10px;
    text-align: center;
}

/* TABELLE BROWSE ****************************************/

table.browse {
	margin: auto;
	border-collapse: separate;
	border-spacing: 0px;
    /* width: 100%; */
}

table.browse tr.brw_line td{
	/* celle standard */
	/*
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;			/* grigio chiaro
	border-left: 1px solid #d0d0d0;			/* grigio chiaro */
}
table.browse img.iconMeth {
	height: 30px;
	width: 30px;
	/*
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;			/* grigio chiaro
	border-left: 1px solid #d0d0d0;			/* grigio chiaro */
}

table.brw_sopra {
	background-color: #FAF3CB;
	width: 100%;
}
tr.brw_sopra {
	text-align: left;
}

tr.brw_titoli {
	color: white;
	background-color: #B40500;				/* background boscomar */
	/*background-color: #ce3a3a;			/* rosso boscomar */
}

tr.brw_titoli td {
	padding-left: 0.3em;
	padding-right: 0.3em;
}
/*
table.browse a {
    color: #215ab5;
}

tr.brw_header {
    background-color: #e2ded3;
    border: 0,0,0,0;
}
*/

tr.brw_header td {
	border: none;
}

tr.brw_header h1 {
    font-size: 20px;
	/*
    font-weight:bold;
    color: #020202;
	*/
}

table.browse td.funDisabled a img {
	opacity: 0.2;
}

table.browse img.esclama {
	width: 30px;
    height: 30px;
}

table.browse td.brw_cell {
	/*padding-left: 5px;
	padding-right: 5px;*/
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #d0d0d0;
}

table.browse td.brw_cellnum {
    text-align: right;
}

table.brw_sotto {
    border-top: 1px solid black;
    width: 100%;
}

/*
tr.brw_sotto td {
    padding-bottom: 5px;
}
*/
tr.brw_line td a strong img
{
    text-decoration: none;
    border-color: #6f6f6f;	
}
tr.brw_totali td{
	border-top: 1px solid #d0d0d0;
}

table.brw_comandi {
    width: 100%;
	border-top: 1px solid black;
}

tr.brw_comandi {
	text-align: center;
}

tr.brw_comandi a {
    padding-right: 5px;
}

tr.brw_comandi td a img  {
    text-decoration: none;
    border-color: #6f6f6f;
	width: 2.8em;
	max-width: 2.8em;
}

/* REPORTS (tabelle prezzi) ******************************/
table.cRepHtml {
	width: 100%;
	text-align: center;
}
table.cRepBody {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin:  2px;
}
table.cRepBody tr td{
	padding: 0px 2px;
}
table.cRepBody TR.pari {
    background-color: #f7f7f0;				/* grigio chiaro */
}
table.cRepBody TR.dispari {
    background-color: #e2ded3;				/* grigio scuro */
}

table.cRepBody TR.titoli {
	color: white;
	background-color: #B40500;				/* background boscomar */
}

table.cRepBody TR.totali {
    background-color: #FFD400;
}
table.cRepBody TR.totali td{
	height: 25px;
	border-top: 10px white;
}

table.cRepBody tr.groupHeader {
    text-align: center;
    height: 20px;
}
span.separatore_01 {
	/* float: left; */
	padding: 0 60;
}
a.rept_link {
	border-radius: 10px;
	border: 1px solid #ce3a3a;
	padding: 10px;
}

/* pagina ordini *****************************************/

div#tb_funzioni {
    margin-bottom: 3em;
	/*
    width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
	*/
}

div#tb_funzioni div.unselected:hOver {
    background-color: #e2ded3;
}

div#tb_funzioni a {
	color: #6f6f6f;
	text-decoration: none;
}

div#sidebar {
	margin-bottom: 2em;
}
div#sidebar .tasto_fun {
    color: #6f6f6f;							/* grgio */
	border: 1px solid #6f6f6f;
	border-radius: 10px;
	text-align: left;
	padding: 1em;
	/*
    padding-bottom: 3.0em;
	width: 100%;
	margin: 1em; auto;
	height: 3.5em;
	vertical-align: top;
	*/
}
div.selected, div.unselected {
	/*
    width: 188px;
    height: 20px;
	border-radius: 10px;
	margin-left: 30;
	*/
    padding: 10 10;
	margin-bottom: 10;
}
div.selected {
    background-color: #e2ded3;			/* grigio */
}

/* div#lista_categ { */
div.grid_cate {
	background: linear-gradient( to right, white, #F3E386);		/* ECF2F6 */
	border: 1px solid #b0b0b0;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	padding: 10px;
}

div.grid_cate .cat_selected {
	background-color: #F3E386;			/* giallo */
}
div.grid_cate div a {
    text-decoration: none;
	color: #D20806;						/* rosso boscomar vivo */
}
div#lista_categ div a {
    text-decoration: none;
	color: #D20806;						/* rosso boscomar vivo */
}

div#td_InCliente, div#td_cerca {
	/* border: 1px solid #ce3a3a;			/* rosso boscomar */
	/*
	vertical-align: top;
	width: 60%;
	background: linear-gradient( to right, #EEEEEE, #ce3a3a);
	background: linear-gradient( to right, white, #e2ded3);
	*/
}
table#InputCliente, table#cReadSearch, table#cReadNote {
	width: 100%;
	margin-bottom: 2em;
}

div#carrello {
    background-color: #e2ded3;
	border: 1px solid #ce3a3a;
}
div#selected a {
    font-weight:bold;
    font-size: 13px;
    color: #020202;
    width: 100%;
    height: 100%;
}
div.unselected span {
    font-weight:bold;
    font-size: 13px;
    color: #020202;
}

/* lista prodotti ***************************/

input[type="number"] {
   width: 6em;
}
img.updCarrello {
	width: 1.95em;
	height: 1.95em;
	vertical-align: bottom;
}

TABLE#tb_listart, table#listino {
	width: 100% ;
}
TABLE#tb_listart H1 {
    font-weight:bold;
    font-size: 13px;
    color: white;							/* #020202; */
	background-color: #B40500;				/* background boscomar */
    text-align: left;
    padding-top: 2px;
    padding-left: 7px;
}

TABLE#tb_listart td {
    vertical-align: top;
    border: none;
}

TABLE#tb_listart td.alignCenter, TABLE#tb_listart td.descrArt, TABLE#tb_listart td.titolino{
/*    padding: 3px;*/
    padding: 1em 0.5em 1em 0.5em;
}
TABLE#tb_listart div.descrArt {
	text-align: left;
    width: 25em;
}
TABLE#tb_listart div.descrArt span {
    font-weight: bold;
}
TABLE#tb_listart div.descrArt a {
	color: #B40500;
}
TABLE#tb_listart div.titolino span {
    font-size: 1em;
}

table#tb_listart_body {
	width: 100%;
}
table#tb_listart_body div {
	float: left;
	margin-left: 2em;
}
table#tb_listart_body div.sottofamiglia {
	float: none;
	border-top: 1px solid #B40500;
	border-bottom: 1px solid #B40500;
	background-color: white;
	margin-top: 0.5em;
}
table#tb_listart_body td.grid_cell div.foto_prodotto {
	height: 8em;
	width: 10em;
}
table#tb_listart_body td.grid_cell div.foto_prodotto img {
	max-height: 100%;
	max-width: 100%;
	transition: transform .2s;	/* animation */
}

table#tb_listart_body td.grid_cell div.foto_prodotto img:hOver {
	transform: scale(1.7); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	z-index: 5;
}

td.a1 {
    border: none;
    padding: 0px;
}

/* pagina catalogo *****************************************/
div#id_catalog_body div.sottofamiglia {
	float: none;
	border-top: 1px solid #B40500;
	border-bottom: 1px solid #B40500;
	background-color: white;
	margin-top: 0.5em;
}

div#id_catalog_body div.foto_prodotto img {
	transition: transform .2s;	/* animation */
}
div#id_catalog_body div.foto_prodotto img:hover {
	transform: scale(1.7); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	z-index: 5;
}
div#id_catalog_body div.descrArt a {
	color: #B40500;
}
div#id_catalog_body div.foto_prodotto, div.descrArt {
	float: left;
	margin-left: 2em;
}

div#id_catalog_body div.foto_prodotto {
	height: 8em;
	max-height: 8em;
	width: 6em;
	max-width: 6em;
}

div#id_catalog_body img {
	height: 8em;
	max-height: 8em;
	width: 6em;
	max-width: 6em;
}

/* pagina carrello *****************************************/
table#BrwCarrello table.brw_comandi img#bmpCarr {
	width: 104px;
	height: 26px;
}

div#grid_dest .grid_cell {
	text-align: center;
	color: #D20806;							/* rosso boscomar vivo */
	border: 1px solid #888888;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	padding: 0.8em;
	/*
	margin: 1.2em auto;
	*/
}