/* GENERALS */
*
{
	font: 12px 'Roboto', Arial, 'Liberation Sans', FreeSans, sans-serif;
	/*border: 0px;*/
	/*padding:0px;*/
}
b,strong
{
	font-weight:bold;
}
html
{

	height:100%;
}
h4
{
	margin-bottom:0px!important;
}
form
{
	margin:0px!important;
	padding:0px!important;
}
img
{
	max-width:10000px!important;

}
body
{
	background-color: #FFFFFF;
	height:100%;
	font: 12px/1 'Roboto', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;

}
a
{
	text-decoration: none;
	border: none;
	cursor: pointer;
	color: #06C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #00A8FF;
}

.input-sm
{
	padding:5px 5px!important;
}
.table-no-border,.table-no-border td,.table-no-border>tr
{
	border:0px!important;
}
.table>thead,table>tfoot
{
	background-color:#efefef!important;
}
.table>thead td,.table-border td, table>tfoot td
{
	border-left:1px solid #ccc!important;
}


.textblau
{color: #4894CD;}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.cb
{
	clear:both;
}
/* BOTONS I CAMPS */

.boto
{
	margin: 0;
	background: url(../images_new/system/boto_bg.png) repeat-x bottom #FEFEFE;
	padding: 5px 15px 5px 15px;
	display: inline-block;
	font-weight: bold;
	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	text-decoration: none;
	color: #333; 
	border-radius: 3px;
	line-height: 12px;
	cursor:pointer;
	font-size: 12px;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;

}
.button
{
	box-sizing: border-box;
	margin:5px 5px 0px 0px;
	padding: 6px 12px;
	-webkit-appearance: button;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}
.button:hover
{
	color: #333333;
	background-color: #ebebeb;
	border-color: #adadad;
}
.button.bgred
{
	background-color:#D9534F;
	border-color:#ac2925;
	color:#fff;
}
.button.bgred:hover
{
	color: #ffffff;
	background-color: #d2322d;
	border-color: #ac2925;

}
.button.bggreen
{
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.button.bggreen:hover
{
	color: #ffffff;
	background-color: #47a447;
	border-color: #398439;

}
.button.bgblue
{
	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
}
.button.bgblue:hover
{
	color: #ffffff;
	background-color: #3276b1;
	border-color: #285e8e;

}


	.boto img
	{
		vertical-align: middle;
		margin: 0px 5px ;
		
	}


.camp,.camp_r
{
	border-top: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-radius: 3px;
	outline: 0px;
	vertical-align:middle;
	color: #333;
	height:auto!important;
	margin: 0;
	font: 'Roboto', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.camp_r
{
	text-align:right
}

.camp input[type="checkbox"],input[type="checkbox"]
{
	border: 0px solid #4894CD;
	height:18px;
}
	
/* DEGRADATS I FONDOS */

.bgred
{
	background: #D34A38;
	color:#ffffff;
	
	border:1px solid #3079ED;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #DD4B39;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #DD4B39;
	
}
.bgblue
{
	background: #4C8FFC;
	color:#ffffff;
	border:1px solid #3079ED;
	border-top: 1px solid #3079ED;
	border-left: 1px solid #3079ED;
	border-right: 1px solid #3079ED;
	border-bottom: 1px solid #3079ED;
}
.bggreen
{
	background: #659F00;
	color:#ffffff;
	border:1px solid #406600;
	border-top: 1px solid #406600;
	border-left: 1px solid #406600;
	border-right: 1px solid #406600;
	border-bottom: 1px solid #406600;
}

.bg_degradat_fosc
{
	padding: 5px 10px;
	color: #333;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: #E2E2E2 url('../images_new/system/bg_header_bloc.png') repeat-x;
	border-bottom: 1px solid #CECECE;
}
/* ELEMENTS FIXES DE LES PAGINES CENTRALS */

#header
{

	display:block;

	/*background-color:#FFFFFF;*/
	padding:10px ;
	z-index:50; 
	border:0px solid #000000; 
	border-bottom:1px solid #ccc;
}
#content
{
	position: absolute; 
	top:55px; 
	left: 0; 
	right: 0;
	bottom: 0; 
	padding: 0px; 
	overflow: auto;
}
.footer_paginar
{
	background: #E2E2E2 url('../images_new/system/bg_header_bloc.png') repeat-x;
	width: 100%;
	position: fixed; 
	bottom: 0; 
	width: 100%;
	height: 30px;
	border-top: 1px solid #CECECE;

}
/*ELEMENTS INTERNS DE LES PAGINES */
.titol
{
	font-weight:bold;
	font-size:12px;
}
.subratllat,.subrallat
{
	border-bottom: 1px solid #ccc;
}
.barra_eines
{

	border: 1px solid #CECECE; 
	border-radius: 5px;
	background-color: #F7F7F7;
	display: table;
	z-index: 2;
	
}

.barra_eines > span
{
	background: #E2E2E2 url('../images_new/system/bg_header_bloc.png') repeat-x;
	padding: 0px 10px;
	border-right:1px solid #cecece;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #666;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.barra_eines > div
{
	display: table-cell;
	text-align: left;
	padding: 5px 10px;
}

.barra_eines > div img
{
	margin: 0px 5px;
}
.barra_eines  .boto_eines
{
	float:left;
	cursor: pointer; 
	border-right:1px solid #999; 
	padding:0px 5px;
}
.bloc  .boto_eines
{
	float:left;
	cursor: pointer; 
	border-right:1px solid #999; 
	padding:0px 5px;
	font-weight: normal;
	padding:0px 10px;
}
.bloc  .boto_eines:hover,.barra_eines  .boto_eines:hover
{
	text-decoration:underline;
}
.bloc
	{
		margin-bottom: 25px; 
		border: 1px solid #CECECE; 
		border-radius: 5px;
		background-color: #F7F7F7;
	}

.bloc > span
{
	background: #E2E2E2 url('../images_new/system/bg_header_bloc.png') repeat-x;
	padding: 8px 10px; 
	border-bottom:1px solid #cecece;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #666;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-weight: bold;
	display: block;
	font-size: 14px; 
	vertical-align: middle;
}


.bloc > div
{
	padding: 15px;
	color: #333;

}
.bloc_esquerra
{
	padding: 10px; background-color: #F7F7F7; border-bottom: 1px solid #cecece; color: #333;
}
.head_blau
{
	padding: 10px; 
	background-color: #fff;
	border-bottom: 1px solid #cecece; 
	color: #333; 
	font-weight:bold; 
	box-sizing:border-box!important;

}

.head_blau h4 
{
	width: 1px;
	white-space: nowrap;
}

.head_taronja
{
	padding: 10px; background-color: #FAEBCC; border-bottom: 1px solid #cecece; color: #333; font-weight:bold; box-sizing:border-box!important;
}

.head_gris
{
	padding: 10px; background-color: #F4F4F4; border-bottom: 1px solid #cecece; color: #333; font-weight:bold;box-sizing:border-box!important;
}
/* TABLES */

	table.zebra tr:nth-child(even) {background: #F7F7F7;}
	table.zebra tr:nth-child(odd) {background: #FFFFFF;}
	table.zebra tr:hover {background-color: #EAF2F7;}
	table.zebra td{padding: 5px}
	table.zebra thead>tr
	{
		background: #CDDEF3!important;
	}
	
.datagrid {
	width: 100%;
	top:0px;

	/* above is decorative or flexible */
	position: absolute; /* could be absolute or relative */
	padding-top: 25px; /* height of header */
	
}

.datagrid>div:last-child {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.datagrid>div:first-child {
	background: #E2E2E2 url('../images_new/system/bg_header_bloc.png') repeat-x;
	height: 25px; /* height of header */
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.datagrid table {
	background-color: white;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	color: #333;
}

.datagrid table td
{
	padding: 5px;
}
.datagrid table th
{
	padding: 0px 5px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.datagrid table th>div, .datagrid table th>span {
	position: absolute;
	top: 5px;
	line-height: 25px; /* height of header */
	text-align: left;
	padding-left: 5px;
	margin-left: -5px;
	z-index:50px;
}

.table>.header td
{
	background-color:#efefef!important;
	border-bottom:1px solid #ccc!important;
}


/* PAGINACIO */


.paginacio span
{
	color: #333;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-weight: bold;
	
}
.pagines span
{
	 color: #29889C;
}
strong.pagina_sel
{
	color: #333; 
}
span.paginar
{
	margin: 0px 5px;
}


/* COLORS PER ALS btn-link */
.link-success{color:#449d44!important;}
.link-success:focus{outline-color:#449d44!important;}


.link-info{color:#31b0d5!important;}
.link-info:focus{outline-color:#31b0d5!important;}


.link-warning{color:#ec971f!important;}
.link-warning:focus{outline-color:#ec971f!important;}


.link-danger{color:#c9302c!important;}
.link-danger:focus{outline-color:#c9302c!important;}

.linc-tancar > span, .linc-minimitza > span, .linc-resize > span{
	padding:10px 10px; 
	/*border:1px solid #fff; */
	cursor:pointer;
	color: #FFFFFF;
}

.linc-tancar:hover > span{
	background-color:#F5C2C4;
	color: #DE272B;
}

.linc-minimitza:hover > span, .linc-resize:hover > span{
	background-color: #d9edf7;
	color: #31708f;
}




/*ERROR -------------------*/
.error
{
	color:#C00;
	font-weight:bold;
}
#displayedError.neutre, #modal-error-important-body.neutre{
	background-color:  #3588b3; color: #fff!important;
}
#displayedError.positiu, #modal-error-important-body.positiu
{
	background-color:  #52a12b; color: #fff!important;
}
#displayedError.error, #modal-error-important-body.error
{
	background-color:  #d43f3a; color: #fff!important;
}

/* SORTABLE */

.column .dragbox{
	background:#fff;
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:move;
}
.column .dragbox img{
	margin:0;
	color:#000;
	cursor:pointer;
}

.column  .placeholder{
	width:100%;  
	float:left; 
	overflow:auto; height:30px;
	border:1px dashed #ddd;
}

.column .tipus_imatge
{
	width: 83px;
}

.move
{
	cursor:move;
}

/*-------------LATERAL--------------*/
.body-lateral
{
	background-color:#4d4d4d;
	color:#fff;
}
.ul-lateral
{
	padding:0px;margin:0px;
	white-space:nowrap;		
}
.ul-lateral ul
{
	/*background-color:rgb(81 81 81);*/
	background-color:rgb(56 72 89);

	padding:10px 10px 10px 30px;
}
.ul-lateral .ul-lateral-icon
{
	/*font-size:16px;*/
	margin-right:10px;
}
.ul-lateral li
{
	list-style:none;
	/*
	border-top: 1px solid #5C5C5C;
    border-bottom: 1px solid #393939;*/
}
.ul-lateral li>a
{
	line-height:16px;
	padding:5px;
	display:block;
	color:#fff;
	font-weight:400;
}
.ul-lateral li>a:hover, .ul-lateral li>a:active
{
	/*bgcolor:#fff;
	background-color:#3d3d3d;*/
	background-color:#4dccff;
	color:#fff;
	text-decoration:none;
}

.ul-lateral .fa
{
	width:20px;
	text-align:center;
}
/*PANELS---------------*/
.simple-panel,.simple-panel-block
{
	box-sizing:border-box; 
	margin:10px 20px 10px 20px; 
	padding-right:20px;
	border-right:1px solid #ccc;
	float:left
}
.simple-panel h3,.simple-panel-block h3
{
	margin-top:0px;
}
.simple-panel-block
{
	display:block;
	float:none;
}
/*FINESTRES-------------------------------*/
.wwindow
{
	-webkit-box-shadow: 0px 0px 20px 1px rgba(161, 161, 161, 1);
	-moz-box-shadow:    0px 0px 20px 1px rgba(161, 161, 161, 1);
	/*box-shadow:         0px 0px 5px 1px rgba(50, 50, 50, 1);
	box-shadow: 0 0 10px rgb(0,0,0);*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	padding:0px;  
	background-color: #FFF;
	z-index:2000;
	position:absolute;
	top:10px;
	left:0px;
	/*opacity:0;
	transform:translate(0,-200px);
	transition:transform 0.25s ease,opacity 0.15s ease;*/
	/*border:1px solid #fff;*/
}
.wcontent
{
	position:absolute;
	top:31px;
	left:0px;
	right:0px;
	bottom:0px;

}
.wtop
{
	/*background: url(../desktop/assets/images/gui/bar_bottom.png); */
	background:#428BCA;
	 height: 31px;
    line-height: 31px; 
	padding-bottom:5px; 
	padding-right:10px; 
	cursor:move;
	text-align:left;
	color:#fff;
	border-bottom: 1px solid #fff;
}

.fullscreen .wtop
{
	/*background:rgba(50,50,50,1);*/
	
	cursor:default !important;
}
.fullscreen
{
	box-shadow:none!important;
	border:0px solid;
}
.w-maximized{
	position:absolute !important;
	top:0px !important;
	left:0px !important;
	right:0px !important;
	bottom:0px !important;
	width:initial !important;
	height:initial !important;
}

.wbtn_close, .window_close{
	cursor:pointer; 
	position:absolute; 
	top:-1px; 
	right:3px;
}
.wbtn_minimize, .window_min{
	cursor:pointer; 
	position:absolute; 
	top:-1px; 
	right:40px;
}

.wbtn_minimize.te_resize{
	right:80px;
}

.wbtn_resize, .window_res{
	cursor:pointer; 
	position:absolute; 
	top:-1px; 
	right:40px;
}


/*FI FINESTRSES -------------------------*/
@media print
{
	#content
	{
		position: relative!important; 
		top:0!important;
		left: 0!important; 
		right: 0!important;
		bottom: 0!important; 
		padding: 10px!important; 
		overflow: auto!important;
	}
	.head_blau, head_taronja
	{
		position: relative!important; 
		padding: 10px!important; 
		/*overflow: auto!important;*/
	}

	#panels, #panels > div
	{
		position: static !important;
	}
}
/* PLUGIN SELECT2 */
span.select2-selection {
    border-radius: 0px 0px 4px 0px !important;
    border: 0px !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: #fcfcfc !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
	line-height:28px !important;
}
/*Fa que el tamany del td s'adapta al contingut*/
.td_adjust{
	white-space: nowrap; width: 1%;
}



/* Table wrapper */

.table-wrapper 
{
	border-collapse: separate; /* Don't collapse */
}
.table-wrapper thead>tr>th{
   position: sticky;
   top:0px;
   white-space:nowrap;
   z-index:50;
}
.table-wrapper th
{
	border-bottom:1px solid #ddd!important;
	background-color:#efefef!important;

}
/* BEGIN Thin */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Thin/Roboto-Thin.woff2?v=2.137") format("woff2"), url("./fonts/Thin/Roboto-Thin.woff?v=2.137") format("woff");
  font-weight: 100;
  font-style: normal; }
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/ThinItalic/Roboto-ThinItalic.woff2?v=2.137") format("woff2"), url("./fonts/ThinItalic/Roboto-ThinItalic.woff?v=2.137") format("woff");
  font-weight: 100;
  font-style: italic; }
/* END Thin Italic */
/* BEGIN Light */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Light/Roboto-Light.woff2?v=2.137") format("woff2"), url("./fonts/Light/Roboto-Light.woff?v=2.137") format("woff");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/LightItalic/Roboto-LightItalic.woff2?v=2.137") format("woff2"), url("./fonts/LightItalic/Roboto-LightItalic.woff?v=2.137") format("woff");
  font-weight: 300;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("./fonts/Regular/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("./fonts/Regular/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("./fonts/Italic/Roboto-Italic.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("./fonts/Italic/Roboto-Italic.woff?v=2.137") format("woff");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Medium/Roboto-Medium.woff2?v=2.137") format("woff2"), url("./fonts/Medium/Roboto-Medium.woff?v=2.137") format("woff");
  font-weight: 500;
  font-style: normal; }
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/MediumItalic/Roboto-MediumItalic.woff2?v=2.137") format("woff2"), url("./fonts/MediumItalic/Roboto-MediumItalic.woff?v=2.137") format("woff");
  font-weight: 500;
  font-style: italic; }
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("./fonts/Bold/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("./fonts/Bold/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("./fonts/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("./fonts/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("./fonts/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Black */
@font-face {
  font-family: Roboto;
  src: url("./fonts/Black/Roboto-Black.woff2?v=2.137") format("woff2"), url("./fonts/Black/Roboto-Black.woff?v=2.137") format("woff");
  font-weight: 900;
  font-style: normal; }
/* END Black */
/* BEGIN Black Italic */
@font-face {
  font-family: Roboto;
  src: url("./fonts/BlackItalic/Roboto-BlackItalic.woff2?v=2.137") format("woff2"), url("./fonts/BlackItalic/Roboto-BlackItalic.woff?v=2.137") format("woff");
  font-weight: 900;
  font-style: italic; }
/* END Black Italic */



.nav>li>a {

    padding: 7px 10px !important;
}
.panel-heading {
    padding: 7px 10px !important;

	}


/* width */
::-webkit-scrollbar {
  width: 10px;
   height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
  background-color: #transparent;
  display: block;
  border-style: solid;

}
::-webkit-scrollbar-button:single-button:vertical {

  height: 6px;
  width: 10px;
}
::-webkit-scrollbar-button:single-button:horizontal {

  height: 10px;
  width: 6px;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #888 transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #555 transparent;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width:  5px 5px 0 5px;
  border-color: #555 transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: #888 transparent transparent transparent;
}

::-webkit-scrollbar-button:single-button:horizontal:decrement {
  border-width: 5px 5px 5px 0px;
  border-color: transparent #555 transparent transparent;
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  border-color: transparent #888 #transparent transparent;
}

::-webkit-scrollbar-button:single-button:horizontal:increment {
  border-width: 5px 0px 5px 5px;
  border-color: transparent  transparent transparent #555;
}

::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  border-color: transparent  #transparent transparent #888;
}

/* Classes utilitaries */
.content {
	position:absolute;
	left:0px;
	right:0px;
	top: 50px;
	bottom: 40px;
	overflow: auto;
}
#paginacio
{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:40px;
	border-top: 1px solid #ccc;
	overflow:hidden;
}
.filters_sel_columns
{
    z-index: 999;
	position:relative;
	float:left;

	background-color:#fff;
	border:1px solid #ccc;
	/*padding:7px 15px 7px  15px;*/
	border-radius:5px;
	margin-right:5px;
}
.content_sel_columns
{
	border-top:1px solid #ccc;
	/*padding-top:10px;
	margin-top:10px;*/
	padding: 7px 15px 7px 15px;

	display:none;
}
.open_sel_cols
{
	font-size:14px;
	cursor:pointer;
	padding: 6px 12px;
    line-height: 1.42857143;
}

.colorpicker_carac 
{
	width:40px !important;
}