#pant1{
	background:blue;
}
#pant2{
	background: red;
}
html, body, .container, section {
    width: 100%;
    padding: 0px;
}
body {
  margin: 0!important;
  padding: 0!important;
  min-height: 100%;
  -webkit-touch-callout: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  font-family: Arial, Verdana, sans-serif;
  color: #6F7072;
}

a{
	color: #6F7072;
	font-size:14px;
}
h2.arq-title {
	display:none;
}
body header {
  width: 100%;
  z-index: 99; 
  top:0px;
}
body header #mainNav {
  height: 100%;
  background: #c21b17;
  float: left;
  position: relative; 
}
body header #mainNav span {
  font-size: 25px;
  line-height: 2.4em;
  color: white;
  text-align: center;
  display: block; 
}
body header #topBar {
  float: left;
  position: relative; 
}
body header #topBar a {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 15px;
  padding-right: 230px; 
}
body header #topBar a .icon-chevron-left {
  font-size: 25px;
  line-height: 2.4em;
  color: white;
  display: block; 
}
body header #topBar .title {
  line-height: 3.6em;
  color: white;
  text-align: left;
  display: block;
  text-indent: 39px;
  font-size: 16px; 
}
body header #topBar #logoDetail {
  position: absolute;
  top: 5px;
  right: 9px; 
}
body header #mainNav span {
  font-size: 25px;
  line-height: 2.4em;
  color: white;
  text-align: center;
  display: block;}
  @media (min-width: 1024px){
    body header #mainNav span{
      display: none;
    }
  }
#form1{
	padding-top: 0px;
}
/*** FORMNAVIGATION ***/
/*#formNavigation{
	top: 98px;
    position: relative;
}*/
.ui-messages ul {
    margin: 0 25px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
/** Messages inside de screen, ex: Reporting **/
.insideMessages{
	padding: 8px;
    margin-top: 50px;
    display: inline-block;
}
.insideMessages .txt{
	width: 85%;
    padding-left: 5px;
    font-weight: bold;
}
.insideMessages .ui-messages-info .txt{
	color: #3a87ad;
}
.insideMessages .ui-messages-error .txt{
	color: #b94a48;
}
.insideMessages .txtOther{
	padding-left: 35px;
}
.insideMessages .ui-messages-info,.insideMessages .ui-message-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}
.insideMessages .ui-messages-error,.insideMessages .ui-message-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.insideMessages .ui-messages-info,.insideMessages .ui-messages-warn,.insideMessages .ui-messages-error,.insideMessages .ui-messages-fatal {
    border: 3px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 10px;
}

/** Messages: ERROR **/
.ui-messages .ui-messages-error{
	margin:0px;
}
.ui-messages .ui-messages-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    border: 2px solid;
    margin: 10px;
}
.ui-messages .ui-messages-error .ui-messages-error-icon{
    color: #b94a48;
    font-size:22px;
}
.ui-messages .ui-messages-error .ui-messages-error-summary{
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
	font-weight: bold;
	margin-left: 10px;
}
/** Messages: OK **/
.ui-messages .ui-messages-ok{
	margin:0px;
}
.ui-messages .ui-messages-ok {
    color: #008000;
    background-color: #d6f8db;
    border-color: #d6f8db;
    border: 2px solid;
    margin: 10px;
}
.ui-messages .ui-messages-ok .ui-messages-ok-summary{
    color: #008000;
    background-color: #d6f8db;
    border-color: #008000;
	font-weight: bold;
	margin-left: 10px;
}
.ui-panelgrid td .ui-messages span.ui-messages-error-summary,.ui-panelgrid td .ui-messages span:first-child.ui-messages-error-summary{
	white-space:normal;
    font-weight: bold;
    padding:0px;
}

/*** COMPONENT HEADERBUTTON ***/
#top{
	width: 100%;
    position: fixed;
    top: 0px;
    z-index: 99;
}
#top #dialogHeader{
	position: fixed;
	width: 100%;
	z-index: 99;
}
#top .row{
	width: 100%;
	height: 58px;
	margin: 0px;
	background: #c21b17;
	border-bottom: 2px solid #FFFFFF;
}
#top .headerButton{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 80%;
}

/***** COMPONENT HEADERUSER *****/
.headerUser{
	background-color:  #6F7072;
	height: 3.3em;
	z-index: 99;
}
.headerUser.ui-panel.special{
	margin-top: 38px;
}
.headerUser.ui-panel{
	margin:0;
	width:100%;
	padding:0em;
}
.headerUser.ui-panel .ui-panel {padding:0em;}
.headerUser.ui-panel .ui-panel-content{
	padding: 0px;
	height: 3.2em;
}
.headerUser.dialogMode{
	position:fixed;
	top:98px;
}
.headerUser .headerColors{
	width: 0.5em;
    float: left;
    height: 3.2em;
}
.headerUser .headerTxt .ui-panel-content{
	display: flex;
    display: -webkit-flex;
}
.headerUser .headerTxt .actionBigZone{
	order: 1;
    height: 50px;
    -webkit-order: 1;
    -webkit-flex: 5;
    flex: 5;
}
.headerUser .headerTxt .actionBigZone .noActionHeader{
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.headerUser .headerTxt .actionBigZone a{
	display: flex;
    display: -webkit-flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.headerUser .headerTxt .actionIconZone{
	order: 1;
    -webkit-order: 1;
    -webkit-flex: 1;
    flex: 1;
}
.headerUser .headerTxt .actionSmallZone{
	order: 2;
    height: 50px;
    -webkit-order: 2;
    -webkit-flex: 1;
    flex: 1;
}
.headerUser .headerTxt .actionSmallZone .actionIconZone{
	float: right;
}
.headerUser .headerTxt .actionBigZone .actionIconZone{
	float: left;
}
.headerUser .headerTxt .actionBigZone .actionTxtZone{
    order: 2;
    -webkit-order: 2;
    -webkit-flex: 3;
    flex: 3;
    margin: 5px;
}
.headerUser .headerTxt .actionBigZone .actionTxtZone span, .headerUser .headerTxt .actionBigZone .actionIconZone span{
    color: white;
    display: inline-block;
}
.headerUser .headerTxt span.icons.icon-chevron-down, .headerUser .headerTxt span.icons.icon-chevron-up{
	font-size: 17px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    width: 27px;
    margin-top: 5px;
}
.headerUser .headerTxt span.icons{
	font-size:30px;
	color:#FFFFFF;
}

.headerUser .headerTxt .actionBigZone .actionIconZone span.icons, .headerUser .headerTxt .actionSmallZone span.icons{
	padding: 10px;
	display: inline-block;
}
.headerUser .headerTxt span{
	padding-left:10px;
}

.headerUser .ui-panelgrid .ui-panelgrid-header tr.ui-widget-header td.redZone{
    border: 0;
}
.headerUser .ui-panelgrid .ui-panelgrid-header tr.ui-widget-header td.redZone:before {
    content: '';
    width: .5em;
    position: relative;
    /*top: 58px;*/
    left: 0px;
    bottom: 0;
    background-color: #c21b17;
    height: 1.5em;
    float: left;
}
.headerUser .ui-panelgrid .ui-panelgrid-header tr.ui-widget-header td.lightZone{
    border: 0;
}
.headerUser .ui-panelgrid .ui-panelgrid-header tr.ui-widget-header td.lightZone:before {
    content: '';
    width: .5em;
    position: relative;
    /*top: 5.1em;*/
    left: 0;
    bottom: 0;
    background-color: #e9573d;
    height: 1.1em;
    float:left;
}
.headerUser .ui-panelgrid .ui-panelgrid-header tr.ui-widget-header td.darkZone{
    border: 0px;
}
.headerUser .ui-panelgrid .ui-panelgrid-header tr.ui-widget-header td.darkZone:before {
    content: '';
    width: .5em;
    position: relative;
    /*top: 6.2em;*/
    left: 0;
    bottom: 0;
    background-color: #752127;
    height: 0.6em;
    float: left;
}
.headerUser .ui-negocio-panel .ui-widget-header {
    text-align: left;
    border: 0px;
    background: #6F7072 none repeat scroll 0% 0%;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}

.ui-commandlink{
	color: #6F7072;
	font-weight: bold;
}

#agendaMediadorContent{
	width: 100%;
	position: absolute;
	/*top: 56px;*/
}
.graySpaceContent{
	margin-top:50px;
	width:100%;
}
#sidebarHeader{
	height: auto;
	float: left;
	margin: 0px;
	width: 100%;
}
#sidebarHeader .primary{
	background: #C21B17;
	margin: 0px;
	float:left;
	width: 100%;
}
#sidebarHeader .secundary{
	border-bottom: 3px solid #808080;
	margin: 0px;
	width: 100%;
	padding: 7px;
	float: left;
	font-weight: bold;
}
#formNavigation\:flowMessages {
    margin-top: 60px;
}
#iconNavSidebar{
	width: 20%;
	height: 100%;
	float:left;
	padding: 6px 3px;
}
#iconNavSidebar a{
	text-decoration: none;
	font-size: 2em;
	color: #FFF;
}
#iconNav{
	width: 20%;
	height: 100%;
	float:left;
}
#iconNav a{
	text-decoration: none;
	font-size: 1.6em;
	color: #FFF;
	padding: 15px;
	position: absolute;
}
#titleNav{
	width: 60%;
	float: left;
	padding-top: 15px;
	height: 100%;
}
#titleNavSidebar{
	width: 60%;
	float: left;
	padding-top: 5px;
	height: 100%;
}
#titleNav .backLink{ 
	width:10%;
	float:left;
}
#titleNav .titleLink{ 
	width:90%;
	float:left;
}
#titleNav span{
	color: #FFF;
	font-size: 1.3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
}
#titleNavSidebar span{
	color: #FFF;
	font-size: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
#logoBar, #logoBarSidebar{
	width: 20%;
	height: 100%;
	float: left;
}
#logoBar #search, #logoBar #edit{
	padding-right:10px;
	text-align: right;
	margin: 5px;
}
/*** Main content zone float ***/

.mainContent, .ui-panel.mainContent, .ui-panelgrid.mainContent, .ui-tabs.mainContent, .ui-datatable.mainContent, .ui-edit.mainContent{
	width: 100%;
	height: 100%;
	margin-top: 50px;
}
.ui-accordion .ui-accordion-content .ui-datalist, .ui-tabs .ui-tabs-panel .ui-datalist, .ui-datalist.ui-datatable-buscartable{
	top:0px;
}
.ui-datalist{
	/*position:relative;
	top:50px;*/
}
.ui-datalist .ui-datalist-header.ui-widget-header {
    border-bottom: 0px none;
    padding: 0px;
}
/*** Color font of all the main app ***/
.ui-panelgrid tbody td span{
	color: #6F7072;
}

/*** MultipleDatalist: special panelgrid to allow to put multiple datalist inside***/
.ui-panelgrid.ui-datatable-multipleDatalist{
	position: relative;
    top: 50px;
}
.ui-panelgrid.ui-datatable-multipleDatalist tbody td{
	border-style: none;
    padding: 0px;
    border-width: 0px;
    border-bottom: 0px;
}
.ui-panelgrid.ui-datatable-multipleDatalist .ui-datalist{
	top:0px;
}

/*** exceptions ***/
.ui-panelgrid.ui-datatable-dcontacto2.mainContent, 
.ui-datalist.ui-datatable-med.mainContent, 
.ui-datatable.ui-datatable-personalizacion.mainContent, 
.ui-panelgrid.ui-datatable-perscom.mainContent,
.ui-tabs.mainContent{
	height:auto;
}

.ui-tabs.fixedContent{
	/*position: fixed;*/
}

.dashboardPager{
	width: 100%;
	position: absolute;
	top: 350px;
	margin: 0 auto;
	text-align: center;
}
body .container { padding: 0px; }
#bodyContent{
	width: 100%;
    height: 100%;
    position: absolute;
}
span{font-size:14px;}
input, textarea, select{-webkit-appearance: none;
    border-radius: 3px;}
select {
  position: relative;
  border: 1px solid #ccc;
  padding: 4px;
  overflow: hidden;
  height: 35px;
  -webkit-appearance: menulist-button;
}
select:hover{
	background-color: #ddd;
}
.arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 173.2px 100px 0 100px;
	border-color: #6f7072 transparent transparent transparent;
}
.buscar {
-webkit-appearance: menulist-button;
/*background-image: url("") no-repeat -64 -16;*/

}
select.buscar::after {
    content: 'eiiii';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #FF0000 transparent transparent transparent;
    z-index: 100;
    pointer-events: none;
  }
/******************************** ICON **************************************/
header a [class^="icon-"],header a [class*=" icon-"]{
	color: white;
}
a [class^="icon-"], a [class*=" icon-"]{
	color: #6F7072;
}
.box [class^="iconGen-"], .box [class^="icon-"]{
	font-size: 25px;
}
.ui-datatable-ficha [class^="iconGen-"]{
	font-size:35px;
	white-space: pre;
}
/***** icon remove ****/
.icon-remove.ui-button, .ui-menubutton .ui-button {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.icon-remove.ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.icon-remove.ui-button.ui-state-default span{
	padding:0px;
}

.icon-remove.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}

/*** icon remove 2 ***/
.icon-remove2.ui-button.ui-state-default.greyIcon {
	padding-left: inherit;
	width: 43%;
	height: 50px;
}

.icon-remove2.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}

.icon-remove2.ui-button.ui-state-hover {
	background-color: #6F7072;
}

/*** icon ok ***/

.icon-ok.ui-button, .ui-menubutton .ui-button {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.icon-ok.ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.icon-ok.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}

/*** icon ok 2 ***/
.icon-ok2.ui-button.ui-state-default {
	background-image: -webkit-linear-gradient(top, #D6E8CA, #009326);
	color: #ffffff;
	font-size: 16px;
	padding-left: inherit;
	width: 43%;
	height: 50px;
}

.icon-ok2.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}

.icon-ok2.ui-button.ui-state-hover {
	background-color: #009326;
}

.icon-ok2 {
	vertical-align: -60% !important;
	font-size: 25px;
}

/*** icon search ***/

#top .icon-search.ui-button.ui-state-default {
	width: 100%;
	height: 61px;
	border-radius:0px;
}
#top .map.ui-button.ui-state-default {
    width: 100%;
    height: 60px;
    border-radius: 0px;
}
/*#top .icon-search.ui-button.ui-state-hover {

	background: #C6C6C6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C6C6C6), to(#6F7072));
	background: -webkit-linear-gradient(#C6C6C6, #6F7072);
	background: -moz-linear-gradient(#C6C6C6, #6F7072);
	background: -ms-linear-gradient(#C6C6C6, #6F7072);
	background: -o-linear-gradient(#C6C6C6, #6F7072);
	background: linear-gradient(#C6C6C6, #6F7072);
}*/

.icon-search {
	vertical-align: -60% !important;
	font-size: 25px;
	padding-left: 2.8%;
}
/*.icon-search.ui-button.ui-state-default, .button-withIcon.ui-button.ui-state-default {
	width: 100%;
}*/
.button-withIcon.ui-button.ui-state-default {
	width: 100%;
}
.icon-search.ui-button, .ui-menubutton .ui-button, .button-withIcon.ui-button {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.icon-search.ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.icon-search.ui-button .ui-button-text, .button-withIcon.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
	color: #FFFFFF;
}

button.icon-search.ui-button.ui-state-default, button.button-withIcon.ui-button.ui-state-default {
    height: 50px;
}
button.icon-search.ui-button.ui-state-hover, button.button-withIcon.ui-button.ui-state-hover {
	background-color: #6F7072;
}
.icon-chevron-left.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}
.icon-chevron-left.ui-button.ui-state-default {
	font-size: 16px;
	padding-left: inherit;
	width: 200px;
	height: 40px;
}
.icon-trash.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}
.icon-trash.ui-button.ui-state-default {
	background: #c21b17;
	color: #ffffff;
	font-size: 16px;
	padding-left: inherit;
	width: 200px;
	height: 40px;
}
.icon-exchange.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}
.icon-exchange.ui-button.ui-state-default {
	background: #FC8E00;
	color: #ffffff;
	font-size: 16px;
	padding-left: inherit;
	width: 200px;
	height: 40px;
}


/*** Display div inline horizontal ***/
.displayHorizontal{
	position: relative;
	margin: 15px auto;
	left: 6%;
}
.displayHorizontal button{
	float:left;
}

/*** icon plus ***/
.icon-plus.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
	font-weight:bold;
}
.icon-plus.ui-button{
	width:50%;
}
.icon-plus {
	vertical-align: -60% !important;
	font-size: 25px;
	padding-left: 2.8%;
}

.icon-plus2.ui-button.ui-state-default {
	width: 43%;
	height: 50px;
}

.icon-plus2.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}


.icon-plus2 {
	vertical-align: -60% !important;
	font-size: 25px;
	padding-left: 2.8%;
}
.iconGen-geo{
	font-size: 32px;
}

/** icon link **/
.iconGen-link.ui-button.ui-state-default {
	width: 70%;
	float: none;
}
.iconGen-link.ui-button.ui-state-default span, .iconGen-link.ui-button.ui-state-hover span {
	font-weight: bold;
}
.iconGen-link.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}

.iconGen-link.ui-button.ui-state-hover {
	background-color: #6F7072;
}

.iconGen-link {
	vertical-align: -60% !important;
	font-size: 25px;
	padding-left: 2.8%;
}

/** icon business **/
.iconGen-business.ui-button.ui-state-default {
	background-image: -webkit-linear-gradient(top, #EAEAEA, #6F7072);
	color: #FFF;
	font-size: 16px;
	padding-left: inherit;
	width: 50%;
	height: 60px;
	float: none;
}
.iconGen-business.ui-button.ui-state-default span, .iconGen-link.ui-button.ui-state-hover span {
	font-weight: bold;
}
.iconGen-business.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}

.iconGen-business.ui-button.ui-state-hover {
	background-color: #6F7072;
}

.iconGen-business {
	vertical-align: -60% !important;
	font-size: 25px;
	padding-left: 2.8%;
}
/** icon phone **/
.icon-phone, .iconGen-email, .iconGen-link{
	color: #6F7072;
	text-align: right;
	padding-right: 5px;
	float: right;
}
.icon-phone{
	padding-right: 11px;
}

.iconGen-geo{
	float: right;
	padding-right: 10px;
}
.iconicIcon [class^="path"]{
	font-size: 30px; 
	color: #6F7072; 
	padding-left: 0px; 
	position: relative;
}

.iconicIcon{
	font-size: 30px;
}

.iconGen-edit.ui-button.ui-state-default {
	background-image: -webkit-linear-gradient(top, #EAEAEA, #6F7072);
	color: #ffffff;
	font-size: 16px;
	padding-left: inherit;
	width: 85%;
	height: 60px;
}

.iconGen-edit.ui-button .ui-button-text {
	display: inline-block;
	line-height: 1.4;
}

.iconGen-edit.ui-button.ui-state-hover {
	background-color: #6F7072;
}

.iconGen-edit {
	vertical-align: -25px;
	padding-left: 2.8%;
	color: #FFFFFF;
}
.icon-search.ui-button, .ui-menubutton .ui-button {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

/******************************** TABLES ************************************/


.table{
	background: #6F7072;
}
/*** DataList ***/

.ui-datalist-data{
	list-style:none;
	padding: 0px;
	margin: 0px;
}

/** Especial style for addnewItem inside a row **/
.ui-panelgrid.ui-edit tbody tr.addNewElement{
	background-color: #BDBDBD
}
.ui-panelgrid.ui-edit tbody tr.addNewElement td a{
	text-align: right;
	display: inline-block;
    width: 100%;
}
.ui-panelgrid.ui-edit tbody tr.addNewElement td a span{
    font-size: 30px;
}
.ui-datalist-data .newItem {
	background-color: #E6E6E6;
}
.ui-datalist-data .newItem span[class*=" icon-"]{
	color: #c21b17;
}
.ui-datalist-data .bigZone {
	padding: 8px 15px 8px 15px;
	width: 90%;
	border-bottom: 1px solid #C6C6C6;
	border-width: 1px 0px;
	height: 49px;
	float: left;
	border-top:0px;
}
.ui-datalist-data .dayHeader .bigZone, .ui-datalist-data .dayHeader .smallZone, 
.ui-datalist .dayHeader .bigZone, .ui-datalist .dayHeader .smallZone{
	background: #E6E6E6;
    text-align: left;
    padding: 10px 3px;
}
.ui-datalist-data .bigZoneWithIcon {
	padding: 8px 0px;
    width: 80%;
    border-bottom: 1px solid #C6C6C6;
    border-width: 1px 0px;
    height: 49px;
    float: left;
    border-top:0px;
}
.ui-datalist-data .bigZoneWithIcon.withActions {
	width: 60%;
    background: #F6F6F6;
    margin: 5px 0px;
    border: 0px;
}
.ui-datalist-data .bigZoneWithIcon.swipeLeftStyle, .ui-datalist-data .iconZone.swipeLeftStyle, .ui-datalist-data .smallZone.swipeLeftStyle{
    background: #C6C6C6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E7E6E6), to(#C6C6C6));
    background: -webkit-linear-gradient(#E7E6E6, #C6C6C6);
    background: -moz-linear-gradient(#E7E6E6, #C6C6C6);
    background: -ms-linear-gradient(#E7E6E6, #C6C6C6);
    background: -o-linear-gradient(#E7E6E6, #C6C6C6);
    background: linear-gradient(#E7E6E6, #C6C6C6);
}
.ui-datalist-data .bigZoneWithIcon.swipeLeftStyle a{
	padding-top: 8px;
    display: inline-block;
    text-decoration:none;
}
.ui-datalist-data .bigZoneWithIcon.multiple{
	width:70%;
}
.ui-datalist-data .smallZone {
	padding: 9px 0px;
    width: 10%;
    border-bottom: 1px solid #C6C6C6;
    border-width: 1px 0px;
    height: 49px;
    float: left;
    text-align: right;
    padding-right: 20px;
    border-top:0px;
}
.ui-datalist-data .smallZone.withActions{
	width: 40%;
    background: #F6F6F6;
    margin: 5px 0px;
    border: 0px;
}
.ui-datalist-data .smallZone.withActions a{
	width: 50%;
    display: inline-block;
    text-align: right;
    
}
.ui-datalist-data .smallZone .icon-download-alt{
	font-size: 24px;
}

.ui-datalist-data .iconZone {
	padding: 8px 0px;
    width: 10%;
    border-bottom: 1px solid #C6C6C6;
    border-width: 1px 0px;
    height: 49px;
    float: left;
    padding-left: 10px;
    border-top:0px;
}
.ui-datalist-data .iconZone.multiple{
    width: 20%;
    padding-left: 4px;
}
.ui-datalist-data .iconZone .icon-file{
	font-size: 22px;
}
.ui-datalist-data .bigZone span:first-child, .ui-datalist .bigZone span:first-child {
	padding-left:15px;
	white-space:pre;
	font-weight:bold;
}
.ui-datalist-data .bigZone span{
	padding-left:15px;
	font-weight:normal;
}
.ui-datalist-data .bigZoneWithIcon span:first-child {
	padding-left:15px;
	white-space:pre;
	font-weight:bold;
}
.ui-datalist-data .bigZoneWithIcon span{
	padding-left:15px;
	font-weight:normal;
}


/*** Main Editable table ***/
.ui-panelgrid.ui-edit tbody{
	padding:0px;
}
.ui-panelgrid.ui-edit tbody tr, .ui-panelgrid.ui-edit tbody td{
	/*padding:0px;*/padding: 8px 15px;
	border-color: #C6C6C6;
	border-width: 1px 0px;
}
.ui-panelgrid.headerTabSpecial .ui-panelgrid-cell {
    border-width: 0px;
    border-style: solid;
    border-color: inherit;
    padding: 8px 15px;
}
.ui-panelgrid.ui-edit tbody td select{
	width: 100%;
    margin: 5px 0px;
    height: 35px;
    background-color: #EAEAEA;
}
.ui-panelgrid.ui-edit tbody td span{
	white-space: pre;
}
.ui-panelgrid.ui-edit tbody td .ui-inputfield{
	width: 100%;
	/*background-color: #EAEAEA;*/
	height: 35px;
	margin: 5px 0px;
}
.ui-panelgrid.ui-edit tbody td .ui-panel .ui-panel-content{
	padding:0px;
	margin: 5px 0px;
}
.ui-panelgrid.ui-edit tbody td .ui-panel .ui-inputfield{
	width:50%;
	background-color: #EAEAEA;
	height: 35px;
}

/*** Dialog/popup content zone float***/
.ui-edit.dialogContent, .alert.dialogContent{
	width: 100%;
	height: 100%;
	/*margin-top: 37px;*/
	margin-top: 97px;
	position: relative;
    top: 0px;
}
/*** Dialog/popup content zone float with grayHeaderUser***/
.ui-edit.dialogContentWithHeaderUser, .alert.dialogContentWithHeaderUser{
	margin-top: 147px;
}

/*** Dialog/popup content zone float***/
.ui-edit.editContent{
	width: 100%;
	height: 100%;
	margin-top: 87px;
}

/*** Search list table ***/

.ui-datalist.ui-datatable-buscartable .ui-datalist-header{
	text-align: left;
    border-bottom: 2px solid #b12c1b;
    color: #b12c1b;
	font-weight: bold;
}
.ui-datalist.ui-datatable-buscartable .ui-datalist-header > span{
	padding: 0.6em 2.2em;
    display: block;
    text-align: left;
}

/*** Main Content Table ***/
.ui-datatable-dcontacto2.ui-datatable tbody td {
	padding: 0px 0px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 0px;
}

.ui-datatable-dcontacto2.ui-datatable tfoot td {
	padding: 0px 0px;
}

.ui-datatable-dcontacto2.ui-datatable thead {
	border: 0;
	border-bottom: 0px solid #b12c1b;
	/*display: none;*/
}
.ui-panelgrid .ui-panelgrid-header td{
	border-width: 0px;
    padding: 0px;
}
.ui-datatable-dcontacto2.ui-panelgrid tbody td.iconGen-profile_privacy,
.ui-datatable-dcontacto2.ui-panelgrid tbody td.iconGen-profile,
.ui-edit.ui-panelgrid tbody td.iconGen-profile_privacy {
	width: 5%;
    text-align: center;
    padding-left: 25px;
    color: #6F7072;
}
.ui-datatable-dcontacto2.ui-panelgrid tbody td.iconGen-profile_privacy span,
.ui-edit.ui-panelgrid tbody td.iconGen-profile_privacy span{
	padding:0px;
}
.ui-datatable-dcontacto2.ui-panelgrid td {
	border-width: 0px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-style: solid;
	border-color: #c6c6c6;
	padding: 8px 15px;
}
.ui-datatable-dcontacto2.ui-panelgrid thead td{
	padding: 0px;
    margin: 0px;
    border-top: 0px;
}
.ui-datatable-dcontacto2.ui-panelgrid td span:first-child{
    font-weight: normal;
    padding-left:14px;
}
.ui-datatable-dcontacto2.ui-panelgrid td span{
    font-weight: bold;
    padding-left: 15px;
	white-space: pre;
}
.ui-datatable-dcontacto2.ui-panelgrid td span.reportingIcons{
    display: block;
    width: 25px;
    padding: 0px;
    margin: 0px;
}
.ui-datatable-dcontacto2.ui-panelgrid td span.ellipsis {
    overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	white-space: normal;
}

.ui-datatable tbody td.bigZone {
	padding: 8px 0px 8px 15px;
	width: 90%;
	border-bottom: 1px solid #C6C6C6;
	border-width: 1px 0px;
}
.ui-datatable tbody td.bigZoneWithIcon {
	padding: 8px 0px 8px 12px;
	width: 80%;
	border-bottom: 1px solid #C6C6C6;
	border-width: 1px 0px;
}
.ui-datatable tbody td.smallZone {
	padding: 8px 0px;
	width: 10%;
	border-bottom: 1px solid #C6C6C6;
	border-width: 1px 0px;
}
.ui-datatable tbody td.iconZone {
	padding: 8px 0px 8px 30px;
	width: 10%;
	border-bottom: 1px solid #C6C6C6;
	border-width: 1px 0px;
}
.ui-datatable tbody td.bigZone span:first-child {
	padding-left:15px;
	white-space:pre;
	font-weight:bold;
}
.ui-datatable tbody td.bigZone span:first-child.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    white-space: normal;
}
.ui-datatable tbody td.bigZone span{
	padding-left:15px;
	font-weight:normal;
}
.ui-datatable tbody td.bigZoneWithIcon span:first-child {
	padding-left:15px;
	white-space:pre;
	font-weight:bold;
}
.ui-datatable tbody td.bigZoneWithIcon span{
	padding-left:15px;
	font-weight:normal;
}
.ui-panelgrid td .sinisterStates span {
    font-weight: normal;
    padding: 0px;
}
.ui-panelgrid td .sinisterStates .iconState{
	width: 10%;
	float:left;
}
.ui-panelgrid td .sinisterStates .txtState{
	margin: 7px;
}
.ui-panelgrid td .sinisterStates .txtState span{
	font-weight: bold;
	margin-left: 10px;
}
.ui-datatable .ui-datatable-header {
    text-align: left;
    padding: 0.6em 1.1em 0.3em 1.1em;
    color: #b12c1b;
    font-weight: bold;
}
.ui-datatable thead tr:last-child th, .ui-datatable thead tr:last-child th.ui-state-default {
	display:none;
}

/*** Directions table ***/
.ui-datatable-dir.ui-datatable .ui-datatable-header{
	padding:0px;
}
.ui-datatable-dir .ui-datatable-data tbody td span:first-child{
    font-weight: normal;
}
.ui-datatable-dir .ui-datatable-data tbody td span{
    font-weight: bold;
    padding-left: 15px;
    font-size: 14px;
	white-space: pre;
}
.ui-datatable-dir .ui-datatable-data tbody td span.iconicIcon{font-size:30px;}
.ui-datatable-dir .ui-datatable-data tbody td span.iconicIcon.iconGen-geo{font-size:32px;}
.ui-datatable-dir.ui-datatable tbody td {
  padding: 0px 0px;
  border-width: 0;
  border-top: 0px solid #c6c6c6;
  border-bottom: 0px solid #c6c6c6;
}
.ui-datatable-dir.ui-datatable thead {
	border: 0;
	border-bottom: 0px solid #b12c1b;
}

.ui-datatable-dir.ui-datatable thead th, .ui-datatable tfoot td {
  padding: 0px 0px;
}

.ui-datatable-dir .ui-datatable-direcc.ui-panelgrid td {
    border-right-width: 0px;
    border-left-width: 0px;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: inherit;
    border-left-color: inherit;
    padding: 8px 15px;
    text-align: left;
}

.ui-datatable-dir .ui-paginator {
    text-align: left;
    padding: 7px;
    margin-bottom: 0px;
}

.ui-datatable-direcc.ui-datatable thead {
	border: 0;
	border-bottom: 0px solid #b12c1b;
	display: none;
}

.ui-datatable-direcc.ui-panelgrid .ui-panelgrid-header {
	text-align: left;
}

.ui-datatable-direcc .ui-widget-header {
	border: 1px solid #c6c6c6;
	background: white;
	border-bottom: 3px solid black;
	font-weight: bold;
}


/*** Mediator table ***/

.ui-datalist.ui-datatable-med .ui-datalist-header, .ui-datalist .ui-paginator{
	background: #ffffff;
}
.ui-datalist.ui-datalist-headerGray .ui-datalist-header {
    padding: 0.6em 0px;
    font-size: 14px;
    padding-left: 12px;
    color: #6F7072;
    font-weight: bold;
    border-bottom: 1px solid #C6C6C6;
    text-align: left;
    background-color: #E6E6E6;
}
.ui-datalist.ui-datatable-med .ui-datalist-header {
	padding-top: 1.6em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	font-size: 14px;
    padding-left: 30px;
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid;
    text-align:left;
}

/*** Personalitzation table ***/
.ui-datatable-personalizacion .ui-chkbox-all {
	display: none !important;
}
/* .ui-datatable-personalizacion .ui-widget-header { */
/*   text-align: left; */
/*   border: 0px solid #c6c6c6; */
/*   background: grey; */
/*   font-weight: bold; */
/*   padding-top: 8px; */
/*   padding-bottom: 8px; */
/* } */
.ui-datatable-personalizacion.ui-datatable thead {
	border-bottom: 0px solid #b12c1b;
}
.ui-datatable-personalizacion.ui-datatable .ui-datatable-header{display:none;}

.ui-datatable-personalizacion.ui-datatable thead th,
	.ui-datatable tfoot td {
	padding: 0px 0px;
}
.ui-datatable-personalizacion .ui-datatable tbody tr{
	border-left: 0px;
	border-right: 0px;
	padding: 8px 0px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 0px solid #c6c6c6;
}

.ui-datatable-personalizacion.ui-datatable {
	margin-bottom: 0px;
	border-radius: 0px;
}

.ui-datatable-personalizacion.ui-panelgrid td {
	border-width: 0px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	border-style: solid;
	padding: 8px 15px;
}

/******************************** BUTTONS **************************************/
button span{
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}

.inputSearch {
	position: relative;
	width: 60%;
	text-align: center;
	margin: 0px auto;
	padding-top: 35px;
}
.inputSearch input{
	height:40px; 
	font-size:14px;
}
/** Button area **/
.buttonArea {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0px auto;
	padding: 20px 0px;
}
.buttonArea input{
	height:40px; 
	font-size:14px;
}
/** Button definitions for two buttons in the same buttonArea: one bigger than the other**/
.buttonArea .ui-button.ui-state-default.widthMainButton{
	width:60%;
}
.buttonArea .ui-button.ui-state-default.widthSecondaryButton{
	width: 35%;
    margin-left: 5px;
    height: 50px;
}

/*** button generic ***/
.ui-button.ui-state-default {
    background: #C6C6C6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C6C6C6), to(#6F7072));
	background: -webkit-linear-gradient(#C6C6C6, #6F7072);
	background: -moz-linear-gradient(#C6C6C6, #6F7072);
	background: -ms-linear-gradient(#C6C6C6, #6F7072);
	background: -o-linear-gradient(#C6C6C6, #6F7072);
	background: linear-gradient(#C6C6C6, #6F7072);
    color: #FFF;
    font-size: 16px;
    padding-left: inherit;
    width: 85%;
    height: 60px;
    border: 0px none;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;	
}
.ui-button.ui-state-default span{
	color: #FFFFFF;
}
.ui-button.ui-state-hover{
	background: #C6C6C6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C6C6C6), to(#6F7072));
	background: -webkit-linear-gradient(#C6C6C6, #6F7072);
	background: -moz-linear-gradient(#C6C6C6, #6F7072);
	background: -ms-linear-gradient(#C6C6C6, #6F7072);
	background: -o-linear-gradient(#C6C6C6, #6F7072);
	background: linear-gradient(#C6C6C6, #6F7072);
}

/** button green **/
.ui-button.ui-state-default.greenIcon {
	background: #008000 none repeat scroll 0% 0%;
	width: 100%;
	font-size: 15px;
	border-radius: 0px;
}
.ui-button.ui-state-hover.greenIcon{
	background: #008000 none repeat scroll 0% 0%;
}
.ui-button.ui-state-default.greenIcon.withBorder, .ui-button.ui-state-default.withBorder, .ui-button.ui-state-default.greyIcon.withBorder, .ui-button.ui-state-default.lightIcon.withBorder{
	border-radius: 5px;
	height:50px;
}
.ui-button.ui-state-default.greenIcon.withOutBorder, .ui-button.ui-state-default.withOutBorder, .ui-button.ui-state-default.greyIcon.withOutBorder, .ui-button.ui-state-default.lightIcon.withOutBorder{
	border: 0px;
    border-radius: 0px;
}
.ui-button.ui-state-default.greenIcon span{
	color: #FFFFFF;
	font-size: 15px;
}

/** button grey **/
.ui-button.ui-state-default.greyIcon {
    background: #C6C6C6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E7E6E6), to(#C6C6C6));
	background: -webkit-linear-gradient(#E7E6E6, #C6C6C6);
	background: -moz-linear-gradient(#E7E6E6, #C6C6C6);
	background: -ms-linear-gradient(#E7E6E6, #C6C6C6);
	background: -o-linear-gradient(#E7E6E6, #C6C6C6);
	background: linear-gradient(#E7E6E6, #C6C6C6);
	width: 100%;
	color: #808080;
	font-size: 26px;
	height: 60px;
	padding-left: 3px;
	border-radius:0px;
}
.ui-button.ui-state-hover.greyIcon{
	background: #C6C6C6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E7E6E6), to(#C6C6C6));
	background: -webkit-linear-gradient(#E7E6E6, #C6C6C6);
	background: -moz-linear-gradient(#E7E6E6, #C6C6C6);
	background: -ms-linear-gradient(#E7E6E6, #C6C6C6);
	background: -o-linear-gradient(#E7E6E6, #C6C6C6);
	background: linear-gradient(#E7E6E6, #C6C6C6);
}

/** button lightgrey **/
.ui-button.ui-state-default.lightGreyIcon {
    background: #BFBFBF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F1F1F1), to(#BFBFBF));
	background: -webkit-linear-gradient(#F1F1F1, #BFBFBF);
	background: -moz-linear-gradient(#F1F1F1, #BFBFBF);
	background: -ms-linear-gradient(#F1F1F1, #BFBFBF);
	background: -o-linear-gradient(#F1F1F1, #BFBFBF);
	background: linear-gradient(#F1F1F1, #BFBFBF);
	width: 100%;
	color: #000000;
	font-size: 26px;
	height: 60px;
	padding-left: 3px;
	border-radius: 5px;
    border: 2px solid #049BF3;
}
.ui-button.ui-state-default.lightGreyIcon span{
	color: #000000;
	font-size: 15px;
}
.ui-button.ui-state-hover.lightGreyIcon{
	background: #F1F1F1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BFBFBF), to(#F1F1F1));
	background: -webkit-linear-gradient(#BFBFBF, #F1F1F1);
	background: -moz-linear-gradient(#BFBFBF, #F1F1F1);
	background: -ms-linear-gradient(#BFBFBF, #F1F1F1);
	background: -o-linear-gradient(#BFBFBF, #F1F1F1);
	background: linear-gradient(#BFBFBF, #F1F1F1);
}

/*** Buttons for all their alone, not embed in the header***/
.ui-button.ui-state-default.greyIconAlone {

	border-radius:3px;
}
.ui-button.ui-state-default .ui-button-text {font-weight: bolder;}


/********************************* COMPONENT ************************************/
    
/*** SWICH  ***/
.switchGenerali.ui-inputswitch{
	display:inline-block;
	padding:0;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	height:30px;
	border: 1px solid #a8a8a8;
    background: #ffffff;
    border-radius:5px;
}
.switchGenerali.ui-inputswitch .ui-inputswitch-on,
.switchGenerali.ui-inputswitch .ui-inputswitch-off{
	white-space:nowrap;
	display:block;
	position:absolute;
	top:0;
	width:auto;
	overflow:hidden;
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	font-weight:bold;
	height:30px;
	padding-top:4px;
}
.switchGenerali.ui-inputswitch .ui-inputswitch-off{
	right:0;
	text-align:right;
	background:#c21b17;
}
.switchGenerali.ui-inputswitch .ui-inputswitch-off span{
	display:inline-block;
	text-align:center;
	padding-left:2px;
	padding-right:3px;
	color: #c21b17 !important;
}
.switchGenerali.ui-inputswitch .ui-inputswitch-on{
	left:0;
	padding-right:4px;
	border:0 none;
	background:green;
}
.switchGenerali.ui-inputswitch .ui-inputswitch-on span{
	display:inline-block;
	text-align:center;
	padding-left:3px;
	padding-right:2px;
	color: green !important;
}
.switchGenerali.ui-inputswitch .ui-inputswitch-handle{
	display:block;
	width:0;
	position:absolute;
	top:0;
	left:0;
	height:28px;
	border-top:0 none;
	border-bottom:0 none;
}
.switchGenerali.ui-inputswitch .ui-inputswitch-handle.ui-state-default {
    border: 1px solid #a8a8a8;
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
    border-radius:3px;
    background: #F6F6F6;
}
/*** PAGINATOR ***/
.ui-datatable .ui-paginator {
	background: grey;
	background: #ffffff;
}
.ui-paginator.ui-paginator-top select, .ui-paginator.ui-paginator-bottom select{
	height: 27px;
}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    margin-left: 1em;
    margin-right: 1em;
    background-image: none;
    height:25px;
}
.ui-paginator.ui-paginator-top .ui-paginator-current, .ui-paginator.ui-paginator-bottom .ui-paginator-current{
	padding: 5px 2px;
	margin: 0px 7px;
	color: #6F6F6F;
}
/*** CHECKBOX ***/
.ui-chkbox {
    display: inline-block;
    padding: 10px 10px 0px 0px;
}
.ui-chkbox .ui-chkbox-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 2px;
    background: #C6C6C6;
}
.ui-chkbox .ui-chkbox-box.ui-state-active{
	background:#C21B17;
	color:#FFFFFF;
	padding: 1px;
}
/*************************** COMPONENT PANELS *********************************************/

.ui-panel{width:100%;padding:0px !important; margin:0px !important;}
.ui-panelgrid{width:100%;}
.ui-panelgrid tbody td.withHighlight{
	padding-left: 15px;
    font-size: 15px;
    background: #EAEAEA;
} 
.ui-panel .withHighlight{
	padding-left: 15px;
    font-size: 15px;
    padding: 15px;
    width: 80%;
    float: left;
}
.ui-panelgrid tbody td.withHighlightAngle {
	font-size: 24px;
    background: #EAEAEA;
    text-align: right;
}
.ui-panel .withHighlightAngle{
	font-size: 24px;
    text-align: right;
    padding: 8px 15px;
    width: 20%;
    float: left;
    padding-right: 30px;
}
.ui-panelgrid tbody td.withHighlight span:first-child, .ui-panel .withHighlight span:first-child{
	font-weight:bold;
	margin-left:15px;
}

.ui-panel.noPadding{
	padding:0px;
	margin:0px;
}

.ui-panel.noPadding .ui-panel-content{
	padding:0px;
	margin:0px;
    height: 50px;
    background: #EAEAEA;
}
/* PanelContainer */
.ui-panel.panelContainer .ui-panel-content {
	padding: 0px;
}
.ui-panel.panelContainer .ui-panel-content .ui-accordion .ui-accordion-header{
	border-top: 0px;
	border-bottom: 1px solid #c6c6c6;
	padding: 18px;
}
/***  Apaños para mostrar o no el borde de arriba o abajo segun donde este posicionado el panel ***/
.showBorderTop{
	border-top: 1px solid #C6C6C6;
}
.ui-panel.noPadding.showBorderTop{
	border-top: 1px solid #C6C6C6;
}
.ui-panel.noPadding.showBorderBottom{
	border-bottom: 1px solid #C6C6C6;
}
.ui-panel .areaHighlight{
	text-decoration: none;
}

#formNavigation.ui-panel.ui-widget.ui-widget-content.ui-corner-all{
    background-color: #6F7072;
    margin-bottom: 2px;
}

/*** COMPONENT HEADERSECOND ***/

.ui-panel.headerSecond, .ui-panelGrid.headerSecond{
	background-color:  #EAEAEA;
	margin-bottom: 0px;  
	font-size: 14px; 
	font-weight: bold;
	padding-left: 15px;
	width: 100%;
	position:fixed;
	z-index: 99;
    top: 60px;
    height: 2.7em;
}

/*** COMPONENT HEADERCANCEL ***/

#top .headerCancel{
	position: absolute; 
	top: 0px; 
	left: 80%; 
	width: 20%;
}
#top .headerCancel.showAll{ 
	left: 0; 
	width: 100%;
}

/*** COMPONENT CUSTOM CALENDAR ***/
.customCalendar{
	width:100%;
}
.customCalendar .inputZone{
	width: 80%;
	display:inline-block;
}
.customCalendar .calendarZone{
	width: 20%;
	display:inline-block;
}

/*** COMPONENT titleGreenHeader ***/
.titleGreenHeader{
	background-color: #b0d384;
}
.titleGreenHeader span{
	padding: 10px 40px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.titleGreenHeader span.iconicIcon{
	padding: 0px;
}
.ui-panelgrid tbody tr.titleGreenHeader td span {
    color: green;
    font-weight: bold;
}

/*** COMPONENT titleRedHeader Reporting section***/
.titleRedHeader{
	background-color: #FEBEBE;
}
.titleRedHeader span{
	padding: 10px 40px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.titleRedHeader span.iconicIcon{
	padding: 0px;
}
.ui-panelgrid tbody tr.titleRedHeader td span {
    color: #c21b17;
    font-weight: bold;
}

/*** COMPONENT FORMPANEL ***/
.formPanel{
	width:100%;
	padding:10px;
}

/*** COMPONENT DATE DATAPICKER ***/
.ui-date .ui-button.ui-state-default, .ui-fecha .ui-button.ui-state-default {
	width: 10%;
	height: 2.0em;
	font-size: 14px;
	margin: 0px;
	border-radius: 0px 3px 3px 0px;
}
.ui-fecha-from .ui-button.ui-state-default, .ui-fecha-to .ui-button.ui-state-default {
	width: 18%;
	height: 2em;
	font-size: 14px;
	margin: 0px;
	border-radius: 0px 3px 3px 0px;
}

.ui-date .hasDatepicker.ui-inputfield.ui-widget, .ui-fecha .hasDatepicker.ui-inputfield.ui-widget {
	width: 90%;
	height: 2.0em;
	font-size: 14px;
	border-radius: 3px 0px 0px 3px;
}
.ui-fecha-from .hasDatepicker.ui-inputfield.ui-widget, .ui-fecha-to .hasDatepicker.ui-inputfield.ui-widget{
	width: 80%;
	height: 2.0em;
	font-size: 14px;
	border-radius: 3px 0px 0px 3px;
}

.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
	background: #FFFFFF;
	border-radius: 0px 3px 3px 0px;
}

.ui-datepicker-trigger.ui-button.ui-state-default .ui-icon {
	background-image: url("/dig_webChatWeb/mvc/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-generali-mobile&jcache=14f1b87ec71");
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker-header {
    background: #FFFFFF;
    color: #6F7072;
    font-weight: bold;
    line-height: 30px;
}
.ui-datepicker-calendar thead {
    background:#6F7072;
    color:#FFFFFF;
}
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker-title {
    text-align: center;
}

.hasDatepicker.ui-inputfield.ui-widget {
	width: auto;
	-webkit-border-radius: 3px 0 0 3px;
	   -moz-border-radius: 3px 0 0 3px;
	        border-radius: 3px 0 0 3px;	
}

/*** COMPONENT SELECTONEMENU ***/

.ui-panelgrid .ui-selectonemenu{
	display: inline-block;
	position: relative;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}
.ui-selectonemenu-panel{
	background:#FFFFFF;
}

/*** COMPONENT NOTIFICATIONS ***/
#noti_Container {
	position: relative; 	/* This is crucial for the absolutely positioned element */
	width: 35px;
	margin: 0 auto;
}
.noti_bubble{
	position: absolute; 	/* This breaks the div from the normal HTML document. */
	top: -6px;
	right: -20px;
	padding: 1px 5px 1px 5px;
	color: white;
	font-weight: bold;
	font-size: 1em;
	/* The following is CSS3, but isn't crucial for this technique to work. */
	/* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
	/* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
	border-radius: 30px;
	box-shadow: 1px 1px 1px gray;
}
.noti_bubble_menu{
	position: absolute; 	/* This breaks the div from the normal HTML document. */
	top: -6px;
	right: -5px;
	padding: 1px 5px 1px 5px;
	color: white;
	font-weight: bold;
	font-size: 1em;
	/* The following is CSS3, but isn't crucial for this technique to work. */
	/* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
	/* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
	border-radius: 30px;
	box-shadow: 1px 1px 1px gray;
}
.noti_bubble_grey {
  	position: absolute;
  	top: 15px;
  	right: 60px;
  	padding: 2px 12px 2px 12px;
  	background-color: gray;
  	color: white;
  	font-weight: bold;
  	font-size: 1em;
  	border-radius: 4px;
  	box-shadow: 1px 1px 1px gray;
}
.noti_bubble_grey_headers {
  	background-color: gray;
    color: white;
    font-weight: bold;
    font-size: 1em;
    border-radius: 4px;
    box-shadow: 1px 1px 1px gray;
    width: 35px;
    height: 20px;
    text-align: center;
    float: right;
    margin-right: 14px;
}
.noti_bubble_red {
	background-color: red; 	/* you could use a background image if you'd like as well */
}

.noti_bubble_blue {
	background-color: #049BF3; 	/* you could use a background image if you'd like as well */
}
.noti_bubble_receipt {
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
}
.noti_bubble_tab {
    position: absolute;
    top: 0px;
    font-weight: bold;
    font-size: 1em;
    border-radius: 4px;
    z-index: 2;
}
.noti_bubble_tab [class^="icon-"]{
	color:#C21B17;
}
.noti_bubble_receipt [class^="icon-"]{
	color: #C21B17;
	font-size: 20px;
	position: absolute;
	left: 8%;
	top: -20%;
}
.noti_menu{
	right: 0px;
	top: -10px;
}

/**************************** TABS ************************************/

.ui-tabs.tabGenerali .ui-tabs-panel{
	padding:0px;
}
.ui-tabs.tabGenerali .ui-datatable-header{
	color: #6F7072;
	border-top: 3px solid #6F7072;
}
.ui-tabs.tabGenerali .ui-tabs-nav .ui-tabs .ui-tabs-panel {
	padding:0px;
}
.ui-tabs.tabGenerali .ui-tabs-nav li{
	background: #C6C6C6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E7E6E6), to(#C6C6C6));
	background: -webkit-linear-gradient(#E7E6E6, #C6C6C6);
	background: -moz-linear-gradient(#E7E6E6, #C6C6C6);
	background: -ms-linear-gradient(#E7E6E6, #C6C6C6);
	background: -o-linear-gradient(#E7E6E6, #C6C6C6);
	background: linear-gradient(#E7E6E6, #C6C6C6);
	text-align: center;
	margin-right: 0.5%;
	margin-left: 0.5%;
	border-radius: 5px 5px 0px 0px;
	height: 45px;
	display: table;
	
}
/* if we need more than 2 tabs, then the width changes */
.ui-tabs.tabGenerali .ui-tabs-nav li.tab-col-2{width:49%;}
.ui-tabs.tabGenerali .ui-tabs-nav li.tab-col-3{width:32.3%;}

.ui-tabs.tabGenerali .ui-tabs-nav li.ui-tabs-selected{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
  	opacity: 1.0;
	background: #C6C6C6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C6C6C6), to(#656465));
	background: -webkit-linear-gradient(#C6C6C6, #656465);
	background: -moz-linear-gradient(#C6C6C6, #656465);
	background: -ms-linear-gradient(#C6C6C6, #656465);
	background: -o-linear-gradient(#C6C6C6, #656465);
	background: linear-gradient(#C6C6C6, #656465);
	border-radius: 5px 5px 0px 0px;
	cursor: pointer;
}
.ui-tabs.tabGenerali .ui-tabs-nav li a{
	text-align: center;
	font-weight: bold;
	color: #6F7072;
	padding: 0px 5%;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 93%;
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translate(-50%);
    white-space: pre-line;
    left: 4%;
}
.ui-tabs.tabGenerali .ui-tabs-nav li.ui-tabs-selected a{
	text-align: center;
	float:none;
	font-weight: bold;
	color: #FFFFFF;
}

.ui-tabs-panels .ui-tabs-panel h3{
	border-bottom: 1px solid #c6c6c6;
	padding: 10px;
}
.ui-tabs .ui-tabs-nav {
    margin: 0px;
    border-bottom: 1px solid #c6c6c6;
}
.ui-tabs.tabGenerali.ui-tabs-top > .ui-tabs-nav {margin:0px;}
.ui-tabs-panel .ui-accordion .ui-accordion-header, .ui-panel .ui-panel-content .ui-accordion .ui-accordion-header{
	margin: 0px;	
}
/*** main menu ***/
.ui-datatable-ficha.ui-panelgrid td {
	text-align: center;
	border-width: 0px;
	padding: 16px 0px;
}
.ui-datatable-ficha.ui-panelgrid td a{
	font-weight:normal;
}

.ui-datatable-ficha .ui-widget-content {
	border: 0px solid #c6c6c6;
	background: #ffffff;
}

/*** Communication's table: specific header with a list below ***/
.ui-datatable-comunicaciones .ui-datatable-tablewrapper thead{
	/*hidding the theader of datatable component*/
	display:none;
}
.ui-tabs-panel .ui-datalist .ui-datalist-header {
    padding: 0px;
}
.ui-datalist .ui-datalist-header .headerTabSpecial{
	text-align:left;
	background-color: #E6E6E6;
}


/**************** ACCORDION ********************/
/*.ui-accordion .ui-accordion-header.ui-state-active{
    /*margin-bottom: 1px;
    border-radius: 6px 6px 0px 0px;
    border-bottom: 1px solid #c6c6c6;
    border-top: 1px solid #C6C6C6;*/
    text-decoration: none;
    border:0px;
    outline: none;
}*/
.ui-accordion .ui-state-focus{
    outline: none;
}
.ui-accordion .ui-accordion-header a {
    color: #000;
    text-decoration: none;
    border:0px;
    outline: none;
}

.ui-accordion .ui-accordion-header span.ui-icon {
    left: auto;
    right: 1.3em;
}

/***************** INPUTS ************************/
.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
    font-weight: normal;
    font-family: Arial,Verdana,sans-serif;
    font-size: 14px;
    border: 1px solid #C6C6C6;
    /*width: 100%;
    height: 3em;
    padding: 10px;
    margin: 5px 0px;*/
}

.ui-widget-content .ui-inputfield.ui-inputtextarea {
	width:100%;
}

/** AccordionPanel **/
.ui-accordion .ui-accordion-header {
    background: #FAFAFA;
    box-shadow: none;
    color: #b12c1b;
    font-size: 14px;
}

.ui-accordion .ui-accordion-header.ui-state-default {
    margin-bottom: -1px;
    border: 1px solid #c6c6c6;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    /*margin-bottom: 1px;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #b12c1b; */
}

.ui-accordion .ui-accordion-header .ui-icon {
    background-image: url("");
}
.ui-accordion .ui-accordion-header .ui-icon-triangle-1-e {
	background-position: -160px -16px;
}
.ui-accordion .ui-accordion-header .ui-icon-triangle-1-s {
	background-position: -176px -16px;
}
.ui-accordion .ui-accordion-header .ui-icon {
    left: auto;
    right: 1.5em;
}
.ui-accordion .ui-accordion-header a {
    color: #6F7072;
    text-decoration: none;
}
.ui-accordion .ui-accordion-content.ui-widget-content {
    padding: 0px;
    border: 1px solid #c6c6c6;
    border-top: 0 none;
    margin-bottom: 0px;
    border-radius: 0px;
}



/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon { width: 16px; height: 16px; background-image: url(""); }
.ui-widget-content .ui-icon {background-image: url(""); }
.ui-widget-header .ui-icon {background-image: url(""); }
.ui-state-default .ui-icon { background-image: url(""); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(""); }
.ui-state-active .ui-icon {background-image: url(""); }
.ui-state-highlight .ui-icon {background-image: url(""); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(""); }*/

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-ethick { background-position: -160px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-triangle-e { background-position: -96px -208px; height: 20px; }
.ui-icon-triangle-w { background-position: -112px -208px; height: 20px; }

.ui-datatable tbody td {
    border-width: 1px 0px;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    padding: 8px 15px;
}
.ui-panelgrid tbody td, .ui-panelgrid.headerTabSpecial .ui-ui-panelgrid-cell {
    border-width: 1px 0px;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    padding: 8px 15px;
}

/*** Style Paginator ***/
.ui-paginator{
	text-align: center;
	padding: 2px;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    white-space: normal;
}
/*** empty message when there isn't any data to find***/ 
.ui-datalist .ui-datalist-content .ui-datalist-empty-message {
    padding: 10px;
    text-align: left;
    margin-left: 15px;
}

.ui-state-disabled, .ui-state-disabled span{
    cursor: default;
    font-weight: normal;
    color: #D6D6D6 !important;
}

/*LOADER COMPONENT */

.spinner {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6); }

.circle {
  border: 5px solid rgba(194, 27, 23, 0.9);
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  -webkit-animation: spin 0.75s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }
  
.scheduleGenerali{width:100%;}
.scheduleGenerali tr{margin:0px;padding:0px;}
.scheduleGenerali .value{
	border-collapse: collapse;
}
.scheduleGenerali .scheduleIcon{
	position: absolute;
    top: 20px;
    color: white;
    font-size: 20px;
}
.scheduleGenerali .scheduleIcon.next{
	left: 93%;
}
.scheduleGenerali .scheduleIcon.prev{
	left: 4%;
}
.scheduleContainerGenerali{width:100%;}
.fc-ltr .fc-basic-view tbody .fc-row {
    min-height: 3.3em;
}
.fc-ltr .fc-toolbar{
	background: #656465;
    color: white;
    padding: 6px 0px;
    margin: 0px;
    
}
.fc-ltr .fc-toolbar h2{
	font-size: 17px;
}
.fc-header .ui-icon.ui-icon-circle-triangle-w,
.fc-header .ui-icon.ui-icon-circle-triangle-e{
	background: none;
}
.fc-header-title h2{
	font-size: 1.2em;
    margin: 10px;
}
.fc td.ui-widget-header{
	border-width: 0px;
}
.fc td.ui-widget-content{
	border-width: 0px;
	border: 2px solid white;
}
.fc-view thead .fc-day-header{
	background: #656465;
    color: white;
    font-size: 14px;
    border-width: 0px;
    padding: 5px 0px;
}
.fc-content thead .fc-day-header{
	margin:2px 0px;
}

.fc-day .fc-day-number{
	padding: 7px 0px;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.fc-bg .fc-day{
 	background: #F1F1F1;
	min-height: 20px;
	border-width: 0px;
	padding: 1px;
}
.fc-day.fc-other-month, .fc-day-number.fc-other-month{
 	background: #FFFFFF;
 	color: #B3B3B3;
	min-height: 20px;
}

/** today **/
.scheduleContainerGenerali .fc-ltr .fc-basic-view .fc-day-number{
	padding: 7px 0px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding-right: 3px;
}
/** Hide prev and next button to simulate the custom buttons **/
.fc-prev-button.ui-button.ui-state-default, .fc-next-button.ui-button.ui-state-default{
	background: none;
    height: 26px;
    width: 40px;
}
/** Hide prev and next button to simulate the custom buttons **/
.fc-prev-button.ui-button.ui-state-default span, .fc-next-button.ui-button.ui-state-default span{
	display: none;
}
.fc-bg .fc-day.fc-today, .fc-day-number.fc-today{
 	background: #c21b17;
	min-height: 20px;
	color: white;
	font-weight: bold;
}
.fc-event-container .fc-day-grid-event .fc-title,.fc-event-container .fc-day-grid-event .fc-time{
 	display:none;
}
a.fc-day-grid-event.fc-event{
	width: 8px;
    height: 10px;
    border-radius: 5px;
    left: -8px;
    margin-left: 50%;
}
.fc-event.greenEvent{
    background-color: green; 
    border: 1px solid green;
    background-color: green;
}
.fc-event.whiteEvent{
    background-color: white; 
    border: 1px solid white;
    background-color: white;
}
.ui-panelgrid.legendSchedule tr{
	background: #C6C6C6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E7E6E6), to(#FFFFFF));
    background: -webkit-linear-gradient(#E7E6E6, #FFFFFF);
    background: -moz-linear-gradient(#E7E6E6, #FFFFFF);
    background: -ms-linear-gradient(#E7E6E6, #FFFFFF);
    background: -o-linear-gradient(#E7E6E6, #FFFFFF);
    background: linear-gradient(#E7E6E6, #FFFFFF);
}
.ui-panelgrid.legendSchedule td{
	padding: 5px 11px;
	border: 0px solid;
}
.ui-panelgrid.legendSchedule td span:after{
	border-right: 1px solid #F6F6F6;
}
.ui-panelgrid.legendSchedule .textLegend{
	display:block;
	text-align:center;
	width:100%;
	margin-bottom: 4px;
}
.ui-panelgrid.legendSchedule .iconLegend{
	display:block;
	text-align:center;
}

/************** Reporting Validation first menu ****************/
.validationResumeHeader .ui-responsive{
	width:100%;
	background: #F6F6F6;
}
.validationResumeHeader .ui-responsive span.titleValidation{
	margin-left: 8%;
	vertical-align: top;
}
.validationResumeHeader .ui-responsive tbody tr td{
	width:25%;
}
.whiteBackground{
	background: white;
    position: absolute;
    margin: 4px 8px;
    padding: 3px 0px;
    width: 25px;
    text-align: center;
}
/************** Reporting Validation second menu ****************/
.validationButtonsHeader{
	width: 100%;
}
.validationButtonsHeader .ui-panelgrid.ui-responsive tbody tr td{
	border: 0px;
	padding: 0px;
}
.validationButtonsHeader .ui-panelgrid.ui-responsive tbody tr td .ui-button{
	height: 100%;
}

.validationButtonsHeader .ui-panelgrid.ui-responsive tbody tr td .ui-button.iconGen-save_close:before{
	padding-top: 15px;
    display: block;
}
.validationButtonsHeader .ui-panelgrid.ui-responsive tbody tr td .ui-button.iconGen-save_close span{
	padding:0px;
}