/* ============== txecpl.net, estils intranet ====== */
/* ============== cc. magicpl team 2014 ============ */

html {font-family:TipoBase!important}
body {/*background-color:#f9f8ed*/}
.container {padding-right:-1rem!important; padding-left:-1rem!important}

.amagamenu {position:fixed; top:0px; right:0px; left:0px; bottom:0px; width:100%; height:100%; z-index:1000; display:none }
.pantalla-bg {position:fixed; top:0px; right:0px; left:0px; bottom:0px; width:100%; height:100%; z-index:-1 }

.database > .pantalla-bg {background-color:#d9d9d9;}

/*.persota, .persobre {display:none}  /* per defecte els nodes de grups influents no es veuen */
.filters-dmmano a.inactive {color:#ddd!important}

.spinner  {background-color:#fafafa!important}
.panel-body ul {padding:0rem; margin:0rem;}
.panel-body ul > li {list-style-type: none; margin:0rem;}
.panel-body li {kkpadding:0.5rem 0rem!important;}  /*dlz, ho he tret, veuré on em feia algo..*/
li {margin:0px !important}
.panel .subpanel .bottomline {border-color:#eee!important}
.panel .subpanel .bottomline:last-child {border:none!important}

.panel-txec {border:0px solid #ddd!important; }
.panel-txec > .panel-heading {border-bottom: solid 1px #ddd!important}
/*.panel .subpanel {overflow:hidden}*/
.panel .subpanel:last-child {border:0rem; padding-bottom:0.5rem!important; margin-bottom:0.5rem!important}

svg {background: transparent!important;}
/*div {border-color:#ddd!important}*/

/* missatges del sistema */
#sismissatges {position:fixed; top:20%!important; width:100%; text-align:center; z-index:14000; }
#TXEC_depuraprog {position: fixed; bottom: 0px; height: 30%; background-color: rgba(0,0,0,0.8); color: #fff; z-index:10000; padding:2rem; width:100%}

#boto-menu { /*font-size:1.2rem; */ position:fixed; top:0; left:0px;z-index:9000!important; padding:0.7rem 0.4rem!important }
#boto-menu:hover { }

#scrollToTop {position:fixed; bottom: 3rem; right: 3rem; z-index:9000; display:none; }

#bar-lateral {height:100%; z-index:4000; width:23rem; position:fixed; top:3.1rem; left:0; display:none; border-right:solid 1px #eee}

#bar-pral {/*margin-bottom:0rem; padding-top:0rem; padding-bottom:1.4rem;*/ border-bottom:solid 1px #eaeaea!important; z-index:4990!important; /*background-color:#eee*/ }
.tit-bar-pral {font-size:1.3rem!important;}
#bar-user {position:fixed; top:0rem; right:0px; padding:0.2rem; border:0rem!important; z-index:6000!important }
/*
#bar-ariadna {padding-top:2.0rem; border:0rem!important; text-transform:uppercase; width:100%; z-index:3000; border-bottom:1px solid #f9f9f9!important; display:none!important }
*/
#bar-dimensio {margin-top:2.0rem; border:0rem!important; padding-bottom:0.2rem; width:100%; z-index:5000; /*border-top:1px solid #f9f9f9!important;*/ /*background-color:#ddd!important*/ }
.ariadna a:after {content:">"; color:inherit!important; margin: 0rem 0.1rem 0rem 0.3rem}


#bar-entorn {z-index:2900; background-color:transparent!important; padding-top:3.5rem!important }

#bar-entorn-grup {z-index:2900; background-color:rgba(255,255,255,1)!important; }
#bar-entorn-grup.affix {position:fixed; top:-1.5rem; width:100%}
#bar-entorn-grup.affix-top {position:static; margin-top:0rem; width:100%}

#bar-registre {z-index:900;  } 
#bar-registre.affix{position:fixed; top:-4.5rem!important; padding-top:2.2rem; width:100%; kkmargin-top:0px}
#bar-registre.affix-top {position:static; kkmargin-kktop:6rem; width:100%; }

.bar-registre {z-index:900!important; padding-top:1rem; /*margin-right: 4.1rem; /*margin-right:-1.1rem*/ } 
.bar-registre.affix {position:fixed; top:3rem; margin:0 auto!important; padding-top:0.5rem; width:100%!important; right:0px!important; left:0px; 
  -webkit-box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.05);
}
.bar-registre.affix-top > .container {
}
.bar-registre.affix-top {position:static; width:100%; }

.node-navega {z-index:900!important; } 
.node-navega.affix {position:fixed; top:5.3rem; margin-top:6rem}
.node-navega.affix-top {position:static; kkpadding-top:13rem}

#bar-user {position: fixed; top:0.2rem; right:0.5rem; vertical-align:top}
.miniatura-avatar{width:2.4rem!important; height:2.4rem!important;}
.miniatura-avatar:hover {width:2.4rem!important; height:2.4rem!important; }
.avatar img {width:100%!important; height:100%!important;}
.avatar-border { border:solid 0.3rem }
.avatar-border:hover { border:solid 0.3rem }

.circle-avatar {border-radius:1rem;}

/* posar els glyphicons amb una rodoneta de fons */
.glyphicircle {padding:0.3rem; text-align:center; background-color:inherit; border:solid 1px #999}
.kkkglyphicircle:hover {padding:0.3rem; text-align:center; background-color:#ff9000; border:solid 1px #ff9000}

.paddingtoptot {padding-top:8rem;}

#navbar-collapse-1 .nav > li > a {
  padding: 0.85rem 1rem; 
}

.tabs-apartats li {margin: 0rem!important; padding: 0rem 0.5rem!important;}
.tabs-apartats li.active a, #bar-entorn-grup li:hover a {padding-bottom:0.2rem; border-bottom: solid 0.2rem #333 !important; }
.tabs-apartats .list-inline li a {padding: 0.3rem 0.5rem!important;}

.tabs-subapartats li {margin: 0rem!important; padding: 0rem 0.5rem!important;}
.tabs-subapartats li.active a, #bar-entorn-grup li:hover a {color:#111!important}
.tabs-subapartats .list-inline li a {padding: 0.3rem 0.5rem!important; color:#555!important}



.titol-gran {}
.masonry-item {}
/***  colors! ***************************/
/*.caret {border-color:inherit!important}*/
.c-moltclar {color:#efefef!important}
.c-clar {color:#c5c5c5!important }
.c-mig {color:#999!important }
.c-fosc {color:#333!important }
.c-destaca {color:#dd9000!important} /*si no ho agafa de la configuració, mirar el head_html.html*/
.c-destaca-h:hover {color:#ff9000!important}  /*si no ho agafa de la configuració, mirar el head_html.html*/
/*background*/
.bg-moltclar {background-color:#efefef!important }
.bg-moltclar {background-color:#e6e6e6!important}
.bg-clar {background-color:#ddd!important }
.bg-mig {background-color:#999!important }
.bg-fosc {background-color:#333!important }
.bg-destaca {background-color:#dd9000!important}
.bg-destaca-h {background-color:#ff9000!important}
.bg-color {background-color:#d5d3c7!important}
.bg-color-ocre {background-color:#f9f8ed!important}
.bgpintat-clar {background-image:url('/www-app/css/generics/img/bg-clar.jpg'); background-repeat:repeat;}
.bgpintat-mig {background-image:url('/www-app/css/generics/img/bg-mig.jpg'); background-repeat:repeat;}
.bgpintat-fosc {background-image:url(#); background-repeat:repeat;}

/* tipus enllaços i combi hovers */
.link-destaca, a.link-destaca { color:#dd9000!important}
.link-destaca:hover, .link-destaca a:focus, a.link-destaca:hover, a.link-destaca:focus { color:#ff9000!important}
.link-destaca li.active a { color:#ff9000!important}

.link-destaca-inverse, a.link-destaca-inverse {
	background-color: #dd9000!important; color:#fff!important; padding:0.3 2rem!important /*to do, em molaria donarli padding pero no fa cas...*/
}
.link-destaca-inverse:hover, .link-destaca-inverse a:focus, a.link-destaca-inverse:hover, a.link-destaca-inverse:focus {
	background-color: #ff9000!important;
	color: #fff!important;
}
.link-destaca-inverse li.active a { background-color:#ff9000!important}

select option:focus {border:0px!important}

.link-blanc-mig a, a.link-blanc-mig { color:#ddd}
.link-blanc-mig a:hover, .link-blanc-mig a:focus, a.link-blanc-mig:hover, a.link-blanc-mig:focus { color:#999!important}
.link-blanc-mig li.active a { color:#999!important}

.link-clar-fosc2 a, a.link-clar-fosc2 { color:#bbb}
.link-clar-fosc2 a:hover, .link-clar-fosc2 a:focus, a.link-clar-fosc2:hover, a.link-clar-fosc2:focus { color:#999!important}
.link-clar-fosc2 li.active a { color:#999!important}

.link-clar-fosc a, a.link-clar-fosc { color:#999}
.link-clar-fosc a:hover, .link-clar-fosc a:focus, a.link-clar-fosc:hover, a.link-clar-fosc:focus { color:#444!important}
.link-clar-fosc li.active a { color:#444!important}

.link-mig-clar a, a.link-mig-clar { color:#666}
.link-mig-clar a:hover, .link-mig-clar a:focus, a.link-mig-clar:hover, a.link-mig-clar:focus { color:#999!important}
.link-mig-clar li.active a { color:#999!important}

.link-mig-fosc a, a.link-mig-fosc { color:#666}
.link-mig-fosc a:hover, .link-mig-fosc a:focus, a.link-mig-fosc:hover, a.link-mig-fosc:focus { color:#111!important}
.link-mig-fosc li.active a { color:#111!important}

.link-fosc-clar a, a.link-fosc-clar { color:#333}
.link-fosc-clar a:hover, .link-fosc-clar a:focus, a.link-fosc-clar:hover, a.link-fosc-clar:focus  { color:#999!important}
.link-fosc-clar li.active a { color:#999!important}

.link-tatxa a:hover {text-decoration: line-through}
/***  /colors ***************************/


.btn-txec {
  color: #fff;
  background-color: #dd9000!important;
  border-color: transparent!important;
}
.btn-txec:hover {
  color: #fff;
  background-color: #ff9000!important;
  border-color: transparent!important;
}

/*
.btn-txec2 {text-align:left!important; padding:0px!important}
.btn-txec2:hover {background-color:inherit;}
*/

/** tooltips **/
.tooltip, .popover {z-index:22000!important}
.txectooltip-info + .tooltip > .tooltip-inner {background-color:#d5d3c7!important; color: #666!important} /*dlz no se pq no va... ah, potser és que el pseudoclass siblings '+' vol dir q existeixen les 2 classes de costat*/
.tooltip-inner {background-color:#d5d3c7!important; color:#555;} 
.txectooltip-info + .tooltip > .tooltip-arrow {color:#d5d3c7!important; border-top-color: #d5d3c7!important;}/*dlz no se pq no va*/
.tooltip-arrow {color:#d5d3c7!important; border-top-color: #d5d3c7!important;}

/**/
.hoverbold:hover {border:solid 1px}


/**/

.obre-div-mesinfo {}
.div-mesinfo {display:none; position:absolute; margin-top:-1rem; margin-left:1rem; z-index:150!important}
/*.obre-div-mesinfo:hover > .div-mesinfo{ display:block!important}*/
/*.div-mesinfo:mouseout {display:block;}*/

/**/

/*  filtres i arbres de dades...*/
/*  ! mirar a bootstrap si hi ha tipus de classes per families...*/
.families-collapse .familia {display:inline-block!important; width:30%; margin-right:2%; margin-bottom:1rem; vertical-align:top!important; /*border:solid 1px red; */  line-height:1rem!important; text-align:left!important }
.pare {display:block; width: 100%; padding:3px 5px 2px 0px; color:#666; kkline-height:0.7rem }
.fill {display:block; margin-left:1rem!important; padding: 3px 5px 2px 0px; kkline-height:0.7rem }

.arbre-petit > li, .arbre-petit {margin:0px; padding:0px!important; line-height:1rem!important;}
.arbre-petit a {display:block; width: 100%; padding:3px 5px 2px 0px!important; color:#666; kkline-height:0.7rem }


/*  llistes i plantilles de plli ...*/
.panel-txec .panel-heading .kkicons-info, .panel-txec .panel-heading .icons-accions {
	opacity: 0.15!important;
	-moz-opacity: 0.15!important;
	-webkit-opacity: 0.15!important;
}
/*.panel-heading:hover a.icons-accions, .panel-heading:hover .mesinfo {*/
.icons-accions {
   opacity: 0!important;
   -moz-opacity: 0!important;
   -webkit-opacity: 0!important;
}
.panel-txec-plli:hover .icons-accions, .panel-txec-plli:hover .icons-info {
	opacity:1!important;
	-moz-opacity:1!important;
	-webkit-opacity:1!important;

   -webkit-transition: opacity 0.3s ease-in;
   -moz-transition: opacity 0.3s ease-in;
   -o-transition: opacity 0.3s ease-in;
   -ms-transition: opacity 0.3s ease-in;
   transition: opacity 0.3s ease-in;

   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.desplega .panel-heading .collapsed > .icons-accions {
    /*content: "\e114";*/
	opacity:1!important;
	-moz-opacity:1!important;
	-webkit-opacity:1!important;
}

.desplega > .panel-heading {
	background-color:#fff!important;
	border-left:solid 0.3rem #fff!important;
}
.desplega:hover > .panel-heading {
	background-color:#efefef!important;
border-left:solid 0.3rem #999!important;
}
.desplega > .panel-heading.obert {
	background-color:#efefef!important;
	border-left:solid 0.3rem #999!important;

}
.desplega:hover > .panel-heading.obert {
	background-color:#efefef!important;
	border-left:solid 0.3rem #999!important;
}

.desplega .in {
border-left:solid 0.3rem #999!important;
border-bottom:solid 0.3rem #999!important;
}
.panel-txec-plli {
	border-radius:0px!important;
	-moz-border-radius:0px!important;
	-webkit-border-radius:0px!important;
	-ms-border-radius:0px!important;
    border:0px;
	border-bottom:solid 1px #eee
}

.panel-txec-plli > .panel-heading {
	border:0px!important; outline:0px;
	box-shadow:0px; moz-box-shadow:0px;
	padding:0.5rem 1rem; margin:0px;  
	border-radius:0px!important;
	-moz-border-radius:0px!important;
	-webkit-border-radius:0px!important;
	-ms-border-radius:0px!important;
border-left:solid 0.3rem #fff!important;

}
.panel-txec-plli .panel-heading.obert .ico-desplega > span {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   -webkit-transition: opacity 0.3s ease-in;
   -moz-transition: opacity 0.3s ease-in;
   -o-transition: opacity 0.3s ease-in;
   -ms-transition: opacity 0.3s ease-in;
   transition: opacity 0.3s ease-in;
}

.panel-txec-plli > .panel-title {padding:0.1rem 0.1rem!important; font-size:1rem!important!; }


/* helper classes */

.label-default {background-color:#ddd!important}

.cercaenlinia {display:none; margin:0px;}
.cercaenlinia-open {margin:0px;}

/* etiquetes */
.theme-items span span {margin-top:0.2rem;  padding:0.2rem; display:block; border: solid 1px #fff; border-radius:0.2rem; moz-border-radius:0.2rem; webkit-border-radius:0.2rem}
.categories-node span span, .etiqueta {margin-top:0.4rem; margin-right:0.2rem; padding:0.2rem 0.5rem; display:inline-block; background-color:#eee!important; border-radius:0.2rem; moz-border-radius:0.2rem; webkit-border-radius:0.2rem}


/*** DMMAreg ***/

#d3dmmaboles {top:0px; left:0px; right:0px; bottom:0px; position:fixed; margin:15px; margin-top:140px; }
/*
#d3dmmaboles svg{width:100%; background-color:none; height:100%; margin:0px; }
*/


/* categories i subnivells de categories */

.liChild {margin-left:1rem!important;}


/**/
/*** Entorn admins i generics crud ***/
.kktaula-relacionats {width:100%!important; overflow:scroll; table-layout:fixed!important; font-size:0.8rem}
.kktaula-relacionats th {width:100px!important; overflow:hidden!important; white-space:nowrap; kktext-overflow:ellipsis;}
.kktaula-relacionats td {width:100px!important; overflow:hidden!important; white-space:nowrap; text-overflow:ellipsis;}
/*max-width:50px*/


/***  PETIT (mobil)  XS ***************************/
@media only screen 
and (max-width : 319px) {

}


/***  PETIT-MITJA (mobilwide /tablet portrait) SM ***************************/

@media only screen
and (min-width : 320px) 
and (max-width : 479px) {

   @media only screen
   and (orientation : landscape) {

   }
   @media only screen
   and (orientation : portrait) {

   }
}


/***  MITJA (tablet) MD ***************************/
@media only screen
and (min-width : 480px)
and (max-width : 767px) {

   @media only screen
   and (orientation : portrait) {

   }
   @media only screen
   and (orientation : landscape) {

   }
}


/***  MITJA-gran (tablet-wide) LG ***************************/
@media only screen
and (min-width : 768px)
and (max-width : 1023px) {

   @media only screen
   and (orientation : portrait) {

   }
   @media only screen
   and (orientation : landscape) {

   }

}
/***  GRAN (pantalla pc) XL ***************************/
@media only screen
and (min-width : 1024px) {

}

/* coses del bootstrap */
.cercaenlinia .form-control, .cercaenlinia-open .form-control {
  display: block;
  width: 100%;
  height: 24px;
  padding: 0px 0.2rem;
  font-size: 1rem;
  /*line-height: 1.428571429 */;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.label-default {
  background-color: #8f8f8f!important;
}

.img-circle, .img-circle img {
  border-radius: 50%;
}


.form-control:focus {
  /*border-color: rgba(82, 168, 236, 0.8); /*dlz, color blau a canviar*/
   border-color: #ccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(1, 1, 1, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(1, 1, 1, 0.2);
}
/*.dropdown-menu {kkoverflow:kkhidden!important}  /*pq l'hover del li a feia cantonades quadrades...*/
.dropdown-menu > li > a {
  padding: 0.3rem 1rem;
}
.dropdown-menu > li > a.disabled {
  cursor: not-allowed;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #fafafa;
  color: inherit;
}

.modal-header, .modal-footer {border-color:#666!important}

.glyphicon {font-size:80%}

.alert {margin-bottom:0px}
	
/*** menu lateral ***/

.menu-level0 li a {padding:0.5rem; kkbackground-color:#eee; display:block}
.menu-level0 li a:hover {background-color: #fff; }
.menu-level1 li a {padding:0.5rem; padding-left:1.5rem}
.menu-level2 li a {padding:0.5rem; padding-left:2.5rem}

.iconmenu {
padding-top:0.2rem;
font-size:0.8rem;
float: right;
color:#d5d3c7;
}
.glyphicon.iconmenu:before {
content: "\e080";
}
.active > a > .glyphicon.iconmenu:before {
content: "\e114";
}
.plus-times {
float: right;
}
.fa.plus-times:before {
content: "\f067";
}
.active > a > .fa.plus-times {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.plus-minus {
float: right;
}
.fa.plus-minus:before {
content: "\f067";
}
.active > a > .fa.plus-minus:before {
content: "\f068";
}

/*** /menu lateral ***/

  .navbar-nav {
    margin: 0;
  }
  .navbar-collapse{
    padding: 0;
  }


/* alguns extres per ordenar */
.file-input-wrapper {} /*bootstrap.file-input*/




/*****************************************/
/* colorpicker matisos */
.ui-widget {background-color:#fff!important; border: solid 1px #ddd; padding: 1rem!important;}
.evo-pop {width:auto!important}