@charset "utf-8";
/* CSS Document */

.panelTitle {
  margin: -4px -4px 0 -4px;
  padding:4px;
  background-color:#336699;
  color:white;
  font-weight: bold;
}
.panelTitle .sx {
  float:left;
  cursor:pointer;
}
.panelTitle .dx {
  float:right;
  cursor:pointer;
}
.panelContent {
  border:0px;
  border-top:none;
  padding-top:5px;
}

.riquadroSchedaCliente{
  border: 1px solid;
  margin: 4px;
  padding: 4px;
  background-color: white;
}

.formTable th {
  background-color:#F9A509;
}
.formTable td.title {
  font-size:12px;
}
.clickableTab {
  background-color:#82DCA2;
  border:1px solid black;
  padding:2px;
  margin:2px;
  cursor:pointer;
  color: black;
}
.tabSelected {
  background-color:#FFFFFF;
  border:1px solid #black;
  border-bottom:none;
  cursor:default;
}
.dato	{
  border:1px solid black;
}
thead th {
  padding:4px;
  background-color:#CCC;
}
tbody tr td {
  padding-left:4px;
  padding-right:4px;
  font-size:9px;
}

 .noEffect td{
  font-size:12px;
}
input, select, textarea {
  font-size:9px;
}
.panelContent a{
  background-image:none!important;
}

input[disabled],
select[disabled]
{
  color: black;
}


/************************************/
/***** tabs scheda cliente main *****/

.crmTabsWrapper.ui-tabs {
  /* padding: 0.2em; */
  position: unset;
  border: 0 none;
}

.crmTabsWrapper.ui-tabs .ui-tabs-nav
{
  background-color: white;
  background: white;
  border: 0 none;
  margin: 0;
  padding: 0 0 0 8px;
}
.crmTabsWrapper.ui-tabs .ui-tabs-nav li {
  border-top: 1px solid #405F80;
  border-right: 1px solid #405F80;
  border-left: 1px solid #405F80;
  border-bottom: 0 none;
  float: left;
  list-style: none outside none;
  white-space: nowrap;
}
.crmTabsWrapper.ui-tabs .ui-tabs-nav li a,
.crmTabsWrapper.ui-tabs .ui-tabs-nav li a:hover
{
  background-color: #EFEFEF;
  color: #336699;
  float: left;
  padding: 3px 8px;
  font-size: 8pt;
  font-family: verdana;
  text-shadow: none;
}
.crmTabsWrapper.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.crmTabsWrapper.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover,
.crmTabsWrapper.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.crmTabsWrapper.ui-tabs .ui-tabs-nav li.ui-state-processing a
{
  background-color: #336699;
  color: #EFEFEF;
  cursor: text;
}
.crmTabsWrapper.ui-tabs .ui-tabs-nav li a,
.crmTabsWrapper.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
  cursor: pointer;
}

.crmTabsWrapper.ui-tabs .ui-tabs-panel {
  background: white;
  color: black;
  padding: 4px;
  border: 1px solid;
  /*
  position: relative;
  top: -1px;
  z-index: 0;
  */
}
.crmTabsWrapper.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/***** tabbed panels *****/
/*************************/

/**
 * Analoghi agli stili #pageContent definiti in style.css; usando #pageContent
 * invece di questo i link contenuti ereditano anche (#pageContent a), di cui
 * diventa difficile fare l'override (cioe', in pratica, ci si ritrova con tutti
 * i link scritti in arancione)
 */
#pageContentCrmId
{
  background-color: #FFF;
/*  margin: 24px 8px 8px 176px;*/
  margin: 24px 8px 8px 8px;
  min-height:500px;
  min-width: 832px;
}

.pageContentCrmClass a
{
  cursor: pointer;
  /* color: #18578D; */
}

#pageContentCrmId .tablesorter>thead>tr>th
{
  text-align: center;
  vertical-align: middle;
}
#pageContentCrmId .tablesorter>thead>tr>th
{
  font-weight: bold;
}
#pageContentCrmId .tablesorter>tbody>tr>td.errorMsg
{
  text-align: left;
  color: red;
  font-weight: bold;
}