html, body {
  height: 100%;
  margin: 0 2px;
}
body
{
background-color:#fff;
padding:0; 
font-family: Arial, Helvetica, sans-serif;
color:#000;
font-size:11px;
}
hr{ color: #ccc}
h1{
font-size:16px;
font-weight:bold;
color:#000;
width: auto;
padding:0px 0 5px 0;
margin: auto;
text-decoration:none;
}
h2{
font-size:14px;
font-weight:bold;
color:#000;
width: auto;
padding:5px 0 5px 0;
margin: auto;
text-decoration:none;
}
h3{
font-size:14px;
font-weight:bold;
color:#000;
width: auto;
padding:5px 0 5px 10px;
margin: auto;
text-decoration:none;
}
p{
font-size:11px;
text-align:justify;
padding:2px;
margin:0px;
}
p.proposal_text{
width:170px;
font-size:11px;
text-align: left;
padding:15px 0 0 15px;
margin:0px;
}
img {
	border: 0;
}
img.img_left{
float:left;
padding:0px 8px 8px 0px;
}
img.img_right{
float:right;
padding:0px 8px 8px 8px;
}
img.img_thumb{
float:left;
padding:10px;
}
img.img_big_pic{
padding:4px;
border:1px #CCCCCC solid;
}
#main_container{
width:100%;
padding:0px;
}
#loadingdiv{
    position:fixed;
    top:0;
    text-align: center;
    font-style: italic;
    display: none; 
    width: 100%;
}
#loadingdiv span {
	font-size: 150%;
	padding: 1px 5px 2px 5px;
    background-color: #F2D2A7;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #000000; 
}
#header{
float:left;
min-width:100%;
/*height:110px;*/
}
#logo{
	padding-bottom: 5px;
	background-color: #fff;
/*
width:147px;
height:78px;
*/
/*float:left;
padding:20px 0 0 15px;*/
/*padding-left:20px;*/
/*background-color:#05619b;*/
}
.banner_adds{
width:750px;
height:82px;
float:left;
}
.user_logged_name{
	background-color:#fff;
	color:#000;
	padding: 5px 0 5px 20px;
	font-size: 150%;
}
.admin_login{
height:300px;
margin: 0 auto;
width:25%;
}

/*-------------------footer------------------------*/
.push {height: 300px;clear:both}
#footer{
float:left;
min-width:100%;
height:41px;
font-size:11px;
background-color:#f2efef;
border-top:1px #eeabbd dashed;
}
ul.footer_menu {
list-style:none; float:right; display:block; width:650px;
margin:0px; padding:9px 20px 0 0px;
}

ul.footer_menu li {
display:inline; font-size:11px;}

a.nav_footer:link, a.nav_footer:visited {
display:block; float:left; padding:5px 6px 5px 10px; margin:0; 
text-decoration:none; color:#2F2626;}

a.nav_footer:hover {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:underline; color:#2F2626;}

a.nav_footer:active {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:none;  color:#2F2626;}

#copyright{
float:left;
padding:0px;
}

/* loading */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 ) 
                50% 50% 
                no-repeat;
    background-image: url('/images/theme1/action/processing64.png'), 
                url('/images/theme1/action/processing128.gif'); 
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/*---------------- menu tab----------------------*/
.navmenu{margin:0;padding:0;background: #f0f0f0; }
.navmenu ul ul {display: none;z-index:1000;}
.navmenu ul li:hover > ul {display: block;}
.navmenu ul {
    background: #f0f0f0; 
    /*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);*/ 
    padding: 0 20px;
    list-style: none;
    position: relative;
    display: inline-table;
    margin:0;
}
.navmenu ul:after {
    content: ""; 
    clear: both; 
    display: block;
}
.navmenu ul li {
	float: left;
	z-index:1000;
}
.navmenu ul li:hover {
    background: #ccc;
    /*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
}
.navmenu ul li:hover > a {background-color: #ccc;color:#fff}
.navmenu ul li a {
    display: block; 
    padding: 7px 15px;
    color: #000; text-decoration: none;
    white-space:nowrap;
}
.navmenu ul ul {
    background: #f0f0f0; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}
.navmenu ul ul li {
    float: none; 
    /*border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;*/ 
    position: relative;
    z-index:1000;
}
.navmenu ul ul li a {
    padding: 5px 10px;
    color: #000;
}   
.navmenu ul ul li a:hover {
    background: #ccc;
}
.navmenu ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:11px;padding:0px; /*float:right; width:765px;*/}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:28px; background:#f0f0f0;}

/* style the sub-level lists */
.menu ul ul {width: auto;z-index:1000;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:28px;line-height:28px;z-index:1000;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em; border-bottom:1px #f0f0f0 solid;z-index:1000;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#000;background:#f0f0f0;padding:0 21px 0 17px;}
.menu a.current{background:#ccc;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#f0f0f0; color:#000;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {left:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#f0f0f0;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#f0f0f0;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ccc;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:#ccc;}
.menu :hover > a {color:#fff;background:#ccc;}
/* second */
.menu ul ul a:hover{color:#fff;background:#ccc;}
.menu ul ul :hover > a {color:#fff;background:#ccc;}
/* third */
.menu ul ul ul a:hover {background:#ccc;}
.menu ul ul ul :hover > a {background:#ccc;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(/images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*------------------------------TOP MENU-----------------------*/
.topmenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.topmenu li {
  float: left;
}

.topmenu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topmenu li a:hover {
  background-color: #111;
}

/*------------------------------POP UP MENU-----------------------*/
:root {
  --bgColor: #0fddaf;
  --txtColor: #ffffff;
  --borColor: rgba(0, 0, 0, 0);
  --sizeVar: 8px;
  --textPrimary: #4b4760;
  --textSecondary: #7f7989;
  --borderColor: #000000;
}
.popupmenuflexDiv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 400px;
  margin: 32px;
}
.popupmenuselectWrapper {
  width: 100%;
  position: relative;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 100ms linear 0s;
  filter: drop-shadow(0 6px 26px rgba(0, 0, 0, 0.24));
  padding-top: calc(var(--sizeVar) / 2);
}
.popupmenumultiSelect {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  border: 3px solid var(--borderColor);
  box-sizing: border-box;
  border-radius: calc(var(--sizeVar) / 2);
  position: absolute;
  width: auto;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #ffffff;
  transition: transform 300ms ease-in-out 0s, clip-path 300ms ease-in-out 0s;
}
.popupmenumultiSelect div {
  color: var(--textPrimary);
  padding: 16px;
  width: auto;
  cursor: pointer;
}
.popupmenumultiSelect div:hover {
  background-color: #f6f6f6;
}
.popupmenubottomBorder {
  border-bottom: 1px solid var(--borderColor);
}
.popupmenutopBorder {
  border-top: 1px solid var(--borderColor);
}
.popupmenuiconDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popupmenunoSpace {
  justify-content: flex-start;
  gap: 6px;
}
.popupmenutitleDiv {
  pointer-events: none;
  font-weight: 700;
}
.popupmenujustHover i {
  opacity: 0;
}
.popupmenujustHover:hover i {
  opacity: 1;
}
.popupmenumultiSelect .popupmenuplaceholder {
  color: var(--textSecondary);
  font-style: italic;
}
.popupmenumultiSelect .popupmenunarrow {
  padding-top: 10px;
  padding-bottom: 10px;
}
.popupmenumultiSelect i {
  color: var(--textSecondary);
}
.popupmenumultiSelect {
  transform: translateX(100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.popupmenumultiSelect:nth-of-type(1) {
  transform: translateX(0);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.popupmenusec_btn {
  --bgColor: #869cff;
}
button.popupmenu {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--sizeVar) * 1.75);
  font-weight: 500;
  border: none;
  outline: none;
  padding: var(--sizeVar) calc(var(--sizeVar) * 2);
  border-radius: calc(var(--sizeVar) / 2);
  cursor: pointer;
  background-color: var(--bgColor);
  color: var(--txtColor);
  box-shadow: 0 0 0 1px var(--borColor) inset;
}
button.popupmenu:focus {
  --borColor: rgba(0, 0, 0, 0.4);
}
button.popupmenu:hover {
  --bgColor: #1fcc9e;
}
.popupmenusec_btn:hover {
  --bgColor: #6279e7;
}
.popupmenutri_btn:hover {
  --bgColor: #f8f7f8;
}
button.popupmenu:active {
  --bgColor: #1db284;
}
.popupmenusec_btn:active {
  --bgColor: #5468c7;
}
.popupmenutri_btn:active {
  --bgColor: #e7e7e7;
}


/*------------------------------main content-----------------------*/
#main_content{
width:100%;
margin:0 2px;
clear:both;
background-color:#FFFFFF;
/*min-height:400px;*/
}
/*------------------------middle_content-----------*/
.columnall{
width:100%;
margin:auto;
min-height: 400px;
}
.column1{
width:190px;
float:left;
margin:0px;
padding:10px 10px 10px 5px;
background-color: #F4F4F4;
}
.column2{
width:755px;
float:left;
margin:0px;
padding:10px 5px 10px 5px;
min-height: 400px;
}
.column3{
width:320px;
float:left;
margin:0px;
padding:10px 10px 10px 5px;
}
.column4{
width:340px;
float:left;
margin:0px;
padding:10px 0px 10px 5px;
}
.left_box{
width:190px;
height:auto;
float:left;
padding-bottom:10px;
}
.top_left_box{
width:190px;
height:10px;
float:left;
/*background:url(/images/top_box_bg.gif) no-repeat center;*/
}
.center_left_box{
width:190px;
height: auto;
float:left;
padding-left: 5px;
padding-right: 5px;
/*background:url(/images/center_box_bg.gif) repeat-y;*/
}
.bottom_left_box{
width:190px;
height:10px;
float:left;
/*background:url(/images/bottom_box_bg.gif) no-repeat center;*/
}
.box_title{
width:190px;
font-size:18px;
color:#615357;
padding:5px 0 5px 0;
}
.box_title span{
font-weight:bold;
color:#d8325d;
}
.leftmenuitem{
	padding-bottom:3px;
}
.leftmenuitem a,.leftmenuitem a:visited {
	text-decoration: none;
	padding-bottom: 3px;
	color: #000;
} 

.main_text_box{
padding:5px;
}
.proposal{
width:287px;
height:85px;
background:url(/images/proposal_box.gif) no-repeat center;
background-position:0px 0px;
margin-left:15px;
margin-top:15px;
}
.title{
background-color:#385870;
text-align:left;
width:670px;
padding:5px 5px 5px 20px;
color:#FFFFFF;
font-weight:bold;
}
.small_title{
background-color:#385870;
text-align:left;
width:100%;
padding:5px 5px 5px 15px;
color:#FFFFFF;
font-weight:bold;
}
.title2{
background-color:#eef1f3;
text-align:left;
width:300px;
padding:5px 5px 5px 15px;
color:#d8325d;
font-weight:bold;
margin-left:5px;
}

/*-------------------details list----------------*/
.details_list{
padding:10px;
}
.details_list ul{
text-decoration:none;
list-style:none;
margin:0px;
padding:0px;
}
.details_list ul li{padding:5px 5px 5px 25px;}
.mybutton{
width:139px;
height:30px;
background:url(/images/blank_button.gif) no-repeat center;
text-align:center;
line-height:30px;
font-weight:bold;
font-size:13px;
}
.mysbutton a{
text-decoration:none;
color:#d8325d;
}

a.minimalbutton{
	text-decoration:none;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 1px 3px;
	color:#000;
	font-size:80%;
}
/*---------------offer_box----------------------*/
.offer_box{
width:320px;
height:106px;
background-color:#f3f5f6;
padding:10px;
margin:10px 0px 10px 0px;
}
.offer_box_wide{
width:310px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:10px;
margin:7px;
}
.offer_box_wide_style1{
width:670px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:7px;
margin:5px;
}
.offer_info{
padding:5px;
}
.offer_info span{
font-weight:bold;
color:#d8325d;
}
p.offer{
text-align:justify;
font-size:10px;
}
.more{
float:right;
padding:3px;
}
.more a{
color:#d8325d;
}
.more a:hover{
text-decoration:none;
}
.big_pic{
width:340px;
text-align:center;
padding:5px 0 5px 0;
}
.pictures_thumbs{
width:300px;
padding-left:40px;
}
/*------------------table style---------------*/
td{
/*text-align:center;*/
padding:5px;
/*border-bottom:2px #fff solid;*/
}
th{
/*background-color: #333333;*/
padding:5px;
/*color:#FFFFFF;*/
}
tr.color1{
background-color:#F3F5F6;
}

.tablegrey {
    width:100%;
    border: 1px solid #ccc;
}
.tablegrey td{
text-align: left;
padding:5px;
border-bottom:2px #fff solid;
}
.tablegrey th{
background-color:#84A7A1;
padding:5px;
color:#000;
}

.tableheaderonly th{
background-color: #84A7A1;
padding:5px;
font-weight: bold;
}
.tableheader th{
background-color: #84A7A1;
padding:5px;
font-weight: bold;
}
.sortcolumn {text-decoration:underline}

.table {
	width:100%;
	border: 1px solid #ccc;
}
.table td{
text-align:center;
padding:5px;
border-bottom:2px #fff solid;
}
.table th{
/*background-color: #ccc;
background-color: #ED0000;
color:#fff;
color:#000;*/
background-color: #84A7A1;
padding:5px;
font-weight: bold;
}
.table th:last-child{width: 60px}
.table tr.color1{background-color:#F3F5F6;}
.table-th td{background-color: #84A7A1 !important;padding:5px;font-weight: bold;}

.tablecenter{width: auto;margin: 0 auto}
.table-width-auto th, .table-width-auto th:last-child{width: auto}
.table a,.table a:visited,.table a:hover,.table a:active {color: inherit;}
.anocolor a,.anocolor a:visited,.anocolor a:hover,.anocolor a:active {color: inherit;}

.tablenocenter td{text-align:left !important;}
.tablecenter td{text-align:center;}

.tablerowsborder {border-collapse: collapse;}
.tablerowsborder td {border: 1px solid #e4e4e4;}
.tablerowsborder th {border-bottom: 1px solid #000;border-top: 1px solid #000;}

.tableheader,.tableheader td{background-color: #84A7A1 !important}

.tablerowscolor tr:nth-child(odd) td {
    background-color: #EDEDED;
}

.tablerowscoloreven tr:nth-child(even) td {
    background-color: #EDEDED;
}

.table-tree-struct th{
background-color: #84A7A1;
padding:5px;
font-weight: bold;
}

.table-tree-struct {
	border-collapse: collapse;
}

.table-tree-struct th, .table-tree-struct td{
    border-collapse: collapse;
    padding: .3em 1em;
    border: 1px solid #888;
}

.table-tree-struct-center td:not(:first-child){
    text-align: center;
}

.rowevidence, .rowevidence td {background-color:#F7F099 !important}
.rowevidencealert, .rowevidencealert td {background-color:#f44139 !important}
.rowevidencegreen, .rowevidencegreen td {background-color:#68f542 !important}
.rowfestivo, .rowfestivo td {background-color:#FEB409 !important}

.empty-bg {background-color:#FFFFFF !important}
.rowodd {}
.roweven{background-color: #EDEDED}

.righttext {text-align: right !important}
.lefttext {text-align: left !important}
.underline {text-decoration: underline;}
.dashedtext {text-decoration: line-through;}
.tbcelltop td{vertical-align: top}

.tableslim {
    width:100%;
    border: 1px solid #ccc;
}
.tableslim td{
text-align:center;
padding:5px;
}
.tableslim th{padding:5px;font-weight: bold;background-color: #84A7A1}
.tableslim th:last-child{width:80px}


.tablesx {border: 1px solid #ccc;}
.tablesx td{
text-align:left;
padding:5px;
border-bottom:2px #fff solid;
}
.tablesx th{
background-color: #84A7A1;
padding:5px;
font-weight: bold;
}


.tableposition{width:100%}
.tableposition td{text-align:center;padding:5px;}
.tablepositionheader td{font-weight: bold}

.tablehidden {width:100%;border-collapse: collapse;}
.tablehidden td{
	text-align:center;
	border-bottom:0 !important;
	border-left:0 !important;
	border-right:0 !important;
	border-top:1px solid #888888 !important;
	border-collapse: collapse;
	padding:5px 0 !important;
}
.tablehidden tr:first-child td{
	border-top:0 !important;
}

/* ---  ---- */
div.ul_block_list_container {margin: 0 auto;width: 800px;}
ul.ul_block_list{list-style-type: none;padding: 0}
ul.ul_block_list li{
    display: inline-block;
    border: 1px solid #ccc;
    padding: 10px 5px;
    min-width: 200px;
    text-align: center;
    margin: 2px;
}

/*-----------------form style--------------------*/
form {
	/*max-width: 400px;*/
	font-size: 14px
}
label { font-weight: bold; margin-bottom:2px;font-size: 14px;line-height:26px}
form div {padding: 5px 0;}
form.reset-form-padding div {padding: 0;}

form > div > span:last-child {
	font-size: 75%;
	padding-left:5%;
	font-style: italic;
}

.formreset div, .formreset div span:last-child{
	padding: 0;
	font-size: 100%;
	font-style: normal;
}

.formfieldrequired {
	color: #f00;
	padding-left: 0 !important;
}

.formerror {
    color:red;
    font-size:10px;
    display:none;
}
.needsfilled {
    border: 1px solid #f00 !important;
}

.formsection_30_70 > div{
    float: left;
    padding:5px;
}
.formsection_30_70 > div:first-child{width: 30%;}
.formsection_30_70 {clear:both}

.formsection1 > div{
    float: left;
    width: 100%;
    padding:5px;
}
.formsection2 > div{
    float: left;
    width: 45%;
    padding:5px;
}
.formsection3 > div{
	float: left;
	width: 30%;
	padding:5px;
}
.formsection4 > div{
    float: left;
    width: 23%;
    padding:5px;
}
.formsection5 > div{
    float: left;
    width: 18%;
    padding:5px;
}
.formsectionauto > div{
    float: left;
    width: auto;
    padding:5px;
}
.formsection2 > div > select,
.formsection3 > div > select,
.formsection4 > div > select,
.formsection5 > div > select,
.formsectionauto > div > select{
    max-width:100%;
    min-width:45px;
    /*display:block;*/
}

.formlabel {
	width: 100px;
	float:left;
}

.formlabel_big {
    width: 200px;
    float:left;
}

/*---------------------pagination-----------------------------*/

div.pagination {
	padding:5px;
	margin:5px;
	text-align:center;
	/*float:left;*/
	font-size:10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #ddd;
	color: #fff;
	background-color: #d8325d;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	font-weight: bold;
	background-color: #d8325d;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	color: #ccc;
}


/* --------   tab   -----------------*/
#tabnavigation {
    font-size: 1.1em;
    padding-top: 0.6em;
}
#tabnavigation ul, #tabnavigation ul li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#tabnavigation ul {
    /*padding-top: 5px;
    padding-bottom: 10px;*/
    text-align: left;
}
#tabnavigation ul li {
    display: inline-block;
    margin-right: 0.75em;
    margin-bottom: -3px;
    padding: 10px;
    background-color: #cfcfcf;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
#tabnavigation ul li.tabselected {
    background-color: #fff;
}
#tabnavigation ul li.lasttab, #tabnavigation ul li:last-child {
    margin-right: 0;
}
#tabnavigation ul li a, #tabnavigation ul li a:visited{
    color: #000;
    padding: 5px 0;
    text-decoration: none;
}
#tabnavigation ul li a:hover span {
    text-decoration: none;
}

.tabselected {
	border-bottom: 3px solid #fff;
	border-top: 2px solid #979797;
    border-left: 2px solid #979797;
    border-right: 2px solid #979797;
}
.contenttab {
	border-top: 2px solid #979797;
}
.tabnavigationbottomborder {
    border-bottom: 2px solid #979797;
    margin-bottom: 3px;
}
.tabnavigation {
    font-size: 1.1em;
    padding-top: 0.6em;
}
.tabnavigation ul, .tabnavigation ul li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.tabnavigation ul {
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: left;
}
.tabnavigation ul li {
    display: inline;
    margin-right: 0.75em;
    padding: 10px;
    background-color: #cfcfcf;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.tabnavigation ul li.tabselected {
    background-color: #fff;
}
.tabnavigation ul li.lasttab, .tabnavigation ul li:last-child {
    margin-right: 0;
}
.tabnavigation ul li a, .tabnavigation ul li a:visited{
    color: #000;
    padding: 5px 0;
    text-decoration: none;
}
.tabnavigation ul li a:hover span {
    text-decoration: none;
}
/* --------   end tab   --------*/

/* error */
.error {color: #f00;}
.message {color: #f00;}

.treeicon {
	display: inline-block !important;
	margin-right: 5px;
	vertical-align: middle;
}
.righttreeicon{
    float:right;	
}

.ulnodecoration {padding-left: 0;}
.ulnodecoration li{list-style-type:none;}

.circlebutton-info {
	display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;
	border-radius:50%;
	/*background-color: #09f;*/
	background-color: #ccc;
	color: #fff;
	font-size: 14pt;
}
.circlebutton-alert {
    display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;
    border-radius:50%;
    /*background-color: #09f;*/
    background-color: #EDA1A1;
    color: #fff;
    font-size: 14pt;
}
.circlebutton-border {
	display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;
	border-radius:50%;
    /*border: 1px solid #09f;*/
    border: 1px solid #ccc;
    font-size: 14pt;
}

.circlebutton {
    display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;
    border-radius:50%;
    color: #fff;
    font-size: 14pt;
}
.circlebutton-message {background-color: #07a650;}

a.circlebutton-alert:link,a.circlebutton-alert:visited, a.circlebutton-alert:hover, a.circlebutton-alert:active,
a.circlebutton:link,a.circlebutton:visited, a.circlebutton:hover, a.circlebutton:active,
a.circlebutton-info:link,a.circlebutton-info:visited, a.circlebutton-info:hover, a.circlebutton-info:active,
a.circlebutton-border:link,a.circlebutton-border:visited, a.circlebutton-border:hover, a.circlebutton-border:active
{
    text-decoration: none;
}

.table-cell-left,
.table-cell-left1 td:nth-child(1),
.table-cell-left2 td:nth-child(2),
.table-cell-left3 td:nth-child(3),
.table-cell-left4 td:nth-child(4),
.table-cell-left5 td:nth-child(5),
.table-cell-left6 td:nth-child(6)
.table-cell-left7 td:nth-child(7),
.table-cell-left8 td:nth-child(8),
.table-cell-left9 td:nth-child(9) 
{text-align: left;}

.mytabletree {width: 100%}
.mytabletree td:not(:first-child){
    text-align: center;	
}
.mytabletree th:first-child{
    min-width: 250px; 
}
.mytabletree_lastchild td:last-child{
    text-align: right; 
}

.mytabletree-hide-content td:not(:first-child) > * {visibility: hidden !important;}
.mytabletree-hide-content td:not(:first-child) {font-size: 0px !important;}

.mytabletreeDescriptionLeft td:nth-child(2) {text-align: left;}

.mytabletreeverysmall {width: 100%}
.mytabletreeverysmall input{margin-top: 3px;padding: 0; }
.mytabletreeverysmall td {
	padding: 0 !important;
}
.mytabletreeverysmall td:not(:first-child){
    text-align: center; 
}
.mytabletreeverysmall th:first-child{
    min-width: 250px; 
}
.mytabletreeverysmall th:last-child{
    padding: 0; 
}
.mytabletreeverysmall_s0{background-color: #FCFCF0;}
.mytabletreeverysmall_u{background-color: #FCFCF0;}
.mytabletreeverysmall_s1{background-color: #F0FCF6;}
.mytabletreeverysmall_s2{background-color: #F0F0FC;}
.mytabletreeverysmall_s3{background-color: #FCF0F6;}
.mytabletreeverysmall_s4{background-color: #F5D7E3;}
.mytabletreeverysmall_s5{background-color: #DCF5D7;}

.sistemafield_container{
	border: solid 1px #000;
	padding: 0 5px 5px 5px;
	margin-top: 15px;
}
.sistemafield {
	margin: 15px 0 25px 0;
	height:auto;
}
.sistemafieldbuttondiv{
	width:90px;
	height:25px;
	background-color: #05619B;
	color: #fff;
	text-align: center; /* orizzontale */
    line-height: 25px; /* verticale */
    margin-bottom:5px;
}
.sistemafield_1div{
	float:left;
}
.sistemafield_2div{
    float:left;
    margin-left: 10%;
}
.sistemafield_input div{
	margin-bottom:5px;
}
.sistemafield_input textarea{
    width: 80%;
    height: 100px;
}
.clear{clear:both;}

.loadingstr{
	color: #f00;
	font-size: 120%;
}

a.panel-icon-bar:hover, a.panel-icon-bar:visited,
    a.panel-icon-bar:active, a.panel-icon-bar:link {text-decoration: none;color: #000}
.panel-icon-bar div{
	padding: 5px;
	border-bottom: 2px solid #ccc;
	line-height: 100%;
	margin-bottom:20px;
}
.panel-icon-bar * {vertical-align:middle;padding-right:20px; font-size:25px;font-weight:bold}
.panel-icon-bar-noborder *{border: 0 !important;}
.panel-icon-container {padding: 0 20px;}

.panel-icon-bar-inner * {vertical-align:middle;padding-right:20px; font-size:16px;font-weight:bold}
.panel-icon-bar-inner div{padding: 5px;margin-left: 25px;
    border-bottom: 2px solid #ccc;
    line-height: 100%;
}
.panel-icon-bar-inner-div {margin-left: 50px;}
a.panel-icon-bar-inner:hover, a.panel-icon-bar-inner:visited,
    a.panel-icon-bar-inner:active, a.panel-icon-bar-inner:link {text-decoration: none;color: #000}


panel-icon:visited {
	color: #000;
}
.panel-icon {
	display:block;
	text-decoration: none;
	color: #000;
	border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 100px;
    width: 130px;
    margin: 10px;
}

.panel-icon img{
	padding: 10px;
	display: block;
	margin: 0 auto;
}

.panel-icon span{
	width: 100%;
	text-align: center;
	margin: 0 auto;
    display: block;
}

.twocolumnul {
	width: 600px;
}
.twocolumnul li{
	float:left; width:50%;
}

.noppadding {
	padding: 0 !important;
}
.testata_pagina{
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.testata_pagina::after {clear: both}

.testata_pagina > span{
	font-size: 200%;
	font-weight: bold;
}

.testata_pagina > span.likeh2{
    font-size:14px;
    font-weight:bold;
    color:#000;
}

 /* unvisited link */
a.linknocolor:link {color: #000;}
/* visited link */
a.linknocolor:visited {color: #000;}
/* mouse over link */ 
a.linknocolor:hover {color: #00f;}
/* selected link */
a.linknocolor:active {color: #000;}

.icon_link {
	line-height: 10px;
	text-decoration: none;
	color:#000;
	width: 80px;
	text-align: center;
}
.icon_link:visited {
	color:#000;
}
.icon_link span {
	display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}
.ui-icon.ui-icon-graffetta {
	background:url(/images/attachment_icon_16.png);
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
}
.icon_edit_action {
    background:url(/images/theme1/action/edit32x32.png);
}
.icon_report_action {
    background:url(/images/theme1/icon/icon-48-report.png);
}
.icon_back_action {
    background:url(/images/theme1/action/back32x32.png);
}
.icon_currency_action {
    background:url(/images/theme1/action/currency_conversion.png);
}
.icon_info_action {
    background:url(/images/theme1/action/info32x32.png);
}
.icon_add_action {
	background:url(/images/theme1/action/add32x32.png);
}
.icon_remove_action {
	background:url(/images/theme1/action/delete32x32.png);
}
.icon_print_action {
    background:url(/images/theme1/action/print32x32.png);
}
.icon_list_action {
    background:url(/images/theme1/action/list_icon32x32.png);
}
.icon_zip_action {
    background:url(/images/theme1/action/zip32x32.png);
}
.icon_filter_action {
    background:url(/images/theme1/action/filter32x32.png);
}
.icon_help_action {
    background:url(/images/theme1/action/info32x32.png);
}
.icon_save_action {
    background:url(/images/theme1/action/save32x32.png);
}
.icon_tree_action {
    background:url(/images/theme1/icon/icon-48-levels.png);
}
.icon_excel_action {
    background:url(/images/theme1/action/excel32x32.png);
}
.icon_refresh_action {
    background:url(/images/theme1/action/refresh32x32.png);
}
.icon_mail_action {
    background:url(/images/theme1/icon/icon-48-letters.png);
    background-size: 32px 32px;
}
.icon_backward_action {
    background:url(/images/theme1/action/backword32x32.png);
}
.icon_forward_action {
    background:url(/images/theme1/action/forword32x32.png);
}
.icon_collapse_action {
    background:url(/images/theme1/action/collapse32x32.png);
}
.icon_expand_action {
    background:url(/images/theme1/action/expand32x32.png);
}
.yescheck {
	background-image:url(/images/theme1/action/attiva.png);
}
.nocheck {
	background-image:url(/images/theme1/action/disattiva.png);
}
.warningcheck {
    background-image:url(/images/theme1/action/warning.png);
}
.delcheck {
    background-image:url(/images/theme1/action/remove.png);
}
.plane-img {
    background-image:url(/images/theme1/action/plane16.png);
}
.doc-on-img {
    background-image:url(/images/theme1/action/documents_on16.png);
}
.doc-off-img {
    background-image:url(/images/theme1/action/documents_off16.png);
}
.intranet {
    background-image:url(/images/theme1/action/vpn.png);
    background-size: 16px;
}
.vpn {
    background-image:url(/images/theme1/action/intranet.jpeg);
    background-size: 16px;
}

.action_icon_style {
    display: inline-block;
    height: 16px;
    text-indent: -1000em;
    width: 16px;
    text-decoration: none;
}

.collapse-arrow-s{
    background-image:url(/images/theme1/action/collapse_arrow_s.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 1em;
    vertical-align: middle;
    display: inline-block;
    width: 1em;
    text-indent: -1000em;
    text-decoration: none;
    margin-right: 10px;
}

.collapse-arrow-e{
    background-image:url(/images/theme1/action/collapse_arrow_e.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 1em;
    vertical-align: middle;
    display: inline-block;
    width: 1em;
    text-indent: -1000em;
    text-decoration: none;
    margin-right: 10px;
}

/* sezioni della pagina*/
.centerdivcontent > *{
	margin: 0 auto;
}
.contentdiv{
	margin: 40px 2px;
}
.contentpar{
	margin: 5px 2px;
}
.contentdivheight {min-height: 200px}
.contentdivborder{
	border: 1px solid #ccc;
	padding:5px;
	margin: 20px 2px;
}

.changeCantieri, .changeCantieri:visited{
	/*font-size: 75%;*/
	color: #ccc;
	margin-left: 10px; 
}

.likeinputfield {
	display: inline-block
}

.likeformfield {
	padding: 5px 0px;
	font-size: 14px;
	display:block;
}
.likeformfield div {padding: 0}

.hidden {display: none !important;}
.hide-content > * {visibility: hidden !important;}

.numberingrow {
	width:95%;
}
.numberingrow span{
	display: inline-block;
	width: 70px;
	border: 1px solid black;
}
.numberingrow input{
	text-align: center !important;
}

/* splitted DIV */
.twocolumncontainer {
	width:100%;
}
.twocolumnleft {
	float:left;
	width:450px;
}
.twocolumnright{
	float:right;
	width:450px;
}
.fourcolumn{
width:220px;
float:left;
margin:0px;
padding: 2px;
}


.downloaddiv{
	height:40px;
	width:200px;
	line-height: 30px;
    text-align: center;
	border: 2px dashed #ccc;
}

.wbspdlcell {
	line-height: 120%;
}

.wbspdlcell a, .wbspdlcell a:visited{
	color: #000;
}

.numerazionecell{
	border: 1px solid #000;
	line-height: 200%;
	text-align:center;
	min-height: 20px;
}
.numerazionecell > span {padding: 0 !important}

/* PRINT */
.printtitle {font-size: 300%}
.centertext {text-align:center !important}
.rightaligncontent *{
	/*width: 30%;*/
	margin-left:auto; margin-right:0px;
}

.tablelayout{text-align: left;width:100%}
.tablelayoutfixed{text-align: left;}
.tablelayout td, .tablelayoutfixed td{padding: 0}
.tablelayout th, .tablelayoutfixed th {background-color: #E0E0E0}
.tablelayout td:first-child, .tablelayoutfixed td:first-child, .tablelayoutfixedmultiple td:nth-child(odd)
{text-align: right; padding:5px; font-weight: bold; font-size: 80%;}
.tableRightFirst{text-align: right; padding:5px; font-weight: bold; font-size: 80%;/*min-width:200px*/}

.fulltable {width:100%}
.fulltable td{text-align:center;}

.tablefixedwidth td{width:30%;}

.tablepl {width:100%}

.table_inner_header {height:35px; border: 1px solid #000;}
.table_inner_header > div:first-child {font-weight:bold;}
.table_inner_header > div:not(:first-child) {margin-left:3px}

.alertmessagebox {
	width: 100%;
	font-size: 1.5em;
	color: #f00;
	text-align: center;
	border: 1px dashed #ccc;
}

.spanlistitem {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 2px;
	line-height:30px;
	display: inline-block;
	min-width: 70px;
	text-align: center;
}

.labelform {
	float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

label.labelform + * {
	margin-bottom: 5px;
}

.folderitem{
	list-style-type: none;
    background: url('/images/theme1/icon/icon-24-folder.png') no-repeat bottom left;
    height: 24px;
    line-height: 24px;
    padding: 0px 0px 0px 35px;
    margin-bottom: 3px;
}
.fileitem {
	list-style-type: none;
    background: url('/images/theme1/icon/icon-24-file.png') no-repeat bottom left;
    height: 24px;
    line-height: 24px;
    padding: 0px 0px 0px 35px;
    margin-bottom: 3px;
}
.fileitem a.ui-icon, .folderitem a.ui-icon {margin-top: 5px}

/* document_link html/js */
.documentrowtext {padding: 0px; font-style:normal;font-size: 100% }
.documentrowlabel {font-weight: bold; width:100px; float:left}
.documentrowbox {}
.documentrow {padding: 0px}
.documentrownotes textarea{min-height: 80px;}

.motivazione_selection li{padding: 5px; margin: 5px; border: 1px solid #ccc;list-style-type:none;}
.motivazione_selection {padding-left:0}


.listnostyle {list-style:none;}

/* class for page responsabili enti */
.tablewithuser div {padding: 3px;}
.tablewithuser div a{float:right;}

.titlenamecontainer{
	margin: 5px 0;  
    font-size: 1.5em; font-style: italic;
    padding: 5px;
}
.namecontainer {margin: 10px 0;}
.namecontainer span {border: 1px solid #ccc;width:200px; padding: 5px;display: inline-block;margin:3px;}
.namecontainer span > a{float:right;}

.sollecito_response {margin-left: 50px;}
.sollecito_div {min-height: 60px;}
.sollecito_user {width: 100px;font-weight: bold;}
.sollecito_user + div {margin-left: 100px;}
.sollecito_date {
	padding: 5px; 
	margin-top: 5px; 
	font-weight: bold;
	font-size: 1.2em; 
	border-top: 1px solid #ccc;
	background: linear-gradient(#FFFFFF, #DDDDDD) repeat-x scroll 0 0 #DDDDDD;
    border-color: #DDDDDD #BBBBBB #999999;
    border-image: none;
}

.domanda_response {margin-left: 50px;margin-bottom: 25px;}
.domanda_div {min-height: 60px;}
.domanda_div > div:first-child {
    padding: 5px; 
    margin-top: 5px; 
    font-size: 1.2em; 
    border-left: 5px solid #ccc;
}
.domanda_div > div:first-child > span{
font-weight: bold;	
}
.domanda_div > div:not(:first-child) {
	padding-left: 20px;
	border-top: 1px solid #ccc;
	font-size: 14px;
}

.listadiv {overflow: auto;}
.listadiv > div{padding: 5px}

.linklist li {padding: 5px 0;}

/* module_div */
.module_div {width:600px;padding:20px; background-color: #f0f0f0;}
.module_div_row { margin: 3px 0;}
.module_div_row label {width: 200px;}
.module_div_value {vertical-align: center; }


.img-wrap {
    position: relative;
}
.img-close img{
    position: absolute;
    top: 2px;
    /*
    right: 2px;
    z-index: 100;*/
}

.labelblock{
	display:block;
}

ul.blocklist {padding: 0}
ul.blocklist li{
	list-style-type: none;
	padding: 5px;
	margin: 3px;
	border: 1px solid #ccc;
}

ul.blocklist2 {padding: 0}
ul.blocklist2 li{
    list-style-type: none;
    margin: 3px;
}

.likeinput {margin: 5px 0;font-size: 14px;}


.actioncolumnasbutton td:last-child{width: 250px}
.actioncolumnasbutton td:last-child a.button{width: 100px}

#android-message {
    width:300px;
    height:35px;
    position:absolute;
    bottom:10px;
    background-color: #383838;
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 16px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}


/* breadcrumbs */
/* Based on Simple scalable breadcrumb by Veerle Pieters*/
.crumbs {
font:100%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
}
.crumbs,.crumbs li {
    list-style-type:none;
    padding:0;
    margin:0;
    }       
.crumbs {
	border:1px solid #dedede;
    margin: 5px;
    height:2.3em;
    clear:both;
}
.crumbs li {
    float:left;
    line-height:2.3em;
    color:#777;
    padding-left:.75em;
    }       
.crumbs li a:not(.treeicon), .crumbs li span{
    background:url(/images/crumbs.gif) no-repeat right center;
    display:block;
    padding:0 15px 0 0;
}
.crumbs li a:link,
.crumbs li a:visited {
    color:#777;
    text-decoration:none;
    }   
.crumbs li a:link, 
.crumbs li a:visited,  
.crumbs li a:hover,
.crumbs li a:focus {
    color:#dd2c0d;
    }

.crumbsprint {padding: 5px;}
.crumbsprint span{padding: 0 2px;}
/* breadcrumbs end */

/* CSS table */
.csstable {display: table; width:100%;}
.cssheading{
    display: table-row;
    font-weight: bold;
    text-align: center;
    background-color: #84A7A1;
}
.csstableheader > div{
	padding: 5px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}
.cssrow {display: table-row;}
.csscell
{
    display: table-cell;
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-align: center;
}
.cssheading div.csscell{vertical-align: middle;}

.csstable2 {display: table;}
.cssheading2{
    display: table-row;
    font-weight: bold;
    text-align: center;
    background-color: #84A7A1;
}
.cssrow2 {display: table-row;}
.csscell2
{
    display: table-cell;
    padding: 5px 10px;
    text-align: center;
}
.cssheading2 div.csscell2{vertical-align: middle;}

.csscell3
{
    display: table-cell;
    padding: 1px 2px;
    text-align: left;
}

.csscellslim
{
    display: table-cell;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
}

/* end CSS table*/


.tabella_visual_utenti {width:100%;margin: 20px 0 25px 0;border: 1px solid #ccc;}
.tabella_visual_utenti div.cssrow:nth-child(2n+1) > div.csscell {
    background-color: #ededed;
}
.tabella_visual_utenti div.csscell {border:1px solid white;}
.cella_visual_utenti {width:70px;}


.doc_header{background-color:#84A7A1;}
.doc_header_value{background-color:#99D19C;}
.doc_article{background-color: #d2ae43;}
.doc_article_value{background-color:#f9cf51;}
.doc_table_row_size1 {width:40px}
.doc_table_row_size2 {width:120px}


.table_inner_header td{background-color:#BDBDBD !important;}

.ui-autocomplete-loading {
background: white right center no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhEAAQAMQAAP///+7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl+FmXNEUEBVAYHToJAVZK/XWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej+FogNhtHyfRQFmIol5owmEta/fcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB+si6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp+RAWGyHg+DQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo/J0lgqEpHgoO2+GIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB/mNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop/IgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw+ELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE/5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs=);
}

.reparti_magazzino {width: 400px;}
.reparti_magazzino > li:nth-child(even) {
background-color:#99D19C; 
}
.reparti_magazzino > ul{padding:5px}
.reparti_magazzino li{margin-bottom: 5px;}
.reparti_magazzino span {padding: 10px;}

.rect_container {padding:3px;margin:1px;position:relative;}

/* two-panel-div */
.two-panel-div > div {float: left}
.two-panel-div select {width: 100%; height: 176px !important; overflow: auto}
.two-panel-div > div{width:180px}
.two-panel-div > div+div{width:35px; margin: 0 4px}
.two-panel-div > div+div+div{width:180px}
.two-panel-div > div+div+div+div{width:35px; margin: 0 4px}
.two-panel-div:after {clear: both}

/* end two-panel-div */


.fix_select_field select{max-width: 95%}

.doc_linked_box {margin-bottom: 5px;}
.doc_linked_box > span {font-size: 16px; font-weight: bold;}

/* style alert message box in mainpage */
.alert-message-box {padding-top: 10px; clear: both;}
.alert-message-box > div {
	margin: 0 auto; 
	width: 50%; 
	padding: 10px;
	background-color: #ff9800;
	color: white;
    margin-bottom: 10px;
}

.alert-message-box-closebtn {
	margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.alert-message-box-viewbtn, .alert-message-box-readbtn {
    margin-left: 15px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    
    padding: 3px;
    border: 2px solid white;
}
.alert-message-box-readbtn-parent {
	margin-top: 10px;
	text-align: center;
}
/* END style alert message box in mainpage */

td.cell-with-info-button {min-width: 80px}
.cell-with-info-button span{
	display: block;
	width: 100%;
	clear: both;
}
.cell-with-info-button span > a{float:right;margin-top: -2px;}

/* START CUSTOM LIST */
div.elenco-style1 {
  width: 300px;
}

.elenco-style1 h2 {
  font: 400 40px/1.5 Helvetica, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

ul.elenco-style1, .elenco-style1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.elenco-style1 li {
  font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}

.elenco-style1 li:last-child {
  border: none;
}

.elenco-style1 li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 300px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

.elenco-style1 li a:hover {
  font-size: 30px;
  background: #f6f6f6;
}
/* END CUSTOM LIST */

.money-container:before {clear:both}
.money-container {float: right; width: 150px}
.money-container > span:nth-child(2){float: right}

.mininput {min-width: 100px}

/*FIX jquery message box: bug with jquery ui dialog*/
.messagebox_overlay {z-index: 1000;}

.marker-recup-costo-width { width:260px !important}
.marker-recup-costo{padding:0 5px !important; margin-left: 3px;}
.marker-recup-costo > div:nth-child(1){float:left;width: 150px}
.marker-recup-costo > div:nth-child(1) > div{width: 120px !important}
.marker-recup-costo > div:nth-child(2){float:left;width: 110px;text-align: right}

.monospacefont { font-family: monospace; }
.boldfont{font-weight: bold}
.topalign{vertical-align: top}
.editable-field {
	padding: 0 5px;
	line-height: 26px;
}
.editable-field:hover {
	border: 1px dashed #f00;
}
.editable-field-bg:focus {
    background-color: yellow;
}

.badgelink {
	margin: 2px;
	text-decoration: none;
	padding: 3px 0 3px 3px;
	background-color: #A7BFC1;
	color: #fff !important;
	line-height: 25px;
	border-radius: 4px;
}

.badgelink > span{
	margin-left: 5px;
    padding: 3px 3px 3px 3px;
    background-color: #5593C9;
    line-height: 25px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: inline !important;
}

.boldtext{font-weight: bold;}

.clickablediv{cursor:pointer;}
.alinknostyle{text-decoration: none}

.content-saved:after{content: '✓'}
.required:after{content: '*'; color: #f00}

/* 3 div layout*/
.docstatusbox{}
.docstatusbox > div:nth-child(1) {padding: 20px 30px}
.docstatusbox > div:nth-child(2) {padding: 5px 80px}
.docstatusbox > div:nth-child(3) {
	text-align: right;
	font-style: italic;
}


/* WIZARD */
.wizard li {
    display: block;
    float: left;
    height: 34px;
    background: #E4E4E4;
    text-align: center;
    padding: 10px 20px 0 40px;
    position: relative;
    margin: 0 10px 0 0; 
    font-size: 20px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.wizard li::before {
    content: "";  
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid #fff;
    position: absolute; left: 0; top: 0;
}

.wizard li::after {
    content: "";  
    border-top: 22px solid red;
    border-bottom: 22px solid red;
    border-left: 22px solid blue;
    position: absolute; right: -22px; top: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid #E4E4E4;
    z-index: 1;
}

.wizard li:first-child {
    border-top-left-radius: 4px; border-bottom-left-radius: 4px;
}
.wizard li:first-child:before {
    display: none; 
}

.wizard li:last-child {
    padding-right: 22px;
    border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
.wizard li:last-child:after {
    display: none; 
}

.wizard li.selected {
    background: #FF4F65;
}

.wizard li.selected::after {
    border-left: 22px solid #FF4F65;
}

.wizard-container {min-width: 100px}
.wizard-container > div {padding-left: 40px}

/* two columns layout */
.col-left {float: left; width: 300px}
.col-right {margin-left: 300px}
.col-left > div {max-width: 300px}

#jstree_div {
	text-overflow: ellipsis;
    word-wrap: nowrap;
    overflow: hidden;
    width: 290px;
}

/* got button */
.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(204, 204, 204, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top span.ui-icon {margin: 8px auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 5px;
    bottom: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 30px;
    width: 30px;
    right: 10px;
    bottom: 10px;
  }
}

/* ACTION BAR */
.action-bar-buttons-div {
	margin: 5px auto 10px auto;
	background: #f5f5f5;
	padding: 20px;
	border: 0;
	text-align: center;
}
.action-bar-buttons-div-nobg {
    margin: 5px auto 10px auto;
    border: 0;
    text-align: center;
}
.action-bar-buttons{
  display: inline-block;
  vertical-align: top;
  min-width: 60px;
  line-height: 35px;
  padding: 0 20px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #8c96a4;
  border: 1px solid;
  border-color: #8c8f9a #78828b #6e6e6e;
  background-image: -webkit-linear-gradient(top, #a9b5c4, #848d9b 90%);
  background-image: -moz-linear-gradient(top, #a9b5c4, #848d9b 90%);
  background-image: -o-linear-gradient(top, #a9b5c4, #848d9b 90%);
  background-image: linear-gradient(to bottom, #a9b5c4, #848d9b 90%);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 0 1px 1px rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 0 1px 1px rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.action-bar-buttons:first-child {
  border-radius: 3px 0 0 3px;
}
.action-bar-buttons:last-child {
  border-radius: 0 3px 3px 0;
}
.action-bar-buttons:only-child {
  border-radius: 3px;
}
.action-bar-buttons + .action-bar-buttons {
  position: relative;
  margin-left: -1px;
}
.action-bar-buttons:active {
  background: #848d9b;
  border-color: #6e6e6e #78828b #78828b;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.3);
}
.action-bar-buttons-selected {
  background: #b1c5da;
}
a.action-bar-buttons:hover {
  background: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
}
/* END ACTION BAR */

.valuta-div {white-space: nowrap;margin: 1px 2px;}

.table-top-border td{border-top: 2px solid #000}

.textbold {font-weight: bold}
.textitalic {font-weight: italic}
.border {border: 1px solid #ccc}

.rowreduced [class^="col"] {margin: 0.2rem 2%;}

.likecell, .likecell img {
	white-space: nowrap;
	vertical-align: middle;
}

.alert-border-red {border: 2px solid #F00 !important;}
.alert-border-green {border: 2px solid #23B823 !important;}
span.alert-border-red, span.alert-border-green {padding: 1px}

span.input_date {display: inline-block; padding: 1px; height: 19px}
span.input_date_border {
	display: inline-block; 
	text-align: left;
	padding: 1px; 
	height: 19px;
	width: 80px; 
	border: 2px solid transparent;
}

.alert-div-box {
	position: relative;
    padding: .75rem 1.25rem;
    margin: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-info {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.oneline-textarea {
	min-height: 1em;
	height: 1.8em;
}

.tablerow-separator, .tablerow-separator > td {border-top: 2px solid black;}

.textcolumn {min-width: 250px}

.push-right {float:right}
.row_form form > div{float:left} 
.fixed_select select {width: 200px}

.rownomargin [class^="col"] {margin: 0}
.inputdatecolumn {min-width: 75px}

.textline {
   -webkit-text-decoration-line: line-through; /* Safari */
   text-decoration-line: line-through; 
}

.context-menu-buttons {
	white-space:nowrap;
	float: right;
	visibility: hidden;
}

div:hover > .context-menu-buttons, td:hover > .context-menu-buttons {
	visibility: visible;
}

.title-vcenter {
	vertical-align: middle;
	font-size: 150%;
	font-weight: bold;
}
.simple-info-box {
	text-align: right;
	font-weight: italic
}

.cellcolor-yellow {background-color: #fcea60 !important}
.cellcolor-yellow-light {background-color: #ecfc6f !important}
.cellcolor-viola {background-color: #f2c7e4 !important}

.datecolumn {width: 100px}

.greencheck:after {
	content: "\2713";
	color: #0f0;
	margin-left: 2px;
}

.disabled {opacity: 0.3}
.obsolete {opacity: 0.6;text-decoration: line-through;}

.postpac_table {border-spacing: 0;border-collapse: none;}
.postpac_cell1 {
	border: 1px solid #000;
	text-align: center;
	background-color: #cccccc;
}
.postpac_cell2 {
	border: 1px solid #000;
	text-align: center;
	background-color: #d8e8f5;
}
.postpac_cell3 {
	border: 1px solid #000;
	text-align: center;
	background-color: #deecd6;
}

.postpac_top {border-top-width: 2px}

.text-top-left {position:0;}
.text-grey {color:#797777}
.table-width-min {width: auto}

.border-bottom, .border-bottom td {border-bottom: 1px solid #000}
.border-top, .border-top td {border-top: 1px solid #000}
.border-left, .border-left td {border-left: 1px solid #000}
.border-right, .border-right td {border-right: 1px solid #000}
.disabled-bg {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAP37t37z4gsBhJQUlJihAvCBECKwILIAmBBdAGQIADyYhOflOa3AAAAAABJRU5ErkJggg==");
	background-color: rgba(150, 0, 0, 0.3) !important;
}

.fixedheader th {
	position: sticky;
	top: 0;
	z-index: 10;
}
.info-icon:after{content: '⇪'}

.scrollable-error-container {
	max-height: 200px;
	overflow: auto;
}

.border-bottom-large, .border-bottom-large td {border-bottom: 2px solid #000 !important}