﻿
/*clases per backoffice */
  body.controls-visible{ padding-top: 35px;}
  body.controls-visible #dockbar{     position: fixed;    width: 100%;    top: 0; z-index: 2000;}
  body.controls-visible .std-social-web{ display: none;}
  body.controls-visible #header,
  body.controls-visible #nav-main,
  body.controls-visible #footer {  width: 1200px;  }
  body.controls-visible #nav-main {  width: 1200px;}
/*  body.controls-visible #content {  width: 1200px;}*/
/*  body.controls-visible .aui-w30{ width:30%;}*/
  body.controls-visible #tubular-container,
  body.controls-visible #tubular-shield{display: none;}

  /*Edicio pagina*/
    body.controls-visible #content .portlet-dropzone .journal-content-article *{ text-shadow:0px 0px 1px rgba(0,0,0,0.4);}
    body.controls-visible #content .portlet-dropzone .lfr-meta-actions.icons-container{ border-bottom:1px solid #eee; padding-bottom:8px; }
    body.controls-visible #content .portlet-dropzone .lfr-meta-actions.icons-container,
    body.controls-visible #content .portlet-dropzone .portlet-borderless-bar{opacity: 0;z-index:100 !important;}
    body.controls-visible #content .portlet-dropzone .portlet-boundary:hover .lfr-meta-actions.icons-container{        width: 200px;        height: 20px;}
    body.controls-visible #content .portlet-dropzone .portlet-boundary:hover .lfr-meta-actions.icons-container,
    body.controls-visible #content .portlet-dropzone .portlet-boundary:hover .portlet-borderless-bar{ opacity: 1;}
    body.controls-visible #content .portlet-dropzone .portlet-boundary:hover{ background:rgba(100,100,100,0.2);}
    body.controls-visible #content .portlet-dropzone *:hover{ transition: all 0.5s;}
    body.controls-visible #content .portlet-dropzone .hide{ border:5px dashed #f00; display: block;}
    body.controls-visible #content .portlet-dropzone .mobile{ border:5px dashed #ffbe00; display: block; position:relative;}
    body.controls-visible #content .portlet-dropzone .mobile:before{content:"mobile";position: absolute;top: -30px; background:#ffbe00; padding:5px; left:-5px; color:#fff;}
    body.controls-visible .portlet-journal-content .icon-actions {    z-index: 2000;    position: relative;}

    /*Marcar el "contingut comú" carregat via id de la comunitat "continguts-estandars"*/
		body.controls-visible #content [id*="11404980"] { border:5px dashed #ffbe00; display: block; position:relative;}
		body.controls-visible #content [id*="11404980"] + .icons-container:before { content:"NO ES POT EDITAR"; padding-top:7px; position:absolute;}
		body.controls-visible #content [id*="11404980"] + .icons-container a { display:none;}
		body.controls-visible #content [id*="11404980"]:before{content:"CONTINGUT NO EDITABLE";position: absolute;top: -30px; background:#ffbe00; padding:5px; left:-5px; color:#fff;}

		body.controls-visible.continguts-estandars #content [id*="11404980"] { border:0;}
		body.controls-visible.continguts-estandars #content [id*="11404980"]:before,
		body.controls-visible.continguts-estandars #content [id*="11404980"] + .icons-container:before { display: none;}
		body.controls-visible.continguts-estandars #content [id*="11404980"] + .icons-container a { display:inherit;}
		body.controls-visible .id_webcontent {position:  absolute;left: -72px;background: #ffbf31;padding: 4px;top: -1px;text-shadow: none;}

  /*arbre web*/
    body.controls-visible #content .lfr-table{ width: 100%;}
    body.controls-visible #content .aui-tree-container .despublicades { border-top:1px solid #eee; margin-top:15px; padding-top:10px;}
    body.controls-visible #content .aui-tree-container .pag_actual { font-weight:bold;}
    body.controls-visible #content .aui-tree-container .pag_actual .aui-tree-icon{ background-color:rgba(0,0,0,0.5); border-radius:50%; padding:2px; margin-left:-2px}
/*clases per backoffice*/

/*Afegeix bores discontinues i espais als nested portlets nomes en mode edició*/
.controls-visible .portlet-borderless-container{    padding: 15px!important;    border: 1px dashed black;    margin-bottom: 5px;}

/*auto section label on backOffice*/
.controls-visible #column-1>.portlet-column-content-only>.portlet-nested-portlets:before{    content: "SECTION";    background: green;    color: #fff;    padding: 2px 5px;    font-size: 0.563rem;    border-radius: 4px;    position: absolute;    left: 0;    margin-top: -11px;}
.controls-visible #column-1>.portlet-column-content-only>.portlet-nested-portlets.fluid:before{    content: "SECTION FULL";}
.controls-visible #column-1>.portlet-column-content-only>.portlet-nested-portlets>.portlet-borderless-container{    border: 2px dotted green;}

/*Botó [+] d'afegir elements ampliat de tamany*/
.repeatable-field-image img{    transform: scale(2);}

/*Resalta els portlets amb clase "pt-section"*/
.sectionTitle h2{    max-width: 1200px;    margin: 0 auto;    border-top: 1px solid;    margin-top: 10px;}

/*fa la caixa de clases del portlet mes gran*/
#portlet-set-properties .aui-field-input{    width: 100%;    height: 3em;}

/*Amplia el tamany de la clau d'edició del portlet*/
.lfr-actions.portlet-options .lfr-trigger strong a{    height: 20px;    width: 20px;    background-size: cover;}

/*Fixa el tamany de la barra d'edició del portlet perque no es moguin els botons de dins*/
.portlet-borderless-bar{    border: 1px solid transparent;    min-width: 100px;}
.portlet-borderless-bar:hover{    height: 20px;    border: 1px solid #fff;}

/*força la visualització del separador que apareix nomes quan cliquem config i fa que es mogui el botó*/
.portlet-borderless-bar .portlet-action-separator{    display: inline-block;}
.portlet-borderless-bar .portlet-actions{    position: absolute;}

/*barra de menu liferay fixada a dalt*/
.controls-visible #dockbar{    position: fixed;    width: 100%;}

/*posa com a capa superior la caixa d'opcions del portlet*/
.controls-visible .lfr-menu-list{    z-index: 9999;}

/*reset layout paddings on backoffice*/
.controls-visible #main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary{    margin-left: 0;    margin-right: 0;}
.controls-visible #main-content .portlet-layout #column-1,
.controls-visible .portlet-body,
.controls-visible .journal-content-article,
.controls-visible .portlet-column-content{    padding: 0;}
.controls-visible .portlet-dropzone{    padding: 30px 0!important;}
.controls-visible .portlet-borderless-bar .portlet-title-default{    width: 40%;    overflow: hidden;    height: 2em;    padding: 0;    background: none;}
.controls-visible .portlet-borderless-bar span.portlet-title-default{    font-size: 10px;    display: inline-block;}

/*movem la caixa de config dels nesteds una mica mes amunt per no tenir que fer scroll*/
.controls-visible .aui-panel[style]{    margin-top: -60px;}
.portlet-journal-content .icon-actions{    position: absolute;}
.header-back-to{    padding: 10px;}



/*img a edicio (icones)*/
.controls-visible .icon-actions img{ float:none; margin:0;}

