@CHARSET "UTF-8";
/*******************************
 * Temporary fixes and settings
 *******************************/

td.descr { white-space: pre-line !important; }
button img { border: none; }
span.hilight { color: red; }

img.qrcode { width: 500px; height: 500px; object-fit: scale-down; }

/*******************************
 * Generic settings
 *******************************/
body {
    background: white;
    color: black;
    font-family: arial, verdana, sans-serif;
    font-size: 12pt;
    margin: 2px;
    padding: 2px;
}
div { margin: 0; padding: 0; }
pre { font: 10pt monospace; text-align: left; }
img { border: none; }

div#header { height: 52px; width: 100%; font: 30px bold verdana, arial, sans-serif; color: #3B80C3; }

a:link    { color: #3C7FC3 }
a:hover   { color: #E10000 }
a:visited { color: #3C7FC3 }
a:active  { color: #3C7FC3 }

h1 { text-align: left; font-size: 1.4em; color: #CC0000; margin-top: 30px; border-bottom: 1px solid #dcdcdc; }
h2 { text-align: left; font-size: 1.2em; color: #CC0000; margin-top: 30px; border-bottom: 1px solid #dcdcdc; }
h2.notizie { font-size: 12pt; border-bottom: 1px solid #dcdcdc; }
h3.notizie { font-size: 8pt; }
p.notizie { border-bottom: 4px solid #dcdcdc; }

.error span.error { color: red; }
span.error img { vertical-align: bottom; }
span.warning { color: green; font: 14pt arial,serif; }
span.hilight { font-size: 1.1em; color: #3C7FC3; }

p.caption { margin: 0; border: 0; padding: 0; color: #3C7FC3; font-size: 8pt; }

/**********************
 * Lightbox
 **********************/
td.thumbnail { width: 64px; height: 64px;  }
div.slideshow_entry { display: inline; }
div.slideshow_entry div { display: inline; }
div.slideshow_entry div.thumbnails { margin: 4px; }


/**********************
 * Login Box
 **********************/
div.auth { width: 300px; background: #e3eaf3; border: 1px solid #dcdcdc; margin: 20px auto; padding-top: 16px; }
div.auth label { font-weight: bolder; padding-right: 24px; }
div.auth div { height: 18pt; margin: 0 auto; text-align: center; }
div.auth div.button { width: 100%; text-align: center; }


/**********************
 * Menu
 **********************/

/** common setup for menus **/
div#root_div { width: 100%; background: white url(../icons/sfondotd.png) repeat-x bottom left; border: 1px solid #dcdcdc; }

div.menu { margin: 0; border: none; padding: 0; color: #FE9E10; background-color: transparent; }
div.menu ul { margin: 0; padding: 0; border: none; background: none; list-style: none; text-align: left; font: menu; }
div.menu li { list-style-type: none; cursor: pointer; font: menu; line-height: 24px; vertical-align: middle; white-space: nowrap; color: #3C7FC3; }
div.menu li:hover { color: #FE9E10; }

/*
div.menu { border: 1px solid #dcdcdc;  }
div.menu ul { background: white url(../icons/sfondotd.png) repeat-x bottom left; }
div.menu li:hover { background: white url(../icons/sfondotd.png) repeat-x bottom left; }
*/

li.menuitem a { text-decoration: none; }
li.menuitem a:link    { color: #3C7FC3; } /* unvisited link */
li.menuitem a:visited { color: #3C7FC3; } /* visited links  */
li.menuitem a:active  { color: #3C7FC3; } /* active links   */
li.menuitem a:hover   { color: #E10000; }

/* first level menu */
ul.horizontalMenu > li { display: inline; border-right: thin dashed #8cf; padding-right: 4px; padding-left: 5px; }
ul.horizontalMenu > li.submenu {
    padding-left: 20px;
    background-image: url("../icons/down.png");
    background-position: 4px;
    background-repeat: no-repeat;
    color:  #3C7FC3;
}

ul.horizontalMenu > li.submenu:hover {  color: #FE9E10; }

/* submenus */
ul.submenu {
    z-index: 10;
    margin: 0;
    padding: 0;
    background-color: white;
    border-bottom: 2px solid #FE9E10;
    color:  #3C7FC3;
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.submenu > li.submenu {
    padding-right: 20px;
    background-image: url("../icons/forward.png");
    background-position: right;
    background-repeat: no-repeat;
}
ul.submenu > li {
    display: block;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding-right: 16px;
    padding-left: 4px;
    color:  #3C7FC3;
    background-color: white;
}
ul.submenu > li:last-child {
    border-bottom: 1px solid #dcdcdc;
}

ul.submenu > li:hover {
    background-color: #f8f8ff;
}


div.toolbar {
    font: menu;
    color:  #3C7FC3;
    background: white url(../icons/sfondotd.png) repeat-x bottom left;
    border: 1px solid #dcdcdc;
    border-top: none;
    height: 32px;
}
div.toolbar div.title { display: inline-block; vertical-align: middle; font-size: larger !important; padding-right: 8px; border: none; }
div.toolbar div.menu { display: inline-block; vertical-align: middle; border: none; }

ul.toolbarMenu > li  { display: inline; padding: 0; }

ul.embeddedMenu { display: inline; }
ul.embeddedMenu > li  { display: inline; padding: 0; margin: 0px; }
ul.embeddedMenu li:hover { color: blue; background-color: #e8e8ff; }

div.selector  { display: inline; padding-left: 16px; vertical-align: top; }
div.selector:hover { color: #FE9E10; }

div.toolbar div.menu li.menuitem { display: inline-block; }

div.selector > form { display: inline; vertical-align: top; border: none; margin: 0; padding: 0; }
div.selector > form.selector + ul.embeddedMenu { padding-left: 8px; }
div.selector > form.selector span { vertical-align: top; }
div.selector > form.selector select { vertical-align: top; }

form.selector select { font-size: smaller; font-family: sans-serif; }
form.selector option { font-size: smaller; font-family: sans-serif; }

img.icon  { margin-bottom: -4px; margin-right: 4px; vertical-align: middle; }
img.arrow { margin-left: 4px; }

div.anagrafe_iscritti  {
    float: left !important;
    clear: none !important;
    margin: 0;
    width: 170px !important;
}

div.tooltip { background: #f7f9fd; color: #3C7FC3; border: 2px solid #dcdcdc; padding: 2px; }

div.inline { display: inline-block; }

/**********************
 * ListBrowser
 **********************/
div.listTab {
    background: white url("../icons/sfondoth.png") repeat bottom left;
    border-top: thin solid #dcdcdc;
    border-right: thin solid #dcdcdc;
    border-left: thin solid #dcdcdc;
    margin: 5pt auto -1px 0;
    padding: 0 0 1px 0 ;
    height: 40px;
}
div.listTab > div { display: inline-block; border: none; }
div.listTab div.label { font-size: 14pt; }

div.listBody { width: 100%; margin: 0px; padding: 0px; clear: both; }

table.list    {
    background-color: white;
    color: black;
    width: 100%;
    border: 1px solid #CADCEE;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    text-align: left;
    font-size: 12px;
}
table.list th {
    background: white url("../icons/sfondoth.png") repeat bottom left;
    vertical-align:bottom;
    border-bottom: 2px solid #E10000;
    color: #3B80C3;
}
table.list td { background-color: #f7f9fd; white-space: nowrap; padding-left: 3px; vertical-align: middle; }
table.listodd td { background-color: #F7F9Fd; white-space: nowrap; padding-left: 3px; vertical-align: middle; }

table.list td.opmenu  { }
table.list td.name    { background-color: #DEEFEF; color: #0000FF; }
table.list td.note    { background-color: #EEEEEE; }
table.list td.space   { background-color: #FFFFFF; height: 10px; }
table.list td.hilight { background-color: #f7f9fd; color: #EF0F0F; }
table.list td.numeric { text-align: right; }
table.list th.actions { width: 52px; }
table.list td.actions { width: 52px; }
table.list th.icon    { width: 26px; }
table.list td.icon    { width: 26px; }

tr.first_row td, tr.first_row th { border-top: thin solid #cadcee; }
tr.last_row td, tr.last_row th { padding-bottom: 16px; }

table.list tr:hover td, table.list tr:hover th { background-color: #e7f9fd; cursor: pointer; }
tr.selected td, tr.selected th { background-color: #e7e9fd; }

div.listBody table.list tbody td,
div.listBody table.list tbody th{ min-height: 26px; height: 26px; }

/**********************
 * Show Details
 **********************/
table.details {
    background-color: white;
    color: black;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #CADCEE;
    margin-left: auto;
    margin-right: auto;
}
table.details th {
  background: white url("../icons/sfondoth.png") repeat bottom left;
  vertical-align: top;
  font-size: 12px;
  border-bottom: 1px solid #E10000;
  color: #3B80C3;
  text-align: left;
}
table.details td {
  vertical-align:top;
  text-align: left;
  width: auto;
  background-color: white;
  white-space: nowrap;
  font-size: 12px;
  padding-left: 3px;
  vertical-align: middle;
}

table.details th.areaSeparator { padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #E10000; }

table.details td.name    { background-color: #DEEFEF; color: #0000FF; }
table.details td.note    { background-color: #EEEEEE; }
table.details td.space   { background-color: #FFFFFF; height: 10px; }
table.details td.hilight { background-color: #f7f9fd; color: #EF0F0F; }
table.details td.numeric { text-align: right; }
table.details td.descrizione { white-space: normal; }

/**********************
 * Form
 **********************/
div.formBody { color:black; margin-top: 5px; width: 80%; background-color: white; }
div.toolbar div.form { display: inline; }
div.formTab {
    background-color: #f9fafd;
    border-top: thin solid #dcdcdc;
    border-right: thin solid #dcdcdc;
    border-left: thin solid #dcdcdc;
    margin: 5pt auto -1px 0;
    padding: 0;
    width: auto;
    max-width: 40%;
    font-size: 14pt;
}
/*
table.toolbar td.title { background: #f9fafd; }
table.toolbar th       { background: #f9fafd; }
*/
div.formBody table {
    background-color: transparent;
    border-top: thin solid #cadcee;
    border-left: thin solid #cadcee;
    width: auto;
    border-collapse: separate;
    border-spacing: 1pt;
}

div.formBody table th {
    white-space: nowrap;
    background: transparent url("../icons/sfondotd.png") repeat-x bottom left;
    color: #3b80c3;
    font-size: 13px;
    font-weight: normal;
    border-right: 1px solid #cadcee;
    padding-left: 0px;
    vertical-align: bottom;
    text-align:left;
}
div.formBody table td {
    text-align:left;
    white-space: nowrap;
    background-color: transparent;
    font-size: 13px;
    font-weight: normal;
    padding-left: 0px;
    vertical-align: bottom;
}

div.formBody tr.delete th { background-color: #f8a; }
div.formBody tr.delete td { background-color: #f8a; }

div.embedded { display: inline-block; }
table.embedded { width: 100%; margin: 0; padding: 0; border-collapse: collapse; vertical-align: top; }
table.embedded td { vertical-align: top; margin-top: 0; margin-bottom: auto; }
table.embedded th { vertical-align: top; margin-top: 0; margin-bottom: auto; }

tr.delete th { background-color: #A88; }
tr.delete td { background-color: #A88; }

tr.unused td { background-color: #AAA; }

tr.detach th { background-color: #8A8; }
tr.detach td { background-color: #8A8; }

input.error, select.error, textarea.error { background-color: #faa; }
input.warning, select.warning, textarea.warning { background-color: #ffd; }

div.errorTooltip, div.warningTooltip, div.infoTooltip {
	color: blue; padding: 8px !important; white-space: normal; width: 400px; z-index: 1000; border: thin solid #3C7FC3 !important;
}
div.errorTooltip { background-color: #fcc !important; }
div.warningTooltip { background-color: #ffd !important; }
div.infoTooltip { background-color: #eff !important; color: black !important; }


/* div.form div.button { margin-top: 5px; padding-left: 45%; padding-right: 45%; width: 10%; } */

div#tbfollow_selector { display: none; }

div.form { margin-top: 12px; margin-bottom: 12px; }
div.formTab div.button { float: right; margin-top: 4px; margin-bottom: 4px; margin-right: 4px;  }
div.formBody div.notebook { margin-top: 24px; margin-bottom: 12px; }

table.formBody th.block_header { font-style: italic; font-weight: bold; }


div.tablebrowser_dbform { color: black; margin-top: 5px; width: 100%; }
div.tablebrowser_dbform div.button { margin-top: 5px; padding-left: 45%; padding-right: 45%; width: 10%; }
div.tab {
    background: white url("../icons/sfondoth.png") repeat 0 0;
    border-top: thin solid #cadcee;
    border-right: thin solid #cadcee;
    border-left: thin solid #cadcee;
    margin-bottom: -1px;
    margin-left: 0;
    margin-right: auto;
    margin-top: 5pt;
    padding: 0;
    padding-left: 10px;
    width: auto;
    max-width: 50%;
    font-size: 10pt;
    color: #E10000;
}

div.closedTab {
    background: white url("../icons/sfondoth.png") repeat 0 0;
    border: thin solid #cadcee;
    padding: 4px;
    padding-left: 10px;
    width: auto;
    max-width: 50%;
    font-size: 10pt;
    color: #E10000;
}

div.button { background-color: transparent; text-align: center; }

table.hf_header { background-color: #DDDDDD; border: thin solid black; border-collapse: collapse; font-size: 14pt; width: 100%; }

table.tabularform { background-color: #CCCCCC; border: thin solid black; border-collapse: collapse; width: auto; }
table.tabularform td { background-color: #DDDDDD; border: thin solid black; }

div.embedded_widget { display: inline; position: absolute; right: 0px; top: 0px; }

input  { border: 1px solid #555; font-size: 10px; font-family: Verdana,Luxi Sans; }
button { font-size: 10px; font-family: Verdana,Luxi Sans; }
select { border: 1px solid #555; font-size: 10px; font-family: Verdana,Luxi Sans; }
input[type=image] { border: none; }

td div.inline { display: inline-block; margin-left: 4px; margin-right: 4px; }

div.radio { 
    border-left: 1px solid #cadcee;
    border-top: thin solid #cadcee;
}
div.radio label { display: block; height: 18px; }
div.radio label input { display: inline-block; float: left; }
table.checkboxVt td { padding-right: 48px; }

table#new.organismo_dirigente td, table#old.organismo_dirigente td { margin-right: 48px; }


/************************
 * Browser UI components
 ************************/
.browserbar select { font-size: 8pt; }
.browserbar option { font-size: 8pt; }
.search input { font-size: 8pt; }

span.label { font-size: 8pt; font-weight: bolder; font-family: sans-serif; }

div.browserbar { border: none; height: 40px; margin: 0; padding: 0;
    border-left: thin solid #cadcee;
    border-right: thin solid #cadcee;
    background: white url("../icons/sfondoth.png") repeat top left;
    vertical-align: top;
    font-size: 8pt;
    color:black;
    position: relative;
    width: 100%;
    margin-top: 1px;
}
div.browserbar > div { margin: 0 4px; }
div.browserbar button { margin: 0; padding: 0; }
div.browserbar div { display: inline-block; vertical-align: super; height: 36px; }
div.navigator  { float: left; }
div.navigator form {
    display: inline-block;
    vertical-align: top;
    border: none;
    margin: 0;
    padding: 0;
}
div.orderby    { float: right; vertical-align: top; }
div.orderby form.selector { display: inline; }

div.filterSelector { float: right; }
div.filterSelector form.selector { display: inline; }


div#browserbar_top { border-top: thin solid #cadcee; }
div#browserbar_bottom { border-bottom: thin solid #cadcee; }

div.tab     {
    position: relative;
    height: 100%;
    margin-top: 12pt;
}

div.toolbar { position: relative; }

span#exporter { position: absolute ; bottom: auto; top: 0px; right: 0px; }

table.embeddedlist    { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
table.embeddedlist td { border-bottom: thin solid black }

div.filter_body {
    padding: 4px;
    background: white;
    border-top: thin solid #cadcee;
    border-left: thin solid #cadcee;
}




/************************
 * Notebooks
 ************************/

div.notebook div {
    background-color: transparent;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: none;
}
div.notebook div.notebookBody {
    border-top: thin solid #cadcee;
    border-left: thin solid #cadcee;
}

/* common tabs attributes */
ul.tabs {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
}
ul.tabs li { list-style-type: none; padding: 4px 8px; font: 9pt arial,Verdana,sans-serif; }
ul.tabs li.selectedTab { font: 12pt arial,Verdana,sans-serif; color: blue !important; }
ul.tabs li.arrow { vertical-align: middle; }

/*
** Left positioned tabs
*/
div.notebook div.leftTabs { width: 120px; float: left; }
div.notebook div.leftTabs + div.notebookBody { position: relative; left: 120px; top: 0px; }
div.leftTabs ul { border-top: 1px solid gray; }
div.leftTabs li {
    display: block;
    width: 100%;
    padding: 0.25em 0.5em 0.25em 1em;
    border-left: 1px solid gray;
    border-bottom: 1px solid black;
    background-color: white;
}

/*
** Right positioned tabs
*/
div.notebook div.rightTabs { float: right; }
div.rightTabs ul { border-top: 1px solid gray; }
div.rightTabs li {
    display: block;
    width: 100%;
    padding: 0.25em 0.5em 0.25em 1em;
    border-right: 1px solid gray;
    border-bottom: 1px solid black;
}

/*
** Top positioned tabs
*/
div.topTabs { max-width: 75%; height: 14pt; vertical-align: bottom; margin: 5pt 0px -1px 0px; background-color: transparent; color:#E10000; text-align: left; }
div.topTabs ul { display: block; width: 100%; text-align: left; margin: 0px; }
div.topTabs li {
    display: inline;
    border: thin solid #cadcee;
    border-bottom: none;
    font: 9pt arial,Verdana,sans-serif;
    background: white url("../icons/sfondoth.png") repeat 0 0;
    padding: 5px 5px 0 10px;
    margin: 0px;
}
div.topTabs li.arrows {
    padding: 5px 10px;
    vertical-align: middle;
}


/*
** Notebook body
*/
div.visiblePanel {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: white;
    color: navy;
    font: 12pt arial,Verdana,sans-serif;
    vertical-align: top;
}

div.visiblePanel table {
    width: 100%;
    height: 100%;
    background-color: white;
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

div.hiddenPanel { position: relative; display: none; height: 0; }



/************************
 * Search and Filters
 ************************/
/* div.search { min-width: 30%; width: 50%; max-width: 70%; } */
div.search { width: auto; }

div.search > div.tab {
    background-color: #bdf;
    border-top: thin solid black;
    border-right: thin solid black;
    border-left: thin solid black;
    margin: 5pt auto -1px 0;
    padding: 0 0 1px 0 ;
    width: auto;
    max-width: 50%;
    font-size: 14pt;
}
div.search form > div { width: 75%; background-color: #f7f9fd; border: thin solid #cdf; color: #3b80c3; }
div.search label {  }
/*div.search input { position: absolute; top: 0; right: 0; }*/
div.search td { background-color: white; }
div.search td > input { position: static; }
div.search div.form { margin-top: 0px; margin-bottom: 0px; width: auto; }
div.search div.formBody { width: 100%; }

div.filter { min-width: 30%; width: 50%; max-width: 70%; }
div.filter div.filter_body {
    border-top: thin solid #07F;
    border-left: thin solid #07F;
}
div.filter div.tab {
    background-color: #bdf;
    border-top: thin solid black;
    border-right: thin solid black;
    border-left: thin solid black;
    margin: 5pt auto -1px 0;
    padding: 0 0 1px 0 ;
    width: auto;
    min-width: 20%;
    max-width: 30%;
    font-size: 14pt;
}

div.condition {
    white-space: nowrap;
    background: transparent url("../icons/sfondotd.png") repeat-x bottom left;
    color: #3b80c3;
    font-size: 13px;
    font-weight: normal;
    border-left: 1px solid #cadcee;
    padding: 4px;
    vertical-align: bottom;
    text-align:left;
    width: 50%;
 }
div.condition span { white-space: nowrap; font-size: 13px; font-weight: normal; padding-left: 0px; display: inline-block; }
div.condition span.predicate { font-weight: bold; padding-left: 4px; padding-right: 4px; }
div.condition span.fields { padding: 4px 0px; }
/*div.condition input { position: absolute; top: 0; right: 0; }*/


/*
** Specific objects
*/
table.UserPrefs_Subcategory { margin-left: 8px !important;  margin-right: -8px !important; }

div#frameBasedLayout_OuterDiv  { margin: 0; border: none; padding: 0; }
iframe#frameBasedLayout_IFrame  { margin: 0; border: none; padding: 0; }
div.UserPrefs th { width: 25%; }



/************************
 * Reports
 ************************/

div.report {
    border-top: thin solid #cadcee;
    border-left: thin solid #cadcee;
    padding-top: 16px;
    padding-left: 8px;
}

div.reportBody table.report, table.reportBody {
    background-color: #CCCCCC;
    color:black;
    border-collapse: collapse;
    margin: inherit;
    top: 0px !important;
}

div.reportBody table.report caption, table.reportBody caption {
    display: none;
    text-align: left;
    color: #3c7fc3;
    font-size: 8pt;
    caption-side: top;
    page-break-inside: always;
    page-break-before: always;
    page-break-after: always;
}

div.reportBody table.report tr, table.reportBody tr { background-color:#EEEEEE; color:black; }

div.reportBody table.report th, table.reportBody th {
    background: white url("../icons/sfondoth.png") repeat 0 0;
    color: #E10000;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: top;
    padding-left: 2px;
    padding-right: 2px;
}

div.reportBody table.report td, table.reportBody td {
    width: auto!important;
    height: auto!important;
    max-width: 21%;
    background-color: white;
    font-size: 9pt;
    border: thin solid #CADCEE;
    color: black;
    vertical-align: top;
}
div.reportBody table.report td.right, table.reportBody td.right { padding-left: 2pt; }


table.riepilogo {
    background: white url("../icons/sfondotd.png") repeat-x top left;
    color: black;
    border: thin solid black;
    border-collapse: collapse;
}

table.riepilogo caption {
    color: #3C7FC3;
    margin: 10px 0 10px 0;
}

table.riepilogo th { background: white url("../icons/sfondotd.png") repeat-x bottom left; color: #E10000; border: thin solid #CADCEE; font-size: 12px; }
table.riepilogo th.first { color: #E10000; }
table.riepilogo tr.last th { color: #3C7FC3; }
table.riepilogo th.left_border { color: #E10000; border: thin solid #CADCEE; font-size: 14px; font-weight: bold; }
table.riepilogo td { background-color: white; color:black; border: thin solid #cadcee; font-size: 12px; }

tr.regione td {
    background: white url("../icons/sfondoth.png") repeat 0 0;
    color: #E10000;
    border: thin solid #cadcee;
    border-top: medium solid #cadcee;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

tr.totale td {
    background: white url("../icons/sfondoth.png") repeat 0 0;
    color: #E10000;
    border: thin solid #cadcee;
    border-top: medium solid #cadcee;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

tr.parziale td {
    background: white url("../icons/sfondoth.png") repeat 0 0;
    color: #0000E1;
    border: thin solid #cadcee;
    border-top: medium solid #cadcee;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

tr.empty td { background-color: #FFFFFF; color:black; border: none; }

tr.totali td {
    background: white url("../icons/sfondoth.png") repeat 0 0;
    color: #E10000;
    border: thin solid #cadcee;
    border-top: medium solid #cadcee;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}

tr.parziali td {
    background: #FAFAD2;
    color: #0000E0;
    font-size: 13px;
    font-weight: bold;
}

table.notebook caption { display: none; }

table.captioned caption {
    display: table-caption !important;
    text-align: left;
    color: #3c7fc3;
    font-size: 16pt !important;
    caption-side: top;
    page-break-inside: always;
    page-break-before: always;
    page-break-after: always;
}

td.b_left  { border-left-width: 2px !important; border-left-color: #A0A0F0 !important; }
td.b_right { border-right-width: 2px !important; border-right-color: #A0A0F0 !important; }



/************************
 * Others
 ************************/
span.smallLabel { font-size: 8pt; }
span.filterColumn { color: #3b80c3; padding-right: 8px; display: inline-block; width: 180px; }
span.filterCondition { padding-right: 8px; display: inline-block; width: 120px; }

div.wprogressbar {
  background-color:lightgray;
  width:254px;
  padding:2px;
  -moz-border-radius:3px;
  border-radius:3px;
  text-align:left;
  border:1px solid gray;
}
div.progressbar {
  width:250px;
  height:28px;
  padding:1px;
  background-color:white;
  border:1px solid black;
}
div.progressbar div.indicator {
  width:0px;
  /*background-image:url("shaded-green.png");*/
  background-color: red;
  height:28px;
  margin:0;
}
div.wprogressbar div.label {
  text-align:center;
  width:250px;
}


div.wizard {
    padding-left: 8px;
    padding-top: 8px;
    border-top: thin solid #cadcee;
    border-left: thin solid #cadcee;
}

div.step div.body {
    padding-left: 8px;
    padding-top: 8px;
    border-top: thin solid #cadcee;
    border-left: thin solid #cadcee;
}

div.step > div.report { border: none; padding: 0; margin: 0; }
div.step > div.form { border: none; padding: 0; margin: 0; }


/*====================================  ===========================================*/

div#_DBFWUserPrefs__div { width: 75%; }
div#_DBFWUserPrefsForm__div div.topTabs { height: 24pt; }
div#_DBFWUserPrefs__div table { width: 100%; }
div#_DBFWUserPrefsForm__div th { width: 25%; }


div.log pre { background: black; color: white; font-size: small; overflow: auto; overflow-wrap: break-word; }


table.dblist td { white-space: nowrap; }
div#details th { width: 20%; }
td.right { text-align: right !important; }
th.right { text-align: right !important; }
td.center { text-align: center !important; }
.details th { width:25%; }
caption { caption-side: top !important; font-size: 1.2em; }
.navlinks table { margin: 0 auto; }


/* toggle buttons styles */
div.tb_outer { width: 64px; height: 24px; margin: 0 0 0 0; background: url( '../icons/button-bg.png' ) -64px 0px no-repeat; }
div.tb_outer a {
    display: block;
    margin: 0; padding:0;
    width:100%; height:100%;
    overflow:hidden;
    font: italic 14px Georgia, serif;
    color: #3C7FC3;
    text-decoration: none;
    background: url( '../icons/button-bg.png' ) 0 0px no-repeat;
    }
div.tb_outer span { display: block; margin:0; padding: 4px 0 0 8px; }
div.tb_outer a:hover { background-image: none; color: #3C7FC3; }
div.tb_outer a:active { color: #E10000; }


div.mainHeader {
	display: block;
	position: absolute;
	width: 100%;
}
div.mainHeader div.logo {
	display: inline-block;
	width: 49%;
}
div.mainHeader div.loggedUser {
	display: inline-block;
	width: 49%;
	text-align: right;
}

div#RElencoQRCode table td {
	padding: 24px;
	border-bottom: thin solid black;
}
div#RElencoQRCode table thead th {
	border-bottom: thin solid black;
}
pre.qrcode {
	font-size: 4px;
	padding: 16px;
}

@media screen {

    div.empty_body {
        clear: left;
        min-height: 50%;
        height: 90%;
        width: 100%;
    }

    div#navlinks {
        clear: left;
        display: block;
        height: 40px;
        width: 100%;
    }
    div#navlinks table { width: 100%; border-collapse: collapse; }
    div#navlinks td { border-top: thin solid #dcdcdc; }

    /*div#footer { display: block; bottom: 0px; position: fixed; }*/
    div#footer { display: block; }
    div#footer table { width: 100%; border-collapse: collapse; }
    div#footer td { border-top: thin solid #3B80C3; }

    table.lista_completa {
        background-color:#CCCCCC;
        color:black;
        margin-left: auto;
        margin-right: auto;
        border: thin solid black;
        border-collapse: collapse;
    }

    table.lista_completa tr {
        background-color:#EEEEEE;
        color:black;
    }

    table.lista_completa th {
        background-color:#DDDDDD;
        color:black;
         border: thin solid black;
    }

    table.lista_completa td {
        background-color:#EEEEEE;
        color:black;
    }
}


@media print {
    body {
        background-color: white;
        color: black;
        font-family:arial,serif;
        font-size:12pt;
    }
    td.sel,
    td.opmenu,
    body > div.menu,
    div.listTab,
    div.hmenu,
    div.toolbar,
    div#footer,
    div#navlinks,
    div.form,
    div.browserbar,
    div.mainHeader div.loggedUser,
    body > div.tab {
        display:none;
        visibility: hidden;
        height: 0;
    }

    table.lista_completa { border: thin solid black; border-collapse: collapse; }
    table.lista_completa td, table.lista_completa th { font: 6pt Verdana,sans-serif; border: thin solid black; }
    table.lista_completa td.rep_name { text-align: left; }

    h1 { font: 12pt Verdana,sans-serif; text-align: left; }
    h2 { font: 12pt Verdana,sans-serif; text-align: left; }
    div.hidden_on_print { visibility: hidden; }

    div#reportsgroup_toolbar { border: 1px solid #dcdcdc; }

	div.listBody {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }

	pre.qrcode {
		font-size: 4px;
	}
	div.mainHeader div.logo {
	   width: 98%;
	}

}

/**********************************************************
 * RSU
 **********************************************************/
#RContaVotiSintesi th, #RContaVotiSintesiUnico th, #RContaVotiCfrSintesi th, #RContaVotiCfrCompleto th #RContaVotiCompleto th, #RContaVotiRidotto th, #RContaVotiCfrRidotto th {
  min-width: 44px;
}


.advselect select {
  min-width: 200px;
  width: 200px;
}


@media only screen and (min-width: 1921px) {
  body {
    font-size: calc(0.75em + 1vmin);
  }
}