h2 {
    color:#666666;
}
a {
    color: #c00000;
}

/* Paleta de colors base - Substitució de colors no modificables des del Team Roller: 4 colors */
/* GROC: #fad40f */
.oj-dvt-category1 {
  color: #fad40f !important;
}
.t-Region--accent1:not(.t-Region--textContent) > .t-Region-header {
  background-color: #fad40f !important;
}
.t-Region--accent1.t-Region--textContent > .t-Region-header .t-Region-title {
  color: #fad40f !important;
}
body .t-BadgeList--dash.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 1) {
  background-color: #fad40f !important;
}
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 1) .t-BadgeList-wrap .t-BadgeList-value,
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 1) .t-BadgeList-value a {
  background-color: #fad40f !important;
}
.t-Cards--colorize .t-BadgeList-item:nth-child( 1) {
  background-color: #fad40f !important;
}
.u-Color-1-BG--txt {
  color: #fad40f !important;
}
.u-Color-1-BG--bg {
  background-color: #fad40f !important;
}
.u-Color-1-BG--fill {
  fill: #fad40f !important;
}
.u-Color-1-BG--br {
  stroke: #fad40f !important;
  border-color: #fad40f !important;
}
.u-colors > :nth-child(45n + 1) .u-color {
  background-color: #fad40f !important;
}
.u-colors > :nth-child(45n + 1) .u-color-bg,
.u-colors > :nth-child(45n + 1) .u-color-background {
  background-color: #fad40f !important;
}
.u-colors > :nth-child(45n + 1) .u-color-txt,
.u-colors > :nth-child(45n + 1) .u-color-text {
  color: #fad40f !important;
}
.u-colors > :nth-child(45n + 1) .u-color-bd,
.u-colors > :nth-child(45n + 1) .u-color-border {
  border-color: #fad40f !important;
}
.u-color-1 {
  background-color: #fad40f !important;
}
.u-color-1-bg,
.u-color-1-background {
  background-color: #fad40f !important;
}
.u-color-1-txt,
.u-color-1-text {
  color: #fad40f !important;
}
.u-color-1-bd,
.u-color-1-border {
  border-color: #fad40f !important;
}

/* BLAU CLAR: #0494f7 */
.oj-dvt-category9 {
  color: #0494f7 !important;
}
.t-Region--accent2:not(.t-Region--textContent) > .t-Region-header {
  background-color: #0494f7 !important;
}
.t-Region--accent2.t-Region--textContent > .t-Region-header .t-Region-title {
  color: #0494f7 !important;
}
body .t-BadgeList--dash.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 2) {
  background-color: #0494f7 !important;
}
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 2) .t-BadgeList-wrap .t-BadgeList-value,
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 2) .t-BadgeList-value a {
  background-color: #0494f7 !important;
}
.t-Cards--colorize .t-BadgeList-item:nth-child( 2) {
  background-color: #0494f7 !important;
}
.u-Color-2-BG--txt {
  color: #0494f7 !important;
}
.u-Color-2-BG--bg {
  background-color: #0494f7 !important;
}
.u-Color-2-BG--fill {
  fill: #0494f7 !important;
}
.u-Color-2-BG--br {
  stroke: #0494f7 !important;
  border-color: #0494f7 !important;
}
.u-colors > :nth-child(45n + 2) .u-color {
  background-color: #0494f7 !important;
}
.u-colors > :nth-child(45n + 2) .u-color-bg,
.u-colors > :nth-child(45n + 2) .u-color-background {
  background-color: #0494f7 !important;
}
.u-colors > :nth-child(45n + 2) .u-color-txt,
.u-colors > :nth-child(45n + 2) .u-color-text {
  color: #0494f7 !important;
}
.u-colors > :nth-child(45n + 2) .u-color-bd,
.u-colors > :nth-child(45n + 2) .u-color-border {
  border-color: #0494f7 !important;
}
.u-color-2 {
  background-color: #0494f7 !important;
}
.u-color-2-bg,
.u-color-2-background {
  background-color: #0494f7 !important;
}
.u-color-2-txt,
.u-color-2-text {
  color: #0494f7 !important;
}
.u-color-2-bd,
.u-color-2-border {
  border-color: #0494f7 !important;
}

/* VERMELL: #DF3133 */
.oj-dvt-category10 {
  color: #df3133 !important;
}
.t-Region--accent5:not(.t-Region--textContent) > .t-Region-header {
  background-color: #df3133 !important;
}
.t-Region--accent5.t-Region--textContent > .t-Region-header .t-Region-title {
  color: #df3133 !important;
}
body .t-BadgeList--dash.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 5) {
  background-color: #df3133 !important;
}
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 5) .t-BadgeList-wrap .t-BadgeList-value,
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 5) .t-BadgeList-value a {
  background-color: #df3133 !important;
}
.t-Cards--colorize .t-BadgeList-item:nth-child( 5) {
  background-color: #df3133 !important;
}
.u-Color-5-BG--txt {
  color: #df3133 !important;
}
.u-Color-5-BG--bg {
  background-color: #df3133 !important;
}
.u-Color-5-BG--fill {
  fill: #df3133 !important;
}
.u-Color-5-BG--br {
  stroke: #df3133 !important;
  border-color: #df3133 !important;
}
.u-colors > :nth-child(45n + 5) .u-color {
  background-color: #df3133 !important;
}
.u-colors > :nth-child(45n + 5) .u-color-bg,
.u-colors > :nth-child(45n + 5) .u-color-background {
  background-color: #df3133 !important;
}
.u-colors > :nth-child(45n + 5) .u-color-txt,
.u-colors > :nth-child(45n + 5) .u-color-text {
  color: #df3133 !important;
}
.u-colors > :nth-child(45n + 5) .u-color-bd,
.u-colors > :nth-child(45n + 5) .u-color-border {
  border-color: #df3133 !important;
}
.u-color-5 {
  background-color: #df3133 !important;
}
.u-color-5-bg,
.u-color-5-background {
  background-color: #df3133 !important;
}
.u-color-5-txt,
.u-color-5-text {
  color: #df3133 !important;
}
.u-color-5-bd,
.u-color-5-border {
  border-color: #df3133 !important;
}

/* BLAU FOSC: #005eb8 !important */
.oj-dvt-category12 {
  color: #005eb8 !important;
}
.t-Region--accent6:not(.t-Region--textContent) > .t-Region-header {
  background-color: #005eb8 !important;
}
.t-Region--accent6.t-Region--textContent > .t-Region-header .t-Region-title {
  color: #005eb8 !important;
}
body .t-BadgeList--dash.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 6) {
  background-color: #005eb8 !important;
}
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 6) .t-BadgeList-wrap .t-BadgeList-value,
body .t-BadgeList--circular.t-BadgeList--coloredBG .t-BadgeList-item:nth-child( 6) .t-BadgeList-value a {
  background-color: #005eb8 !important;
}
.t-Cards--colorize .t-BadgeList-item:nth-child( 6) {
  background-color: #005eb8 !important;
}
.u-Color-6-BG--txt {
  color: #005eb8 !important;
}
.u-Color-6-BG--bg {
  background-color: #005eb8 !important;
}
.u-Color-6-BG--fill {
  fill: #005eb8 !important;
}
.u-Color-6-BG--br {
  stroke: #005eb8 !important;
  border-color: #005eb8 !important;
}
.u-colors > :nth-child(45n + 6) .u-color {
  background-color: #005eb8 !important;
}
.u-colors > :nth-child(45n + 6) .u-color-bg,
.u-colors > :nth-child(45n + 6) .u-color-background {
  background-color: #005eb8 !important;
}
.u-colors > :nth-child(45n + 6) .u-color-txt,
.u-colors > :nth-child(45n + 6) .u-color-text {
  color: #005eb8 !important;
}
.u-colors > :nth-child(45n + 6) .u-color-bd,
.u-colors > :nth-child(45n + 6) .u-color-border {
  border-color: #005eb8 !important;
}
.u-color-6 {
  background-color: #005eb8 !important;
}
.u-color-6-bg,
.u-color-6-background {
  background-color: #005eb8 !important;
}
.u-color-6-txt,
.u-color-6-text {
  color: #005eb8 !important;
}
.u-color-6-bd,
.u-color-6-border {
  border-color: #005eb8 !important;
}


/**********************************************************/
/********************* BODY CSS *************************/
/**********************************************************/

body {
    font-family:'OpenSansRegular', Helvetica, Arial, sans-serif;

}
body .ui-widget-content a {
    color: #c00000;
}
body .ui-widget {
    font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
}
body .ui-widget button, body .ui-widget input, body .ui-widget select, body .ui-widget textarea {
    font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
}
/*#t_Body_content_offset {
    height: 115px !important;
}*/
.t-Body-content {
    background: white;
}
#t_Body_title {
    background:#f5f5f5;
}

.t-Body-contentInner {
	padding: 5px;
}

body .ui-button {
    background-color: #c00000;
    font-size:1.4rem;
    font-weight:600;
}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
    background-color: #f8f8f8;
    color: #383838;
    font-size: 1.4rem;
    font-weight: 600;
}
body .ui-dialog .ui-dialog-titlebar {
    background-color: #ffffff;
}

button.ui-button:focus{
  outline: none !important;
}

/**********************************************************/
/********************* HEADER CSS *************************/
/**********************************************************/

#t_Header {
    background-color: #333333;
}
.t-Header-branding {
    display: none;
    background-color: transparent;
    margin: 10px 0px;
	  height: auto;
}

.show_hide_header{
  position: absolute;
  top: 83%;
  right: 1.1rem;
}

.btn_show_hide_header:hover{
  cursor: pointer;
}

.show_hide_header .btn_show_hide_header{
  background: transparent !important;
  border: 0 !important;
  color: #ffffff;
}

.show_hide_header .btn_show_hide_header:focus{
  outline: none;
}

.t-Header-controls {
	margin: 0;
}
.t-Header-logo {
  margin: 0px 10px;
  padding: 0;
}
.t-Header-logo-link{
	padding: 0;
}

.t-Header .t-Button--header, .t-Header .t-Button--header.is-active, .t-Button.t-Button--headerTree:focus {
    color: #fff;
    background:#c00000;
}

#t_Header > div.t-Header-branding > div.t-Header-navBar label.t-Form-label{
  color: #ffffff;
}

.t-Header-nav{
  background-color: #333333 !important;
}

/* CAPÇALERA MOBILE */
.t-Header-branding-M {
  display:none;
  justify-content: space-between;
}

.t-Button.btn-Mobile {
  background-color: transparent !important;
}

#btn_DadesUsu_CapM{
  cursor: default;
}

#t_Header > div.t-Header-branding-M > div.t-Header-logo{
  padding: 5px 0px 0px 0px !important;
}

/**************************************************************/
/********************* HEADER NAV CSS *************************/
/**************************************************************/
.t-Header-nav{
  background-color: #333333 !important;
}

.t-Header-nav .t-Header-nav-list{
  width: 95% !important;
}

.t-Header-nav .a-MenuBar-item {
  border-left: 0 !important;
  border-right: 1px solid #ffffff !important;
  margin-left: 0;
  margin-right: 0;
}

.t-Header .a-MenuBar-item.a-Menu--current,
.t-Header .a-MenuBar-item.a-Menu--current.is-focused{
  background-color: #f5f5f5 !important;
}

.t-Header .a-MenuBar-item.is-expanded .a-MenuBar-label,
.t-Header .a-MenuBar-item.a-Menu--current .a-MenuBar-label,
.t-Header .a-MenuBar-item.a-Menu--current.is-focused .a-MenuBar-label {
  color: #333333 !important;
}

.t-Header-nav .a-MenuBar-item:last-child {
  border-right: 0 !important;
}

.t-Header-nav .a-MenuBar-item > .a-MenuBar-label{
  font-size: 1.6rem;
  font-weight: 600;
  background: transparent !important;
}

.t-Header-nav .a-MenuBar-item > .a-Menu-subMenuCol{
  background: transparent !important;
}

.t-Header-nav .a-MenuBar-item > .a-Menu-subMenuCol .a-Icon {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 1.6rem;
  font-weight: 600;
}

.t-Header-nav .a-MenuBar-item.is-focused,
.t-Header-nav .a-MenuBar-item.is-expanded,
.t-Header-nav .a-MenuBar-item:hover,
.t-Header-nav .a-MenuBar-item.a-Menu--current.is-focused,
.t-Header-nav .a-MenuBar-item.a-Menu--current.is-expanded,
.t-Header-nav .a-MenuBar-item.a-Menu--current:hover {
  background: none repeat scroll 0 0 #f5f5f5 !important;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}


.t-Header-nav .a-MenuBar-item.is-focused > .a-MenuBar-label,
.t-Header-nav .a-MenuBar-item:hover > .a-MenuBar-label,
.t-Header-nav .a-MenuBar-item.is-focused > .a-Menu-subMenuCol .a-Icon,
.t-Header-nav .a-MenuBar-item:hover > .a-Menu-subMenuCol .a-Icon,
.t-Header-nav .a-MenuBar-item.a-Menu--current.is-focused > .a-MenuBar-label,
.t-Header-nav .a-MenuBar-item.a-Menu--current:hover > .a-MenuBar-label,
.t-Header-nav .a-MenuBar-item.a-Menu--current.is-focused > .a-Menu-subMenuCol .a-Icon,
.t-Header-nav .a-MenuBar-item.a-Menu--current:hover > .a-Menu-subMenuCol .a-Icon {
  color: #333333 !important;
  cursor: pointer;
}

.t-Header-nav .a-Menu-content {
    background-color: #ffffff;
    min-width: 160px;
}

.t-Header-nav .a-Menu .a-Menu-item {
  color: #666666;
  font-size: 1.6rem;
}

.t-Header .a-Menu .a-Menu-item.is-focused,
.t-Header .a-Menu .a-Menu-item.is-expanded{
  background-color: transparent !important;
}

.t-Header .a-Menu .a-Menu-item.is-focused > .a-Menu-inner,
.t-Header .a-Menu .a-Menu-item.is-expanded > .a-Menu-inner{
  background-color: transparent !important;
  font-weight: 600;
}

.a-Menu .a-Menu-item.is-focused > .a-Menu-inner .a-Menu-subMenuCol,
.a-Menu .a-Menu-item.is-expanded > .a-Menu-inner .a-Menu-subMenuCol {
    color: #666666;
}



.a-Menu .a-Menu-item.is-focused > .a-Menu-inner .a-Menu-subMenuCol > .a-Icon:before,
.a-Menu .a-Menu-item.is-expanded > .a-Menu-inner .a-Menu-subMenuCol > .a-Icon:before {
  font-weight: 600 !important;
}

.t-Header .a-MenuBar-item--overflow{
  float: left;
}
.t-Header .a-MenuBar-item--overflow .a-MenuBar-label{
  padding: 12px 10px 8px 10px;
}

.t-Header .a-MenuBar-item--overflow .a-MenuBar-label:before {
  font-family: 'font-apex' !important;
  content: "\f141" !important;
}

.t-Header-nav .a-MenuBar-item:first-child .a-MenuBar-label::after {
  font-family: 'font-apex' !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  content: "\f015";
}

.t-Header-nav .a-MenuBar-item:last-child .a-MenuBar-label::before {
  font-family: 'font-apex' !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  content: "\f05a";
}

/**************************************************************/
/********************* USER HEADER CSS ************************/
/**************************************************************/

.t-Header-navBar{
	margin:0px !important;
}

.t-Header-navBar .container .row{
  margin: 0px;
}

#t_Header > div.t-Header-branding > div.t-Header-navBar > div.container > div.row > div.col{
    width: auto !important;
    padding: 0;
}

.UHM_Item{
  border-right: 1px solid #999999 !important;
}

#UHM_Tanca_Sessio{
  border-right: 0 !important;
  padding: 0px 1rem;
}


#UHM_Link_Portal_Centre .t-Form-inputContainer .t-Form-itemWrapper span.display_only,
#UHM_Nom_Apli_Entorn .t-Form-inputContainer .t-Form-itemWrapper span.display_only,
#UHM_Dades_Usu .t-Form-inputContainer .t-Form-itemWrapper span.display_only{
  color: #ffffff;
  font-weight: normal;
}

#UHM_Link_Portal_Centre .UHM_Bold_Title, #UHM_Nom_Apli_Entorn .UHM_Bold_Title{
  font-size: 2.4rem;
}

#UHM_Link_Portal_Centre{
  padding-right: 14px;
  text-align: left !important;
}
#UHM_Link_Portal_Centre a{
  color: #ffffff;
}

#UHM_Nom_Apli_Entorn .t-Form-inputContainer span.display_only:hover,
#UHM_Dades_Usu .t-Form-inputContainer span.display_only:hover{
  background-color: transparent !important;
  cursor: default !important;
}

#UHM_Link_Portal_Centre .t-Form-inputContainer span.display_only:hover{
  background-color: transparent !important;
  cursor: hand !important;
}

#UHM_Tanca_Sessio #UHM_Btn_Tanca_Sessio span.fa{
  font-size:2.4rem !important;
}

#UHM_Dades_Usu > div.t-Region-bodyWrap > div.t-Region-body > div.container > div.row{
  margin-left:30px;
}

#UHM_Dades_Usu > div.t-Region-bodyWrap > div.t-Region-body{
  position: relative;
}

#UHM_Dades_Usu > div.t-Region-bodyWrap > div.t-Region-body > div:before{
  position: absolute;
  font-family: 'font-apex' !important;
  font-size: 3rem;
  color: #ffffff;
  top: 40%;
  left: 10px;
  content: "\f007";
}

.UHM_Item .t-Button.is-active:focus:before, .t-Button:focus:before {
  box-shadow: 0 0 0 0;
  opacity: 0;
}

.UHM-Item-Col{
    padding: 0;
}

/**********************************************************/
/********************* FOOTER CSS *************************/
/**********************************************************/

.t-Footer-body{
	display: flex;
}
.t-Footer-content{
	flex-grow: 1;
	padding: 5px 0px 0px 0px;
}
.t-Footer-top{
	flex-grow: 1;
	padding: 10px 0px;
	margin-left: 20px;
}

#t_Footer_topButton:hover{
  cursor: pointer;
}

#divPeuLogo{
	float: left;
}
#divPeuAvis{
	float:left;
	margin-left: 100px;
	width: 80%;
}
#divPeuAvis p{
	color: #999;
	font-size: 1.1rem;
	font-weight: bold;
}

.t-Footer{
  padding: 5px 15px;
}

/**********************************************************/
/*********************  Breadcrumb CSS ********************/
/**********************************************************/

.t-BreadcrumbRegion {
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px 5px;
  background: #f5f5f5;
}
.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child .t-Breadcrumb-label {
    overflow: hidden;
    display: block;
    background: transparent;
    color: #444;
}

.t-Breadcrumb, .t-BreadcrumbRegion-title{
   margin-top: 10px;
}
.t-Breadcrumb-label {
    font-size: inherit;
    line-height: inherit;
    margin: inherit;
    padding: 4px;
    display: inherit;
    font-weight: inherit;
    background: black;
    color: white;
    font-weight: bold;
}
.t-Breadcrumb-item:after{
	opacity: 1;
	margin: 0px 8px;
	content: '>';
}
.t-Breadcrumb-item a{
  color: #ffffff !important;
}

.t-BreadcrumbRegion-titleText{
	font-size:3rem;
}

/**********************************************************/
/*********************   CSS ********************/
/**********************************************************/

.t-Wizard .t-Wizard-controls{
  padding: 5px;
}

.t-Button.t-Button--header:active:focus:before, .t-Button.t-Button--header:focus:before{
	box-shadow: 0 0 0 0px #c00000 inset!important
}

.t-Region, .t-Region-header {
    background: transparent;
    border-radius: 0px !important;
    margin: 0 auto;
}


.t-Region--noBorder > .t-Region-header {
    background-color: transparent;
}

.t-Region-title {
    color:#444;
    display: inline-block;
    margin: 10px 0 10px 0;
    font-size: 2rem;
}
.t-Region-headerItems--title {
    text-align: left;
    background: transparent;
}

.t-Form-error {
    color: #c00000;
    font-weight: bold;
}

.t-NavigationBar-item  {
    background: transparent;
    border-right: 1px solid #999999;
    font-weight: 600;
}

.t-Header .t-Header-nav .t-NavigationBar .t-NavigationBar-item:last-child{
  border-right: 0;
}

.a-Button, .apex-button-group input + label, .t-Button:not(.t-Button--simple), .t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label {
    color: #fff;
    font-size:1.3rem;
    background-color: #c00000;
    box-shadow: none;
    font-weight:600;
}
.a-Button:hover, .apex-button-group input + label:hover, .t-Button:not(.t-Button--simple):hover, .t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label:hover , .a-Button:active, .a-Button:focus,.apex-button-group input + label:active {
    background-color: #c00000;
    box-shadow: none;
    font-weight:600;
}

.a-Button--hot, .t-Button--hot:not(.t-Button--simple), body .ui-state-default.ui-button.ui-button--hot, body .ui-state-default.ui-priority-primary {
    background-color: #c00000;
    color: #fff;
}

.btn-alineat-item {
  padding: .2rem !important;
}

.btn-alineat-item span.t-Icon {
  width:2rem !important;
  height:2rem !important;
  line-height:2rem !important;
}

.item-alineat-btn{
  padding-right: .2rem;
}

.a-IRR-header{
  color:#c00000 !important;
}

.a-IRR-button.is-active, .a-IRR-button:active, .a-IRR-button:active:focus {
    background-color: transparent;
    box-shadow: none;
}

.a-IRR-headerSort {
  color: #c00000 !important;
}

.a-IG-header {
	background-color: #ffffff;
}


.a-Button--hot, .t-Button--hot:not(.t-Button--simple), body .ui-state-default.ui-button.ui-button--hot, body .ui-state-default.ui-priority-primary {
    background-color: #c00000;
    color: #fff;
    font-weight: 600;
    font-size: 1.3rem;
}

.a-IRR-button.a-IRR-button--search {
    font-weight: 600;
}
.a-Menu-content {
    background-color: #ffffff;
    min-width: 160px;
}
.a-Button.a-IRR-button--actions.is-active,.a-Button.a-IRR-button--actions.is-active:active {
    font-weight:600;
    box-shadow:none;
}
.a-IRR-controls-item--search .a-IRR-controls-cell:nth-child(2) {
    background-color: #c00000;
}
.a-IRR-reportSummary-item--search .a-IRR-reportSummary-icon {
    background-color: #c00000;
}
.a-MediaBlock-graphic {
    background: #ccc;
}
.t-PageBody--leftNav .t-Body-nav {
    background-color: #c00000;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected {
    background-color: transparent;
}
.a-TreeView-content:hover, .a-TreeView-content:active, .a-TreeView-content:focus {
    background-color: transparent;
}


#btn_accions_mbl_ir, #btn_accions_mbl_cr{
	display: none;

}
#dades_Usuari_mbl{
	display:none;
	margin-right:30px;
	margin-top:5px;
	padding-left:10px;
	color:#ffffff;
	border-left: 2px solid #ffffff;
}
#dades_Usuari{
	margin-right:15px;
	margin-top:5px;
	padding-left:10px;
	color:#ffffff;
	border-left: 2px solid #ffffff;
}
#dades_Usuari_Icon, #dades_Usuari_Nom_Rol{
	float:left;
}
#dades_Usuari_Nom_Rol{
	line-height:13px;
}

#dades_Usuari_Icon {
	margin-right:10px;
}
#dades_Usuari_Icon .fa {
	font-size: 2.5rem;
}

#dades_Usuari_Nom span {
	font-size:1.2rem;
}
#dades_Usuari_Rol span {
	font-size:1.1rem;
}

#nom_APP{
	margin-right:15px;
	margin-top:10px;
	color:#ffffff;
}
#nom_APP span {
	font-size: 2rem;
}

.a-IG .a-GV-table .fa.fa-pencil{
    border-radius: 50px;
    background: #c00000;
    color: #fff;
    padding: 4px;
}

.t-Region-body.a-Collapsible-content{
  padding: 5px;
}

div.a-Collapsible .t-Region-header .t-Region-headerItems--controls .t-Button--hideShow span.a-Icon:before{
  font-size: 2.4rem;
}

.a-Collapsible.is-collapsed .a-Collapsible-icon:before,
.a-Icon.icon-ig-expand-row:before,
.a-Icon.icon-right-arrow:before,
.a-Collapsible.is-expanded .a-Collapsible-icon:before,
.a-Icon.icon-down-arrow:before, .a-Icon.icon-ig-collapse-row:before,
.a-Icon.icon-irr-collapse-row:before {
  content: "\e0d8";
}

.a-Collapsible.is-expanded .a-Collapsible-icon:before, .a-Icon.icon-down-arrow:before,
.a-Icon.icon-ig-collapse-row:before, .a-Icon.icon-irr-collapse-row:before {
  content: "\e0c2";
}

.a-Icon.a-Collapsible-icon{
  width: 24px;
  height: 24px;
}

.t-Button:not(.t-Button--link):not(.t-Button--header).is-active, .t-Button:not(.t-Button--link):not(.t-Button--header):active{
  box-shadow: none;
}

.a-Button.is-active,
.a-Button:active,
.apex-button-group input+label.is-active,
.apex-button-group input+label:active,
.t-Button:not(.t-Button--simple).is-active,
.t-Button:not(.t-Button--simple):active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input+label.is-active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input+label:active{
  background-color: #c00000;
}

.a-Button:focus, .apex-button-group input+label:focus, .t-Button:not(.t-Button--simple):focus, .t-Form-fieldContainer--radioButtonGroup .apex-item-radio input+label:focus{
  background-color: #c00000;
}

.t-Region-buttons .t-Button.t-Button--noLabel.t-Button--icon,
.t-Region-body .t-Button.t-Button--noLabel.t-Button--icon{
    border-radius: 2.4rem;
    min-width: 2.4rem;
    padding: .4rem;
}


.t-Button.t-Button--noLabel.t-Button--icon > span:first-child{
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
}

.t-Button.t-Button--noLabel.t-Button--icon.btn-transparent-noBorder{
  background-color: transparent;
  border: 0;
}

.a-Button.a-Button--calendar, .a-Button.a-Button--popupLOV{
  border-radius: 20px !important;
  padding: .4rem !important;
  margin-left: 2px !important;
}

.a-Icon.icon-popup-lov{
  color: #ffffff;
}

.a-Icon.icon-popup-lov:before{
  content:"\e022";
}

div.t-Report > div.t-Report-tableWrap > table > tbody > tr > td:nth-child(1) > a > span.fa.fa-pencil{
  border-radius: 50px;
  background: #c00000;
  color: #ffffff;
  padding: 0.6rem;
}

.t-Report-colHead{
  color: #c00000 !important;
}


span.fa.fa-pencil.edit-link-pencil{
  border-radius: 50px;
  padding: 8px;
  background-color: #c00000;
  color: #ffffff;
}

td.pagination a.t-Report-paginationLink{
  color: #333333;
  font-weight: 400;
}

td.pagination a.t-Report-paginationLink:hover,
td.pagination a.t-Report-paginationLink:after{
  color: #333333;
  font-weight: 400;
  box-shadow: none;
  text-decoration:underline;
}



.btn_AccioNegativa{
  background-color: #666666 !important;
}

.regio-botons-topDown-border{
  padding: 10px 0px;
  background: #f5f5f5;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
}

.regio-botons-topDown-border .t-ButtonRegion{
  box-shadow: 0 !important;
  border: 0 !important;
}

.regio-botons-topDown-border .t-ButtonRegion-buttons{
  padding: 0px 5px;
}

.regio_botons_peu .row:first-child{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.col-sense-marge{
  padding:0;
}

.a-IRR-button.a-IRR-button--pagination:hover{
  background-color: #999999 !important;
}


body .ui-widget button, body .ui-widget input, body .ui-widget select, body .ui-widget textarea{
  font-family: inherit !important;
}

.a-Button--hot:hover,
.a-Button--hot:not(:active):focus,
.t-Button--hot:not(.t-Button--simple):hover,
.t-Button--hot:not(.t-Button--simple):not(:active):focus,
body .ui-state-default.ui-button.ui-button--hot:hover,
body .ui-state-default.ui-button.ui-button--hot:not(:active):focus,
body .ui-state-default.ui-priority-primary:hover,
body .ui-state-default.ui-priority-primary:not(:active):focus {
  background-color: #c00000;
}

.a-Button:after,
.a-Button:focus:after,
.a-Button.is-active:focus:before,
.a-Button:focus:before,
.t-Button.is-active:focus:before,
.t-Button:focus:before {
  box-shadow: none !important;
}

.a-IRR-dialogTable .a-Button{
  vertical-align: unset !important;
  color: #ffffff !important;
  padding: 3px 7px !important;
}

input:focus,
select:focus{
  outline: none !important;
  border:1px solid #cccccc;
  box-shadow: none;
}

.t-Report-cell input {
  width: 100%;
}

#btn_MenuPrincipalAux {
  background-color: #333333 !important;
  padding: 6px !important;
}

#btn_MenuPrincipalAux:after {
  box-shadow: none;
}

#menuPrincipalAux_menu .a-Menu-content {
  background-color: #333333;
}


body .ui-widget select{
  color: #333333;
}

body .ui-widget button{
  color: #ffffff;
}

.t-NavBar-menu-E13.a-Menu .a-Menu-content li.a-Menu-item.is-focused,
.t-NavBar-menu-E13.a-Menu .a-Menu-content li.a-Menu-item.is-expanded{
  background-color: transparent;
  font-weight: bold;
}

.t-Cards .t-Card .t-Card-titleWrap{
  background-color: #f5f5f5;
}

.t-menu-prin .t-Card-colorFill:after{
  height: 0;
  margin: 0;
}

.t-Card-colorFill:after {
    height: 8px;
    margin: 2px;
}


.t-Cards--compact .t-Card .t-Card-titleWrap{
    margin-top: 10px;
}

/****** WIZARD ******/

.t-Wizard{
  max-width: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(0,0,0,.075) !important;
}

li.t-WizardSteps-step.is-active .t-WizardSteps-marker{
  background-color: #c00000;
}

li.t-WizardSteps-step.is-complete .t-WizardSteps-marker .a-Icon.icon-check:before{
  color: #ffffff;
}


/****** PESTANYES ******/
.t-TabsRegion-items{
  border: 1px solid #dddddd;
}

.t-TabsRegion.no-slider-Tabs .apex-rds-slider{
  display:none;
}

.t-Tabs {
  border:0;
}

.t-Tabs--pill{
  background-color: #ffffff;
  box-shadow: none;
  margin-bottom: 0;
}

.a-Tabs-panel .t-TabsRegion.t-TabsRegion-mod--pill .t-Tabs.t-Tabs--pill{
  border-top:1px solid #dddddd;
}

.t-Tabs--pill .t-Tabs-item{
  border-bottom: 1px solid #dddddd;
  background-color: #f5f5f5;
}

.t-Tabs--pill .t-Tabs-item.is-active{
  border-bottom: 0;
  background-color: #ffffff;
}

.t-Tabs--pill .t-Tabs-item:last-child{
  width: 100%;
}

.t-Tabs--pill .t-Tabs-item .t-Tabs-link{
  color: #c00000;
  font-size:1.8rem;
}

.t-Tabs--pill .t-Tabs-item.is-active .t-Tabs-link{
  color: #333333;
}

.t-Tabs--pill .t-Tabs-item:last-child .t-Tabs-link{
  border-right: 0;
}

.t-Tabs--pill .t-Tabs-link:focus{
  box-shadow:none;
}

.t-Tabs--pill .t-Tabs-link:hover{
  background-color: transparent;
}

.t-TabsRegion-items .t-TabsRegion-items{
  border:0;
}


.a-Tabs-panel .t-TabsRegion.t-TabsRegion-mod--pill .t-Tabs-item.is-active .t-Tabs-link {
    box-shadow: 0 -2px 0 #c00000 inset;
}


/***** Cards Menú principal (MP) *****/

.t-MP-Cards .t-Card-title{
  color:#ffffff;
  font-weight: bold;
}

.t-MP-Cards{
  margin: 0px 10% !important;
  justify-content: center;
}

.t-MP-Cards > .t-Cards-item .t-Card .t-Card-wrap{
  background-color: transparent;
  border:0;
}

.t-MP-Cards > .t-Cards-item .t-Card{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin: 3px;

}

.t-MP-Cards > .t-Cards-item .t-Card .t-Card-wrap .t-Card-titleWrap{

  padding: 0;
  background-color: transparent;
}

.t-MP-Cards .t-Cards-item .t-Card a h3{
  margin: 0;
}

.t-Cards--MP .t-Cards-item{
  width: 275px;
  height: 225px;
}

.t-Cards--MPD .t-Cards-item{
  width: 200px;
  height: 150px;
}

a.t-Card-wrap .t-Card-title:hover{
  text-decoration: underline;
}

/********* BTN BURGER *********/
.btn_Burger{
  margin-bottom: 8px !important;
  margin-left: 0px !important;
  margin-top: 0px !important;
  margin-right: 10px !important;
}


.btn_Burger span.t-Icon{
  font-size: 2.2rem;
}

.t-BreadcrumbRegion--useRegionTitle .t-Breadcrumb .t-Breadcrumb-item.is-active{
  display:none;
}

.t-Breadcrumb-item.is-active .t-Breadcrumb-label{
  padding: 5px 5px 5px 0px;
  font-weight: normal !important;
}



/****** MENU TITLE BURGER ******/


#options_burger_menu {
  padding:10px 10px 0px 10px;
  border:1px solid #dddddd;
  -webkit-box-shadow: 0.188em 0.188em 0.25em rgba(0, 0, 0, 0.14);
  box-shadow: 0.188em 0.188em 0.25em rgba(0, 0, 0, 0.14);
  background: #ffffff;
}

#titleItem-MB {
  font-size: 2rem;
  margin-bottom: 5px;
  color: #666666;
}

#listOptions-MB {
  list-style: none;
  color: #666666;
  margin: 0px 5px;
  padding: 0;
}

#listOptions-MB .item-MB,
#listOptions-MB .itemSub-MB{
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
  font-size: 1.6rem;
}

#listOptions-MB .itemSub-MB{
  border-bottom: 0;
}

#listOptions-MB .item-MB.current,
#listOptions-MB .itemSub-MB.current{
  font-weight: 600;
}

#listOptions-MB .subItem-MB.current > a,
#listOptions-MB .subItemSub-MB.current > a{
  color: #222;
  font-weight: bold;
}

#listOptions-MB .item-MB:hover,
#listOptions-MB .itemSub-MB.collapsed:hover{
  font-weight: 600;
  cursor: pointer;
}

#listOptions-MB > li:last-child{
  border-bottom: 0;
}

#listOptions-MB .subItem-MB,
#listOptions-MB .subItemSub-MB{
  margin:0px 0px 0px 2px;
  padding:5px 0;
  font-size:1.4rem;
  border-left:3px solid #cccccc;
}

#listOptions-MB .subItem-MB:hover{
  border-left: 3px solid #222;
  font-weight: 600;
}

#listOptions-MB .subItemSub-MB:hover{
  border-left: 3px solid #222;
  font-weight: 600;
}

#listOptions-MB .subItem-MB:hover > a{
  color: #222;
}

#listOptions-MB .itemSub-MB.collapsed,
#listOptions-MB .subItemSub-MB.collapsed{
  background: url(http://guiaweb.gencat.cat/web/resources/fwkResponsive/fpca_subcapcalera/img/NG_ico_desplegar_menu_gen.png) no-repeat right;
  padding: 10px 0px;
}

#listOptions-MB .itemSub-MB:not(.collapsed),
#listOptions-MB .subItemSub-MB:not(.collapsed){
  background: url(http://guiaweb.gencat.cat/web/resources/fwkResponsive/fpca_subcapcalera/img/NG_ico_plegar_menu_gen.png) no-repeat right;
  padding: 10px 0px;
}

#listOptions-MB .itemSub-MB:not(.collapsed) > a,
#listOptions-MB .subItemSub-MB:not(.collapsed) > a{
  color: #222;
}

#listOptions-MB > li > ul{
  list-style: none;
  padding: 0px 0px 10px 0px;
}

#listOptions-MB .subItem-MB a,
#listOptions-MB .subItemSub-MB a{
    padding: 0px 0px 0px 10px
}

#listOptions-MB a {
  text-decoration: none;
  color: #666666;
}

/*** INICI ACCESSOS DIRECTES ***/

#acc_directes .t-Region-header{
  margin:0 15%;
}

/*** NOTIFICACIONS / ERRORS / ALERTES ***/

.t-Alert-buttons .t-Button {
  padding: .8rem;
}

.t-Alert-buttons .t-Button:after {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}

.t-Alert.t-Alert--warning .a-Notification .a-Notification-title{
  padding-left: 5px;
  color:#ffffff;
}

.t-Alert.t-Alert--warning .t-Alert-icon {
  color: #ffffff;
}

.t-Alert.t-Alert--warning .a-Notification .a-Notification-list .a-Notification-item,
.t-Alert.t-Alert--warning .a-Notification .a-Notification-list .a-Notification-item > a,
.t-Alert.t-Alert--warning .a-Notification .a-Notification-list .a-Notification-item .a-Button--notification{
  color: #ffffff;
}

.t-Alert.t-Alert--warning .a-Notification .a-Notification-list .a-Notification-item .a-Button--notification:hover,
.t-Alert.t-Alert--warning .a-Notification .a-Notification-list .a-Notification-item .a-Button--notification:active,
.t-Alert.t-Alert--warning .a-Notification .a-Notification-list .a-Notification-item .a-Button--notification:focus{
  background-color: transparent;
}

.t-Alert .t-Alert-wrap{
  display:table;
}

.t-Alert .t-Alert-wrap .t-Alert-content
{
  display: table-cell;
  vertical-align: middle;
}

/* HOVER LIST REGISTER */

.btn_accio_list{
  z-index: -100;
}

.a-IRR-table div[id*="accionsReg_"]{
  position: absolute;
  z-index: 900;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), 0 0 4px 0 rgba(95,99,104,.6), 0 0 6px 2px #cccccc;
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), 0 0 4px 0 rgba(104, 95, 95, 0.6), 0 0 6px 2px #cccccc;
  display:flex;
}

.a-IRR-table  div#accionsLeft{
  display:flex;
  width: 50%;
  justify-content: flex-start;

}

.a-IRR-table  div#accionsRight{
  display:flex;
  width: 50%;
  justify-content: flex-end;
}

.a-IRR-table div[id*="accionsReg_"] div#accionsLeft div[id*="opAccioCheck_"]{
  display: table-cell;
  text-align: center;
  padding: 9px 12px;
}

.a-IRR-table div[id*="accionsReg_"] div#accionsRight div[id*="opAccions_"]{
  padding: .2rem .5rem;
}

.a-IRR-table div[id*="accionsReg_"] div#accionsRight div[id*="opAccions_"]{
  padding: .2rem .5rem;
}


.a-IRR-table div[id*="accionsReg_"] div#accionsRight div[id*="opAccions_"]  button{
  background: #dddddd;
  border-radius: 50px;
  color: #ffffff;
  padding: .55rem;
  min-width: 1rem !important;
}

.a-IRR-table div[id*="accionsReg_"] div#accionsRight div[id*="opAccions_"] button:hover{
  background: #c00000;
}

.a-IRR-table div[id*="accionsReg_"] div#accionsRight div[id*="opAccions_"] .t-Button.t-Button--noLabel.t-Button--icon > span:first-child{
  width: 1.9rem;
  height: 1.9rem;
  line-height: 1.9rem;
}



/******* MODAL WIZARD CONFIRM *******/
div[aria-describedby="modAlertes"] > div.ui-dialog-titlebar {
  display: none;
}

.t-DialogRegion.alerta-warning > div > div.t-DialogRegion-bodyWrapperOut > div {
  background-color: #F3EA5D;
  color: #333333;
  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;

}

#modAlertes .t-DialogRegion-buttons{
  background-color: #f5f5f5;
}

.t-DialogRegion.alerta-warning > div > div.t-DialogRegion-bodyWrapperOut > div > .alert_icon_w{
  margin-left: 20px;
}

.t-DialogRegion.alerta-warning > div > div.t-DialogRegion-bodyWrapperOut > div > .alert_icon_w .fa-warning{
  font-size: 6rem;
  color: #333333;
}

.t-Footer-topButton{
  box-shadow: 0 0 0 3px #999999 inset;
}

.a-Icon.icon-up-chevron {
  color: #999999;
}

.a-Icon.icon-up-chevron::before{
  font-weight: bold !important;
}

/* MEDIA QUERIES */

@media only screen and (min-width: 769px) {
  .t-Alert--page {
    top: 1rem;
    right: 1.1rem;
    box-shadow: 2px 2px 5px 0rem #fff, 0 3px 9px -2px rgba(0,0,0,.1);
  }

  .t-Alert--page.t-Alert--warning {
    background-color: #c00000;
  }

  .t-Alert--page.t-Alert--success {
    background-color: rgba(113, 161, 55, 1);
  }

  .t-Alert--page .t-Button--closeAlert {
    right: 5px;
    top: 5px;
  }

  .t-Alert--page .t-Alert-body, .t-Alert--page .t-Alert-header{
    padding: 8px 8px 8px 16px;
  }

  .t-Body-title-shrink .t-BreadcrumbRegion {
    padding-top: 0;
  }

  .t-Body-title-shrink .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-breadcrumb,
  .t-Body-title-shrink .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-title{
      display: inline-block;
      vertical-align: middle;
  }

  .t-Body-title-shrink .t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child{
    line-height: 2em !important;
  }

  .t-Body-title-shrink .btn_Burger{
    border-radius: 50px;
    padding:0;
  }

  .t-Body-title-shrink .btn_Burger span.t-Icon{
    font-size:16px;
  }
}

@media only screen and (max-width: 769px)  {

/*  .js-HeaderExpanded .t-Header,
  .js-HeaderContracted .t-Header {
    margin-top: 0 !important;
  } */

  .js-HeaderExpanded .t-Header{
    margin-top: 0 !important;
  }

  .t-Wizard .t-Wizard-body, .t-Wizard .t-Wizard-controls{
    padding:5px;
  }

  .t-Header-navBar-M{
    display: block;
  }

  .t-Header-branding, .t-Header-nav{
    display: none !important;
  }


  .t-Header-branding-M{
    display: flex !important;
  }

	.apex-top-nav.js-menuNavCollapsed .t-Header-nav{
		transform: none !important;
	}

  Button--navBar .t-Button-label {
  display: block;
  font-size: 1rem;
  }

  .t-Button.t-Button--icon.t-Button--header.t-Button--navBar {
    background: transparent;
  }

  .t-Region-title {
  line-height: 110%;
  margin: 0;
  }


	.t-BreadcrumbRegion-body{
		padding: 0px !important;
	}

  .t-Body-title-shrink .t-BreadcrumbRegion-body{
    padding: 0;
  }

  .t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child {
    line-height: 2rem;
  }

	.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child{
		font-size: 1.4rem !important;
	}

	.t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-breadcrumb, .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-title{
		display:inline-block;
	}

	.t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-titleText {
        font-size: 1.8rem;
        line-height: 4.1rem;
        font-weight: inherit;
  }

	.t-BreadcrumbRegion .t-BreadcrumbRegion-buttons button {
       flex-grow: 1;
       margin: 8px;
  }

  .t-Footer-topButton{
    box-shadow: 0 0 0 3px #999999 inset;
  }

  .a-Icon.icon-up-chevron {
    color: #999999;
  }

  .a-Icon.icon-up-chevron::before{
    font-weight: bold !important;
  }

}

.no-display
{
  display:none;
}