@charset "utf-8";


/*base css ó */
@import url("base2.css");
@import url("jquery-ui-timepicker-addon.css");
@import url("jquery.ui.spinner.css");
@import url("chosen.css");
@import url("font-awesome.min.css");
/*@import url("gotham.css");*/
@import url("make_ext.css");
@import url("jstree/style.css");
/*@import url("css-tooltip.css"); */


.srt { list-style-type: none; margin: 0; padding: 0; width: 90%; }
.srt li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 0.9em; height: 18px; }
.srt a:hover{text-decoration: underline!important;}
.srt a{margin-left: 0.3em;}

body{
 font-family: 'Segoe UI','trebuchet MS', 'Helvetica nue', Helvetica, Arial , sans-serif!important;
 font-size: .9em;
 height:100%;
 width:98%;
 /*position:absolute;*/
}

.cospr a{
    color:rgb(34,34,34);
}

input[type='text']
{
    text-overflow:ellipsis;
    /*title:content;*/
}

label{margin-right:.5em;font-weight: bold;color:black;}

label > input,label > select{margin-left:.5em;}

legend{
    margin-left:-10px;
    margin-top:-18px;
    padding:5px;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 0.9em;
    color:white;
    background-color: #66B028;    
}

fieldset{
    margin-top:25px;
    border:2px solid #66B028;
    margin-bottom: 0.5em;
}

a img{border:none!important;}

hr{ border:0;
    color: #66B028;
    background-color: #66B028;
    height: 5px;
}
h1{
    display:inline;
    color: #525252;
}

/*span:hover ~ img {
  clip: rect(0, 400px, 200px, 0);
}*/

a.tornar:before{
    content: "";
    display:inline-block;
    width:10px;
    height:10px;
    background-image: url(custom-theme/images/ui-icons_789AA2_0.png);
    background-position: -100px -18px !important;
    background-repeat:no-repeat !important;         
}

a.tornar{
    text-decoration: none;
    color: #4B95D7;
    margin-right: 2em;
    font-weight: bold;
}
a.tornar:hover{
    text-decoration: underline;
}
a.tornar:hover + h1{
    color:red;
} 
/** proves SCROLL */

.tauladades.scroll tbody{
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tauladades.scroll tbody,
.tauladades.scroll thead,
.tauladades.scroll tfoot { display: block; }
    /*


.tauladades.scroll thead > tr, .tauladades.scroll tbody{
    display:block;
}
         
.tauladades.scroll
{
    width:500px;
}

.tauladades.scroll>thead
{
    display:block;
    position:relative;
    overflow:hidden;
    z-index:2;
}

.tauladades.scroll>tbody
{
    display:block;
    position:relative;
    margin-top:-1px;
    z-index:1;
    height:100px;
    overflow-y:auto;
    overflow-x:hidden;
}

.tauladades.scroll>thead>tr>th,
.tauladades.scroll>tbody>tr>td
{
    min-width:15px;
}            


 */
/****FI SCROLLL*/

.tauladades {
border-collapse:collapse;
width:100%;
/*height:100%;*/
}
.tauladades tbody {
   /* overflow: auto;*/
}

.tauladades thead th,
.tauladades thead td{
	border: 1px solid #000000;
	font-weight:bold; background-color:#eee; margin-bottom:3px;
    color:black!important;
}

 /*
.tauladades.scroll thead > tr, .tauladades.scroll tbody{
    display:block;
}
         */
         /*
.tauladades.scroll
{
    width:500px;
}

.tauladades.scroll>thead
{
    display:block;
    position:relative;
    overflow:hidden;
    z-index:2;
}

.tauladades.scroll>tbody
{
    display:block;
    position:relative;
    margin-top:-1px;
    z-index:1;
    height:100px;
    overflow-y:auto;
    overflow-x:hidden;
}

.tauladades.scroll>thead>tr>th,
.tauladades.scroll>tbody>tr>td
{
    min-width:15px;
}               */

.tauladades tbody td{
	/*border: 1px solid #000000;    */
    border-left: 1px solid #00539B;
    border-right: 1px solid #00539B;
    border-bottom: 1px dotted #00539B;
	/*padding-left:0.3em;*/
    padding:0.3em;
	font-size:0.9em;
    color: #444444!important;
}

.tauladades tbody tr:hover{
	background-color: #B3D894; /*#EEEEEE;*/
    
}

.tauladades_noview{
	display:none;
}

.tauladades_centrat{
	text-align:center;
}

.tauladades input[type="text"],
.tauladades input[type="number"],
.tauladades select{
    background: transparent;
    border:none;
    width: 99%;
    height:99%;
}

.tauladades input[type="text"].hasDatepicker{
    width:85%!important;
}

/*.tauladades input[type="text"]{
    width: 95%;
    border-style: none;
} */

.tauladades input:focus{
	border:1px blue solid;
   /* background:default;  */
}


.tauladades a:hover,.tauladades a:focus{
	text-decoration:underline;
}

.tauladades tfoot tr.peulin{
    background: none repeat scroll 0% 0% rgb(179, 216, 148);
}
.tauladades tfoot tr.peutot{
    background: none repeat scroll 0% 0% rgb(179, 216, 148);
}
.tauladades tfoot td{
    text-align: right;
    border-top: 1px solid #EDF9E3;
    border-bottom: 1px solid #EDF9E3;
    border-right: 1px dotted #EDF9E3;
    border-left: 1px dotted #EDF9E3;
}
  
.tauladades  tbody tr td a{
	margin-right:0.3em;
}

.grsingle tbody td.trsel:hover,
.grmulti tbody td.trsel:hover{
        background-color: #EEEEEE;
}

.grsingle tbody tr.selected,
.grmulti tbody tr.selected,
.grsingle tbody tr.ui-selected,
.grmulti tbody tr.ui-selected{
        background: none repeat scroll 0% 0% rgb(255, 255, 204); 
        color:rgb(34,34,34);
}

.grsingle tbody td.trsel,
.grmulti tbody td.trsel{
width:15px;
height:15px;
cursor:pointer;
padding:0px;
text-align: center;
}
.grsingle td.trsel div.first,
.grmulti td.trsel div.first{
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(155, 155, 155);
    font-size: 1px;
    height: 11px;
    margin: 0px;
    outline: 0px none;
    vertical-align: middle;
    width: 11px;
    position: relative;
    display: inline-block;
}

.grsingle tr.selected td.trsel div.first div,
.grmulti tr.selected td.trsel div.first div{
    height: 15px;
    outline: 0px none;
    width: 15px;
    left: 0px;
    position: relative;
    top: -3px;
    background: url("checkmark.png") no-repeat scroll -5px -3px transparent;
}



.tauladades caption{
    color: black;
    margin-top:0.3px;
    margin-bottom: 2px;
    padding:1px;
    background-color: #66B028;
    border: 1px solid #66B028;
    overflow: hidden;
    background: rgb(102,176,40); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(237,249,227,1) 0%, rgba(102,176,40,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,176,40,1)), color-stop(100%,rgba(0,83,155,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(237,249,227,1) 0%,rgba(102,176,40,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(237,249,227,1) 0%,rgba(102,176,40,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(237,249,227,1) 0%,rgba(102,176,40,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(237,249,227,1) 0%,rgba(102,176,40,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF9E3', endColorstr='#66B028',GradientType=1 ); /* IE6-9 */
}

.tauladades caption div{
    display:inline-block;
   /* border:1px solid black; */
    height:100%;
    overflow: hidden;
}

div.grd_titol{
  text-align: center; 
  vertical-align: middle;   
}

.grd_botons{
 float:left;
 padding:0.2px;
 overflow:hidden; 
}

.grd_pag_pack{
    float:right;
    margin-top: 3px;
    padding:2px;
}

.grd_botons a,
.grd_pag a{
    -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
    box-shadow:inset 0px 1px 0px 0px #bee2f9;
    background-color:#66B028;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0px;
    border:1px solid #AFC4C8;
    display:inline-block;
    color:#ffffff!important;
    font-size:1em;
    font-weight:normal;
    font-style:normal;
    vertical-align: middle;
    padding:5px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #7cacde;
}
.grd_pag{
    margin-right:1em;
}

.grd_pag span{
    color:white;
    font-size: 0.9em;
}
.grd_pag > a:first-of-type{
 margin-left:5px;
}

.grd_pag a{
    font-size: 1.2em;
    width: 21px;
    height: 21px;
    text-align: center;
    vertical-align: middle;
    padding:0;
}

.grd_pag a.fwd{
    background: url("grid/icons.png") no-repeat scroll -42px -21px transparent;
}
.grd_pag a.bck{
    background: url("grid/icons.png") no-repeat scroll -22px -21px transparent;
}

.grd_pag a.disabled {
   pointer-events: none;
   cursor: default;
   opacity: 0.4;
}

.grd_lupa{
   font-size: 1.2em;
   color: white!important;
   font-family: 'FontAwesome';
   cursor:pointer;
   text-decoration: none;
   outline: none;
}
.grd_lupa:after{
   content:"\f002"; 
}
a.grd_lupa:hover,
a.grd_lupa:active,
a.grd_lupa:focus{text-decoration: none;}

.grd_fnd{
    background-color: transparent;
    padding:3px;
    margin-right: 2px;
    overflow:hidden;
    text-align: right;
}

.grd_fnd input{
    width:9em;
    border: none!important;
    
}

.grd_botons a:hover,
.grd_pag a:hover,
.grd_botons a:focus,
.grd_pag a:focus{
    text-decoration:none;
    border:1px solid #66824F;
}
.grd_botons a:active,
.grd_pag a:active {
    position:relative;
    top:1px;
    text-decoration:none;
}

.grd_botons .grd_butmsel, 
.grd_botons .grd_but1sel,
.grd_botons .grd_butsel{display:none;}
   

.grmsel .grd_botons .grd_butsel,
.grsel .grd_botons .grd_butsel,
.grsel .grd_botons .grd_but1sel,
.grmsel .grd_botons .grd_butmsel{display:inline-block!important;}

.tauladades a{
    text-decoration:none;
    color:#3B3B35;
}

.tauladades div.tpc{
    height:8px;
    width:90%;
    border:1px solid #4B95D7;
    position:relative; 
    background: white;
    margin:4px;
}

.tauladades div.tpc div{
    height:100%;
    background-color: #4B95D7;
    background: rgb(75,149,215); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(75,149,215,1) 0%, rgba(120,154,162,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(75,149,215,1)), color-stop(100%,rgba(120,154,162,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(75,149,215,1) 0%,rgba(120,154,162,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(75,149,215,1) 0%,rgba(120,154,162,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(75,149,215,1) 0%,rgba(120,154,162,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(75,149,215,1) 0%,rgba(120,154,162,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B95D7', endColorstr='#00539B',GradientType=1 ); /* IE6-9 */   
}
.tauladades div.tpc span{
    top: -1px;
    font-size: 0.6em;
    position: absolute;
    z-index: 2;
    color: black;
    text-align: center;
    width: 100%;
}
/*.tauladades tbody a > *:after{
    content : url("external.png");
    padding-left:3px;
}

.tauladades tbody a img:after{
    content : none!important;
    padding-left:0px;
}
  */
   
.tauladades tbody a:after{
    content: url("external.png");
   /* background-image:   */
    margin-left:2px;
    /*background-repeat: no-repeat;
    background-position: center right;
    padding-right: 12px;  */
}
.tauladades tbody a img{
    background-image: none !important;
    padding-right: 0px;
}  

/* Zebra striping */
.tauladades tr:nth-of-type(odd) { 
  background: #DAF2C6; 
}

span.grdsrt{
    position:absolute;
    background-color: #EEEEEE;
    border:1px solid black;
    border-right:none;
        
}

span.grdsrt a:after,
a.noext:after{
  content:none!important;
  margin-left:0px;
}


a.gdocdown:after,
a.gdocdel:after,
a.gdocinfo:after{
  content:none!important;
  margin-left:0px;
}

a.gdocdown:hover span,
a.gdocinfo:hover span{
  /*font-size:1.5em;*/
  color:green;
}
a.gdocinfo:hover span{
    -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
a.gdocdel,
a.gdocinfo{
    font-size:1.1em;
    margin-left:0.5em;
    margin-right: 0.8em;   
  /*  padding-left:0.4em;
    padding-right:0.2em;  */
}
a.gdocdel:hover span{
  /*font-size:1.5em;*/
  color:red;
}


@media only screen and (max-width: 650px) {
    /* Force table to not be like tables anymore */
    .tauladades thead,
    .tauladades tbody,
    .tauladades th,
    .tauladades td,
    .tauladades tr {
    display: block;
    }
     
    /* Hide table headers (but not display: none;, for accessibility) */
    .tauladades thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
     
    .tauladades tr { border: 1px solid #ccc; }
     
    .tauladades td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align:left;
    }
     
    .tauladades td:before {
    /* Now like a table header */
   /* position: absolute; */
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
    }
     
    /*
    Label the data
    */
    .tauladades td:before { content: attr(data-title); }
}

.tauladades thead tr th span.indicador:hover {
  cursor: pointer;  
}

.tauladades thead tr th.nsortable span.indicador:hover {
  cursor: default!important;
  color:grey!important;  
}  



.tauladades thead tr th span.indicador {
  display: inline-block;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 2px;
  margin-left: 5px;
  font-size:12px;
}

.tauladades thead tr th.nsortable span.indicador {
  color:grey!important;  
}
.tauladades thead tr th.sorted-asc span.indicador:before {
  content:"\f0dd";
}
.tauladades thead tr th.sorted-desc span.indicador:before {
  content:"\f0de";
}
.tauladades > thead > tr > th > span.indicador:before {
  content:"\f0dc";
}


/*** PAGINACIÓ ***/

.grd_pag,    
.pagbus{
 z-index:0;
 display:inline;
 color: white;/* #565757;*/
 padding:0.2px;
}
.pagbus a{
 /*color: #565757;  */
 color: #DFDFDF!important; 
 text-decoration:none;
 padding-left:2px;
 padding-right:2px;
}
.pagbus a:hover,
.pagbus a:focus{
 text-decoration:underline;
}

.pagbus span.sel{
 font-weight:bold;
 /*color:#000000;*/
 color:#FFFFFF;
 padding-left:2px;
 padding-right:2px;
}

/*salta teclat*/

.salta-navegacio a:focus{
position:static;
width:auto;
height:auto; 
}

.salta-navegacio{
 display:inline!important;
 float:none!important;
 background-color :transparent!important;
 }
.salta-navegacio a{
    background-color :transparent!important;
    text-decoration:none!important;
    border:none!important;
    position:absolute;
    /*per a que es vegi en lectors de pantalla display none desactiva la lectura*/
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
background-color : #fff!important;
}

/** FINAL PAGINACIÓ ***/

/*** FINAL TAULA  TOT ***/

.correcte{
/* border: 1px solid #00CC33;*/
 background: #00CC33;    
 color:white;
background-image: url("sm-success.png");
background-repeat: no-repeat;
background-position:left;
padding:0.6em;
padding-left:25px;
}

.bora, .error{
    border: 1px solid #000000;
}

.error{
 background-color: #F55050;
 /*display:none;  */
}
.error_mail{
 background-color:#F55050;
 border: 1px solid #000000;
 margin-top:5px;
 margin-bottom:5px;

}

.oculta{
 display:none;
}


.basetotal{
 position:fixed;
 left:0; top:0; width:100%; height:100%;
 background-color:#000000;
}
.divcentre{
 position:fixed;
 left:25%; top:25%; width:50%; height:50%;
 background-color:#FFFFFF;
 overflow: auto; 

}

.ui-autocomplete {
		max-height: 100px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 20px;
	}
	
.error_ico_min{
 background-image: url("sm-failed.png");
 background-repeat: no-repeat;
}

.alert_ico_min{
 background-image: url("sm-alertO.png");
 background-repeat: no-repeat;
}

.ok_ico_min{
 background-image: url("sm-success.png");
 background-repeat: no-repeat;
}


.esq{
	float:left;
	width:50%;
	margin-right:2px;
	overflow:auto;
}

.ui-tabs-panel{
 /*border: 1px solid #000 !important;*/
}

div.tb{
	overflow:hidden;
}

form.cerca{
 border: solid #000000 2px;
 background-color: #EDF9E3;
 padding: 0.3em;
 margin:0.6em;
}

form.cercaMens{
  background-color: #58FA58!important;
}

form.cerca div{
    display:inline-block;
    margin-right: 0.3em;
    vertical-align: middle;
}
form.cerca p{
    margin:0;
}
form.cerca label{
    font-weight: bold;
   /* color: black;*/
}

form[id=filtre_entrades]{
 font-size: 0.8em;
 border: solid #000000 1px;
 background-color: #EDF9E3;
 padding: 0.4em;
 margin:0.6em;
}
form[id=albara]{
 font-size: 0.8em;
 border: solid #000000 1px;
 background-color: #B5E14F;
 padding: 0.4em;
 margin:0.6em;
}

#centres,#magatz{
 width:20em;
}

span.dtcompo{
	border: 3px dotted #000000;
	margin-right:0.5em;
	padding:0.2em;
}

#detallot{
	background-color: #D7D397;
	border: 1px solid black;
	font-size:0.8em;
	padding:1em;
    max-height: 15em;
    overflow: auto;
}
#detallot p{
	margin:0;
	padding:0;	
}

.registre_materials{
   list-style-type:none;
   padding:0;margin:0;
   overflow: hidden; 
}
.registre_materials li{
 padding-top: 1px;
 padding-bottom: 1px;
 margin:0;
}
.registre_materials li.selected{
    background-color: rgb(174, 194, 199);
    text-align:right;
}

/*submenu*/

 .submenu{
    position: absolute;
	height:auto;
	z-index:100;
	/*margin-top:.3em;
    margin-left:.3em; */
	/*background-color:#eee; */
	border:1px solid #dedede;
	padding:0px;
    margin:0; 
    
    top: -12px;
    left: -20px;
   background: #fff;
             list-style:none;
   border-top:1px solid #dedede;

/*width: 135px;*/
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
 }

 /* .submenu li{
	float:none;
	border-bottom: 1px solid black;
	padding-top:0.1em;
	padding-bottom:0.1em;
	list-style-type: none;
	margin:0;
	padding:1px;
 }    */
.mnupl{
    background: url("arrow.png") no-repeat transparent;
    background-position: right;
     padding-right:1em;
} 

 .submenu li a{
	text-decoration:none;
   /* color: #555555;  */
   font-size: 0.8em;
display: block;
font-weight: bold;
padding: 6px 15px;
cursor: pointer;
 }
  .submenu li a:hover{
	/*text-decoration:underline;*/
    background:#155FB0;
color: #FFFFFF;
text-decoration: none;
 }
 
 /*menuprincipal*/
 #basetot{
	position:absolute;
	width:98%;
	height:98%;
	overflow:auto;
 }
 .menuesq{
	position:relative;
	margin-right:5px;
	/*border: solid black 1px;*/
	overflow:hidden;
	width:15%;
	height:100%;
	float:left;
	min-width:190px;
 }
 
 .cospr{
	/*width:83%;
	float:left;*/
	height:100%;
	overflow:auto;
 }

#mnupr a{
	text-decoration:none;
	font-size:0.9em;
}
#mnupr h3{
        font-size: 1.1em;
}

#mnupr a:hover,#mnupr a:focus{
	text-decoration:underline;
}
#mnupr div{
	padding:0;
	margin:0;
}

#mnupr ul{
	text-indent:0;
	padding:0;
	margin:0;
}

#mnupr li.selected a{
    color:#E56425;
}

#mnupr li{
	list-style-type: none;
	padding-left:1em;
	margin:0;
    
}

#mnupr li.selected{
    background-color:#DAF2C6;
   /* background-color:#AEC2C7;
    background-color: #4B95D7;*/
   padding-top:4px;
   padding-bottom:4px;
   
}

#mnupr li.selected a{
    font-weight: bold;
  /*  color:white!important;
    color:black!important;  */
    
}

 /*login*/
#login{
	background-color:white;
	background-image: url("logogen.jpg");
	background-repeat:no-repeat;
	background-position:center top; 
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	width:40%;
	padding-top:120px;
	padding-bottom:10px;
	border-radius: 15px 15px;
	border: 1px black solid;
} 

#login p{
	text-align:center;
}

#login div{
	width:100%;
	text-align:right;
	margin-bottom: 1em;
}
#login label{
	text-align:right;
	color:black;
	font-weight:bold;
}
#login input{
	margin-left: 1em;
	background-color: #777777;
	border: solid white 1px;
	color:white;
}

#login input[type="text"],#login input[type="password"]{
	margin-right:25%;
}

#login input:focus{
	background-color: #dddddd;
	color:black;
}

.menu_prin {
    height:100%;
    width:100%;
}
 
/* css tocado por mi */
.foto{
width: 150px;
height: 200px;
background-color: white;
border: solid 1px #000000;
}

/* tema notas!!! */
#clasificadores .clasificador{
	float:left;
	border:1px solid #000;
	margin:5px;
	padding:2px;
	font-size: 11px;
	background:#CCC;
}

#clasificadores .clasificador:hover
{
	background-color:yellow;
} 

.papelera_transaccion{
	/*border:#090;
	border-style:solid;
	border-width:thin;
	border-radius:20px;
	padding:5px;*/
	border:2px solid #F00;
	padding:5px;
}

#selectable .ui-selecting { background: #8181F7; border:solid 1px; border-color:#000 }
#selectable .ui-selected { background: #2E2EFE; color: white; border:solid 1px; border-color:#000 }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; float:left;  }
#selectable li { margin: 3px; padding: 0.4em; font-size: 15px; height: 18px; border:solid 1px; display:inline; float:left; width:30%; background:#FFFFFF }


.stilboto {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');  
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    /*font-family:arial;
    font-size:15px;   
    font-weight:bold; */
    padding:4px 8px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.stilboto:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');     
    background-color:#dfdfdf;
}.stilboto:active {
    position:relative;
    top:1px;
}

a.append,a.modi,a.eli,a.lupa,a.historic{
    width:16px;
    height:16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-left:4px;
    display: inline-block;
}



a.append:hover,a.modi:hover,a.eli:hover,a.lupa,a.historic:hover{
    width:20px;
    height:20px;    
}
a.append{
background-image: url("notas/add.png");
}
a.modi{
background-image: url("notas/modi.gif");
}
a.eli{
background-image: url("notas/del.png");
}
a.lupa{
background-image: url("notas/lupa.png");
}
a.historic{
background-image: url("notas/historic.gif");

}
a.append:after,a.modi:after,a.lupa:after,a.historic:after,a.eli:after{
content:none!important;
margin-left:0px;

}

/*tooltip span CSS posar data-descr="ffff" al span en questio */
span[data-descr] {
        position: relative;
        text-decoration: underline;
        color: #00F;
        cursor: help;
    }

    span[data-descr]:hover::after {
        content: attr(data-descr);
        position: absolute;
        left: 0;
        top: 24px;
        min-width: 200px;
        border: 1px #aaaaaa solid;
        border-radius: 10px;
        background-color: #ffffcc;
        padding: 12px;
        color: #000000;
        font-size: 14px;
        z-index: 1;
    }
/*fi tooltip span css*/
    
 /* input + div.help_input {
       position:relative;
  }  */
 input:focus + div.help_input {
    display:block; 
    position:absolute;
    top: 24px;
    left:0;  
}
   
div.help_input{
    display:none;
    background-color: #454344;
    color:white;
    font-size: 0.7em;
    border: solid 1px black;
    z-index: 1000;
    padding:1em;
}

#prl .cursprl{
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	float:left;
	border-style:solid;
	border-color:#F00;

	margin:5px;
	padding:2px;
	background:#F78181;
}

#prl .cursprl:hover
{
	background-color:yellow;
} 

.styled-select select {
   font-family: Georgia;
  font-size: 16px;
  color: #f6f6f6;
  background-color:#999999;
  border: 0 none;
  padding: 5px;
 }
 
 .tasca {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.tasca:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.tasca:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }



.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "SI";
    padding-left: 10px;
    background-color: #2FCCFF; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.curvedarrow{
    position:relative;
    display:inline-block; 
    width:0; 
    height:0; 
    border-top:9px solid transparent; 
    border-right:9px solid red; 
    -webkit-transform:rotate(10deg); 
    -moz-transform:rotate(10deg); 
    -ms-transform:rotate(10deg); 
    -o-transform:rotate(10deg);
} 
.curvedarrow:after {
    content:""; 
    position:absolute;
    border:0 solid transparent;
    border-top:3px solid red;
    border-radius:20px 0 0 0;
    top:-12px;
    left:-9px;
    width:12px;
    height:12px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}

.bot_verif_dni {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color:#fe1a00;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:1px solid #d83526;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:28px;
    line-height:28px;
    width:101px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #b23e35;
}
.bot_verif_dni:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
    background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color:#ce0100;
}.bot_verif_dni:active {
    position:relative;
    top:1px;
}

.divspannowrap span{
    white-space:nowrap;
}

span.lab {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid gray;
    height:2em;
    padding:0px;
}


span.lab input:focus, 
span.lab textarea:focus {
      position:relative;
    /*  background: none;*/
      height: 1.6em;
      top: -3px;
      padding: 0px;
}

span.lab.focus label, 
span.lab.focus label{
    background: #f06d06 !important;
  /*  background: #4B95D7 !important;*/
    color: white !important;
    font-size: 0.6em;
    padding: 1px 6px;
    top: 2em;
   
}

span.lab label {
    transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
    position: absolute;
    color: #999; 
    padding: 3px 6px;
    margin : 0px!important;
    font-weight: normal;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}
span.lab textarea {
    display: block;
    resize: vertical;
}


/*no funciona del tot correcte per culpa del z-index i el ancestre i valid*/

span.lab input, 
span.lab textarea {
    width: 100%;
    height:2em; 
   /* background: none;*/
    position:relative;
    border:0px;
    padding-left: 6px;
}
.lblajuda{
  cursor: pointer;
}
.lblajuda:after{
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  line-height:1; 
  content:"\f059";
  padding-left: 4px;    
}

.lblajuda:hover{
  text-decoration: underline;  
}

.formHelp{
    background-color: #595959;
    color: white;
    border: 3px black solid;
    padding: 0.6em;
}

a[href="http://www.amcharts.com/javascript-charts/"]{
    display:none!important;
}

/*div.lab input:valid,
div.lab textarea:valid{
    background: white;
}   */
   /*
div.lab input:focus, 
div.lab textarea:focus {
      position:relative;
      background: none;
      height: 1.2em;
      top: -5px;
      padding: 0px;
}

div.lab input:focus + label, 
div.lab textarea:focus + label{
    background: #f06d06;
    color: white;
    font-size: 0.6em;
    padding: 1px 6px;
    z-index: 1;
    top: 1.4em;
   
}

div.lab label {
    transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
    position: absolute;
    color: #999; 
    padding: 3px 6px;
    margin : 0px!important;
    font-weight: normal;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}
div.lab textarea {
    display: block;
    resize: vertical;
} */