/* CONSTANTES  */
:root{
	--even-color: #eee;
	--malena-verde: #9acb3d;
	--border-color: #333;
}
/* Univa Nova */
@font-face {
    font-family: Averta;
    src: url("../fonts/AvertaStd-Regular.ttf");
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../../fonts/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KaushanScriptRegular';
    src: url('../../fonts/KaushanScript-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    margin:0;
	color: #222;
    font-family: Averta, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

body, html { height: 100%; }

* { outline: none; font-size: 12px;}	

img, a img, fieldset { border: 0; }

ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}
				
div {
    margin: 0px;
    padding: 0px;
}		
				
a 					{ text-decoration: none; }
a:link, a:visited 	{ color: inherit; text-decoration: none; }
a:hover				{ color: #cc100b; }

a.a2:hover 			{ cursor:pointer; color: #dddddd;}

a.a3				{ cursor:pointer; color: #953735; }
a.a3:hover 			{ cursor:pointer; color: #cc100b;}

.xhand,.pointer { cursor:pointer; }



input, textarea {
               background: #efeded;
			   border: 1px solid #d8d7d7;
			   margin: 3px 0 5px;
			   padding: 3px;
}	

input.saisie_bandeau {
               background: #ffffff;
			   border: 1px solid #d8d7d7;
			   margin: 1px 0 1px;
			   padding: 1px;
			   
}	

input.button, input.bouton, input.bouton_small {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	height: 30px;
	padding: 5px 18px;
	margin: 2px;
	background:  #5690c8; /*#cc100b; */
	/*background: -moz-linear-gradient( top, #ff4242 0%, #b00000); */
	/*background: -webkit-gradient( linear, left top, left bottom, from(#ff4242), to(#b00000)); */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0px solid #134201;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.3);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}	

input.bouton_small { height: 24px;  padding: 2px 9px; font-size: 11px; } 

input.bouton:hover 			{ color: #EEE; cursor:pointer; } 
input.bouton_small:hover 	{ color: #EEE; cursor:pointer; } 


button[disabled=disabled] , input.bouton_small:disabled	{ color:#FFF; background:#DDD; text-shadow:none; cursor:default; }

input.saisie, input.saisie_small
{
	border: none;
	margin: 0px 0 0px;
	padding: 3px 0px 3px 4px;
	
	font-size: 12px;
	background: #f0f0f0;
}

input.saisie_small { font-size: 11px; }

input._no_right_padding { padding: 1px 0px 1px 0px; text-align:center; }

select.select_saisie	{ font-size: 12px; }
select.fixed_font		{ font-family: Courier, "Courier New", "Liberation Mono", monospace; font-size: 11.5px; }
select.short_font		{ font-size: 10px; }

input.RadioButton
{
	background: none; 
	border: none;
}

input[type=radio] { 
   	background-image: none;
    background: none; 
	border: none;
}

input[type=file] { 
   	background-image: none;
    background: none; 
	border: none;
}

select.select_type_jour
{
	font-size: 11px; 
	color: #442222; 
	font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif; 
	border-style: none; 
	padding:0px 0px 0px 0px; 
	line-height:1em; 
	vertical-align:middle;
	text-align : center;
	
	margin: 0;	
	width:49px;
}

.select_div_type_jour 
{
	width:20px;
	overflow:hidden;
	background: none; 
	margin: 0;	
	padding:0px 0px 0px 0px; 
	text-align : center;
}

.select_div_type_jour_minutes
{
	width:35px;
	overflow:hidden;
	background: none; 
	margin: 0;	
	padding:0px 0px 0px 0px; 
	text-align : center;
}

.nb_heures_conges
{
	display:none;
}

/* ---------------------------------------------------------------------------------- */
/*
FOND	fonce :  #4c5366
		moyen :	 #7d89a3
		clair :  #a9b1be

*/
._rouge					{ color: #953735; }
._rouge_clair		{ color: #e25350; }
._orange				{ color: #ff8809; }
._bleu_b				{ color: #5690c8; font-weight: bold; }
._vert					{ color: #58875b; }
._noir					{ color: #000000; }
._noir_b				{ color: #000000; font-weight: bold; }
._b						{ font-weight: bold; }

.titre_hors_bandeau_old    	{ font-size: 14px; color: #85453F; font-weight: bold; }
.titre_hors_bandeau    		{ font-size: 14px; color: #4c5366; font-weight: bold; }


.legend_texte_b 	{ color: #5690c8; text-transform:uppercase;  font-size: 11px; font-weight: bold; letter-spacing: 1px; } 
.legend_texte_n 	{ color: #4c5366; text-transform:uppercase;  font-size: 11px; font-weight: bold; letter-spacing: 1px; } 
.legend_saisie  	{ color: #953735; text-transform:uppercase;  font-size: 11px; font-weight: bold; letter-spacing: 3px; padding-left: 10px; } 
.legend_saisie_nopad{ color: #953735; text-transform:uppercase;  font-size: 11px; font-weight: bold; letter-spacing: 3px; 					  } 
.legend_saisie_low  { color: #953735; 							 font-size: 11px; font-weight: bold; letter-spacing: 3px; padding-left: 10px; }
.legend_saisie_lowL	{ color: #953735; 							 font-size: 11px;  					 letter-spacing: 3px; padding-left: 10px; }
.legend_saisie_titre{ color: #000000; text-transform:uppercase;  font-size: 11px; font-weight: bold; letter-spacing: 1px; background-color: #e1e1e1; text-align: center; height:20px;} 
._court 	   		{ letter-spacing: 0px; padding-left: 0px; }
._capit				{ text-transform:lowercase; }
._capit:first-letter { text-transform: capitalize; }
._capit_all > * {text-transform: capitalize;}
._upp				{ text-transform:uppercase; }
._low				{ text-transform:lowercase; }
._sizeM0			{ font-size:14px; } 
._sizeM1			{ font-size:12px; } 
._sizeM2			{ font-size:11px; }
._sizeM3 	   		{ font-size:10px; } 
._smaller 	   		{ font-size: 9px; } 
._xsmaller 	   		{ font-size: 8px; } 
._vsmaller 	   		{ font-size: 7px; } 
._small_writing 	{ font-size: 9px; font-weight: normal; letter-spacing: 0px; padding-left: 0px; text-transform:none; color: #953735;}
._padding_left  	{ padding-left: 10px; }
._padding_verti		{ padding: 10px 0 0 10px; }
._border_T			{ border-top    : 1px solid #000000;}
a.action_texte   	{ } 
a.action_texte:hover	{ color: #cc100b; }

.textfield_form    
{	
	border-width: 1px;  border-style: solid; border-color: #AAAAAA;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #770000;  font-weight: bold;
}
.textfield_form:hover { border-color: #770000; }
.textfield_form:focus { border-color: #770000; }


._surligne  { background-color: #daebdf; } 
._surligne2 { background-color: #ffc; } 
.classTxtErreur { color : #cc100b; }

._transparent
{
	background-color: transparent;
	border : transparent;
}
.th_vertical    
{

	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(0deg); writing-mode : tb-rl;
}

.tr_20
{
	height:20px;
}

fieldset { border:1px solid #953735 }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #953735;
  color:#953735;
  font-size:90%;
  text-align:right;
  }
  
legend.left_ { text-align:left; }

.checkbox_sans_contour { border-style: none; border-color: transparent; border-width: 0; }

/* ---------------------------------------------------------------------------------- */
.text_90
{
	font-size:8px;

    text-align: left;
    vertical-align: bottom;
    width: 10px;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);    
    -ms-transform: rotate(-90deg);              
}

#page { background: #FFFFFF ; background-position: top center; margin: 0 auto; width: 100%; min-width:1080px; float: center; }

#content 
{		
	width: 100%;
	padding: 0;
	padding-top: 0px;
	overflow: auto;
	height: calc(100vh - 95px);
}

#header-wrapper, #slider-wrapper, #footer-wrapper { margin:0 auto; width: 100%;}


#header {
    height: 70px; 
	width: 100%;
	overflow: hidden;
}
				
#sub h2 {
    font-family: 'KaushanScriptRegular', Arial, sans-serif;
	font-weight: normal;
    font-style: normal;
	height: 28px;
	padding-top: 20px;
	margin: 0;
	font-size: 35px;
}

#header h3 {
    font-family: "OpenSansSemibold", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
	font-size: 14px;
	margin: 0;
	padding-top: 12px;
}		

.user{
	padding-right: 5px; 
	float: right;
	margin: 0;
	flex: 0 0 75%;
	justify-content: end;
	display: flex;
	align-items: center;
}		
.logo 		{	padding-left :  10px; float: left; margin: 0; }		
.members	{
	position:absolute; bottom:0;
	right:5px;
	text-align: right; color: #953735; text-transform:uppercase;  
	font-size: 10px; font-weight: bold; letter-spacing: 3px;
			}
.annee_co	{
	float: right; bottom:0; width:110px;
	right:30px;
	text-align: right; text-transform:uppercase;  
	font-size: 25px; font-weight: bold; letter-spacing: 3px;
}	
			
#header-left { 
	position:relative;
	padding-right:0px; 
	margin:0;
	height:70px; 
	width:400px;
	flex:0 0 300px;
}

#sub_bandeau 	   { 			  width: 100%; height: 31px; background : #7d89a3; margin: 0 auto; }
#sub_bandeau_left  { float:left ; width:200px; height: 31px; background : #7d89a3;  }
#sub_bandeau_right { float:right; width:200px; height: 31px; background : #7d89a3;  }


#sub_bandeau_left p, #sub_bandeau_right p 
{				 
    float: left; padding-top: 8px; padding-left: 5px;
    font-weight: bold; 
    font-size: 12px; 
    text-transform:uppercase;
	color: #c1d1c3;
}
#sub_bandeau_right p { float: right; padding-right: 5px;  color: #aed1e3;}

#sub_bandeau_left p.p2, .p2
{	
	float: left;		
	padding-top: 10px; 
    font-size: 9px; 
    text-transform: uppercase;
	color: #4d4d4d;
}

#sub_bandeau_retour 
{	
    height: 31px; 
    background : #7d89a3 ;
	margin: 0 auto;
	
	clear:both; 
	float:left;
}

#sub_bandeau p {
    padding: 5px 0px;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	font-size: 1.45em;
	text-transform: uppercase;
	text-align: center;
	width: 80%;
	margin: 2px auto;
	background-color: #9acb3d85;
	border-radius: 10px 10px 0px 0px;
} 	

#sub_bandeau_retour p {				 
    padding-top: 5px;
    padding-left: 5px;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: 0;
    font-size: 1.1em;
	float: left;
				
	text-align: center;
    color: #fff;
}

#sub_error 		{	height: 20px; width: 1080px; margin: 0 auto; }
#sub_error p 	{   letter-spacing: 1px;  text-align: center;  color: #953735; } 

#sub_error_2 		{	 width: 100%x; margin: 0 auto;  background : #953735 ; }
#sub_error_2 p 	{   letter-spacing: 1px;  text-align: center;  color: #FFFFFF; } 

#blank			{ height: 20px; width: 1px; clear: both; }

/* ---------------------------------------------------------------------------------- */
/*     MENU DEROULANT                                                                 */
/* ---------------------------------------------------------------------------------- */
#menu { 	/* Bandeau MENU */
  margin: 0; 
  background : #4c5366 ;
  padding: 0;
}

#menu ul { 
  margin: 0; 
  padding: 0;
  list-style: none;
}
#menu ul.menu { 
	padding: 0;
	display: flex;
	flex-direction: column;
}
#menu li {
  position: relative;
  z-index: 9;
  margin: 0; 
  padding: 0; 
  display: block;
  height: 36px;
}  

#menu li.sep { border-top-width:2px; border-top-style:solid; border-top-color:#ffffff;}

#menu li:hover>ul { left: -2px; }

#menu li div { 						/* conteneur SOUS-MENU */
	list-style: none;
	position: absolute;
	left: 299px;
	width: 300px;
	z-index: 11;
	visibility: hidden;
	padding: 0 0 0px 0px;
	height: 36px;
}

/*#menu li:hover>div { 
	visibility: visible; 
}*/

#menu li.current a {  background: #7d89a3 ; }

/* menu niveau 1 */

#menu a { 						/* conteneur MENU */
  position: relative; 
  z-index: 10; 
  height: 38px; 
  display: block;
  float: left;
  padding: 0 15px 0 15px;
  line-height: 55px; 
  text-decoration: none;
  width: auto;
  text-align: center;
}

#menu span { 
  font: normal 11px "Rubik",Arial,sans-serif;
  padding-top: 12px;
  color: #ffffff; 
  text-transform:uppercase;
  display: block; 
  cursor: pointer;
  background-repeat: no-repeat;
}

#menu ul li:hover          { color: #fff; /*text-shadow: 0 1px 0 black;*/ background: #777c8b; }
#menu ul li:hover > a      { color: #fff; /*text-shadow: 0 1px 0 black;*/ background: none; }
#menu ul li:hover > a span { color: #fff; /*text-shadow: 0 1px 0 black;*/ background: none; }

#menu li
{  
	background: #4c5366; 
}

#menu li.last { 
	 width: 120px; 
	 text-align: center; 
}

#menu li.last span{ 
    background: url("../images/nav-sep.png") top right no-repeat;
	padding: 12px 5px 16px 0; 
	width: 60px; 
	text-align: center;
}

/* menu niveau 2 */

#menu li.sous_menu:hover 						 { background: #4c5366;   }
#menu li.sous_menu:hover > a.sous_menu			 { background: none;   }
#menu li.sous_menu:hover > a.sous_menu span		 { background: none; font-style: italic; padding-left: 10px;  }

#menu ul ul li.sous_menu a.sous_menu span
{ 
	color: #ffffff; 
	font-size: 10px; 
	text-transform:uppercase;
}

#menu ul ul li { 
    padding: 2px 0px;
	z-index: 9;	 
}

#menu ul ul {   /* conteneur  */
z-index: 40;
padding: 0;
margin-left: 1px;
}

#menu ul ul a { 
width: 100%;
padding: 0px 7px 3px 8px;
height: auto;
float: none;
display: block;
background: none;
margin-bottom: 2px;
z-index: -1;
text-align: left;
position: relative;
top: 8px;
overflow: hidden;
text-overflow: ellipsis;
}

#menu ul ul a span { 
padding: 0 0px 0px 0px; 
line-height: 20px;
color: #999999; /*#777c8b;*/ 
font-weight:normal;
text-transform: none;
background:none; 
}

#menu a.sous_menu::after, #menu li.has-children::after{
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  position: absolute;
  left: 270px;
}
#menu a.sous_menu::after{
	top: 5px;
} 
#menu li.has-children::after{
	top: 10px;
}


#menu ul ul li.last { background: none; }

#menu ul ul li { width: 100%; }


/* menu niveau 3 */

#menu ul ul div { /* texte SOUS-SOUS-MENU  */
 z-index: 1;
 width: 158px;									/* 208px */
 margin: -27px 0 0 0px !important; 		    /*  -39px 0 0 206px  */
 height: auto;
 padding: 0 0 0px 0px;
 background:#4c5366; 
}

#menu ul ul ul { 
			 padding-right:0px;
}	

#menu ul ul ul li { 
    padding: 2px 0px;
	z-index: 89;	 
}
/* ---------------------------------------------------------------------------------- */
/*     MENU DEROULANT    - fin                                                        */
/* ---------------------------------------------------------------------------------- */

.caption { 
    z-index: 500; 
	position: absolute; 
	left: 0; 
	height: 30px;
	padding: 5px 20px 0 20px; 
	background: #000;
	background: rgba(0,0,0,.5); 
	width: 671px;
	font-size: 1.3em; 
	line-height: 1.7;
	color: #fff;
	text-shadow: none; 
}

.sh {
   background: url("../images/sh-content.jpg") repeat-x top left;
   width: 100%;
}	

			   

   			   

.block-nk {
   width: 650px;
   margin: 0 auto;
}					
				
.title-nk {
    background: url("../images/nk-title.png") no-repeat scroll 0 0;
	height: 32px; 
	width: 650px;
	font-size: 14px; 
    font-family: 'KaushanScriptRegular', Arial, Sans-serif;
    font-weight: normal;
    font-style: normal;
	padding: 11px 0 0 28px;
	color: #a4a3a3;
	margin: 0;
}

.content-block {
   width: 650px;
   padding: 2px;
   margin: 0 auto;
}			   			
				
#right {
    float: left;
    width: 286px;
	padding-left: 2px;
}	

#right .title {
    background: url("../images/title-block-r.jpg") no-repeat scroll 0 0;
    font-size: 14px;
    font-family: 'KaushanScriptRegular', Arial, sans-serif;
	font-weight: normal;
    font-style: normal;
	padding: 11px 0 0 50px;
	color: #a4a3a3;
	margin: 0;
	height: 32px; 
	width: 273px;
}				

#right .contentR {
    padding: 10px;
	width: 268px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #c0c0c0;
}	
				
.news-block {
	padding: 5px;
	margin: 0 auto 10px;
	width: 655px;
    min-height: 230px;
	background-color: #eaeaea;
	border-radius: 5px;
	border: 1px solid #fefefe;
}				

.title-n {
	width: 630px; 
	height: 40px;
	background: url("../images/news-title.png") no-repeat scroll left top;
    font-family: "KaushanScriptRegular", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
	font-size: 16px;
    padding: 10px 0 0 23px;
	color: #a4a3a3;
	margin: 0;
}
	
.icone {
    float: left;
	width: 29px;
	height: 25px;
	padding-top: 7px;
}				
					
.t_details {
	font-family: "Verdana", Arial, Sans-serif; 
	font-size: 9px; 
	font-weight: normal;
	padding: 0;
	color: #8c8b8b;
	float: left;
}								
				
.right_pos {
    padding-left: 22px;
	height: 27px;
    font-family: "KaushanScriptRegular", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
	text-transform: none;
	font-size: 14px;
	float: left;
	color: #a4a3a3;
}
									
.bg-forum {
    margin-bottom: 10px;
    width: 286px; 
	height: 195px;
	border-bottom: 1px dashed #c0c0c0;
    overflow: hidden;
}					

#footer {
    background: #4c5366 ;
    overflow: hidden;
    margin: 0 auto;
    height: 25px; 
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}

.t-copy {
    padding-top: 5px;
	text-align: center;
    color: #333;
}	
.t-copy p {text-align: right;margin-right: 20px}
.t-copy p span, .t-copy a { color: #333; }

.t-copy a:hover { color: #333; }

#powered {
    float: left;
    margin-top: 0px;
    opacity: 1;
}

#powered:hover { opacity: 0.5; }

#powered h2 {
    font-family: 'KaushanScriptRegular', Arial, sans-serif;
	font-weight: normal;
    font-style: normal;
	padding-left: 20px;
	margin: 0;
	font-size: 20px;
	color: #ffffff;
	text-shadow: none;
}

/* --------------------------------------------------------------------------------------- */ 
#accueil 		{ float: center;	margin-top: 100px;	margin-bottom: 100px; }
#accueil h3 	{ font-size: 10px; color: #770000; letter-spacing: 6px; }
#accueil h2 	{ font-size: 80px; color: #eeeeee; font-weight: normal; margin: 0; font-family: 'KaushanScriptRegular', Arial, sans-serif; }

/* --------------------------------------------------------------------------------------- */ 
table.table_bandeau { border-collapse: collapse; margin-top: 1px;  }
table.table_bandeau td { border: none; padding-right: 2px; } }

/* --------------------------------------------------------------------------------------- */ 
#conteneur_ligne { 
  display: table;
  white-space: nowrap; /* interdiction de passer ŕ la ligne */
}
#conteneur_ligne > .clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}
 
#conteneur_ligne div { display: table-cell; vertical-align: middle; padding: 0px 0px 0px 10px; }
#conteneur_ligne div._titre {  text-align: center; padding: 0px 10px 0px 10px;  }
#conteneur_ligne div.sep20 {  padding: 0px 15px 0px 15px;    }
#conteneur_ligne div.sep10 {  padding: 0px 5px 0px 5px;    }

.valign-middle{vertical-align: middle;}


/* --------------------------------------------------------------------------------------- */ 
#menu_login    		{ float: right; padding-top: 8px; padding-right: 10px; display: table; }
#menu_login *		{ float:left;  } 
#menu_login p		{ font-size: 11px; color: #ddd; font-weight: normal; font-style:italic; line-height:1.5em; vertical-align:middle; text-transform:lowercase;}
#menu_login p.error		{ font-size: 11px; margin-right: 25px; color: #FF7632; font-weight: normal; font-style:italic; line-height:1.5em; vertical-align:middle; text-transform:uppercase;}


#menu_login input.txtfield	{ font-size: 12px; color: #770000; background: #ddd; font-weight: normal; font-family: Arial, Helvetica, sans-serif; border-style: none; padding:0px 0px 0px 3px; line-height:1em; vertical-align:middle; }

#menu_login .bouton { 
     background: url("../../images/submit_login_short.png") no-repeat; 
	 border: 0 none; 
	 height: 20px; 
	 padding: 0; 
	 margin: 0;
	 width: 35px; 
	 cursor: pointer; 
	 
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: bold;
	 color: #ffffff;
	 padding: 3px 3px;
	 text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}
/* --------------------------------------------------------------------------------------- */
#redirect_		{  float: center; width:400px; padding-top: 50px; }
#div_login1 {  height:30px;  background:#4c5366;} 
#div_login2 {  height:20px;  background:#eeeeee;} 


/* --------------------------------------------------------------------------------------- */
table.DataTable_Display2 {
	margin: 0 auto;
	clear: both;
	border-collapse: collapse;
	table-layout: fixed; 
	word-wrap:break-word; 
}


table.DataTable_Display tr     	{ text-align: center;  background:#ffffff; color: #888888; font-size: 9px; }
table.DataTable_Display tr._h20 	{ height: 23px; }
table.DataTable_Display tr.odd 	{ background:#f4f4f4; color: #444444; }

table.dataTable tbody td 		{ padding: 2px 1px 2px 1px; }    /*--- Attention : IMPORTANT POUR ALIGNEMENT - coherence avec thead th */

table.DataTable_Display th 	 	{ padding: 2px 1px 2px 1px; text-align: center; background:#f8f2f2; color: #953735; font-size: 8px; text-transform:uppercase; }
table.DataTable_Display td		{ white-space: nowrap;}
table.DataTable_Display ._left	{ text-align: left;  padding-left : 10px;} 
table.DataTable_Display ._right	{ text-align: right; padding-right: 10px;} 
table.DataTable_Display ._center{ text-align: center; }

table.DataTable_Display .BB		{ border-bottom : 1px solid  #953735;}
table.DataTable_Display .BLp	{ border-left   : 1px dotted #953735;}
table.DataTable_Display .BRp	{ border-right  : 1px dotted #953735;}
table.DataTable_Display .BBp	{ border-bottom : 1px dotted #953735;}

/* --------------------------------------------------------------------------------------- */ 
table.table_saisie tr { color: #666666; } 
table.table_saisie th { color: #000 ; font-family: sans-serif; font-size:9.0pt; font-weight: bold; text-align: left; padding:6px 0px 6px 0px;} 
table.table_saisie td { color: #666666 ; font-family: sans-serif; font-size:10.0pt; } 

/* --------------------------------------------------------------------------------------- */ 
table.tb1 tr { color: #737373; } 
table.tb1 tr._invs { height:0px; }
table.tb1 tr._surbrille:hover { background: #953735; color: #ffffff;}

table.tb1 th { border-bottom: 3px solid #953735; text-align: center; color: #333333; } 
table.tb1 td { border-bottom: 1px solid #e1afad; text-align: center;} 
table.tb1 th._sans,td._sans { border-bottom:none; }
table.tb1 td._left { text-align: left;} 
table.tb1 td._last { border-top: 3px solid #953735; border-bottom:none; }


/* --------------------------------------------------------------------------------------- */ 

table.tbr2 tr 		{ font-size: 12px; color: #737373; } 
table.tbr2 th 		{ border-bottom: 3px solid #953735; text-align: center; color: #770000; } 
table.tbr2 th.th2 	{ font-size: 8px; }
table.tbr2 td 		{ text-align: center;} 
table.tbr2 td._left { text-align: left;} 
table.tbr2 td._last { border-top: 3px solid #953735; border-bottom:none; }
table.tbr2 input  	{ font-size: 12px; color: #222222; background: #eee; font-weight: normal; font-family: Arial, Helvetica, sans-serif; border-style: none; padding:0px 0px 0px 3px; line-height:1em; vertical-align:middle; }
table.tbr2 select 	{ font-size: 12px; color: #442222; background: #eee; font-weight: normal; font-family: Arial, Helvetica, sans-serif; border-style: none; padding:0px 0px 0px 3px; line-height:1em; vertical-align:middle; }


/* --------------------------------------------------------------------------------------- */ 
table.tbr3 tr 		{ color: #777777; } 
table.tbr3 tr.odd 	{ background:#F00; color: #444444; }
table.tbr3 tr.evn 	{ background: #eeeeee; color: #737373; } 
table.tbr3 tr._invs { height:0px; }
table.tbr3 tr:hover 		{ cursor: pointer ; color: #770000; background: #dbbcbd; }
table.tbr3 tr._sans:hover	{ cursor: default ;  } 
table.tbr3 tr._nohover:hover	{ cursor: pointer ; color: none; background: none ; } 
table.tbr3 tr._nohover:hover td { border-bottom: 1px solid #5690c8; } 							
table.tbr3 tr._entete:hover	{ cursor: default ; color: none; background: none ; } 
table.tbr3 tr.select 		{ background: #bec5dd; }
table.tbr3 tr._bg_grey		{ background: #eeeeee; }
table.tbr3 td._bg_grey		{ background: #eeeeee; }

table.tbr3 thead th { border-bottom: 3px solid #953735; text-align: center; color: #953735; text-transform:uppercase;  font-size: 10px; letter-spacing: 3px;} 
table.tbr3 tfoot th { border-top: 1px solid #953735; border-bottom: 1px solid #953735; text-align: center; color: #953735; text-transform:uppercase;  font-size: 10px; } 

table.tbr3 th._green,td._green	{ background: #a4e7a9; color:#015306; } 
table.tbr3 th._red,td._red		{ background: #e7a5a4; }
table.tbr3 th._sans,td._sans 	{ border-bottom:none; }
table.tbr3 th._no_spacing		{ letter-spacing: 0px; }

table.tbr3 td 				{ border-bottom: 1px solid #777777; text-align: center;} 
table.tbr3 ._noBB			{ border-bottom: none;} 
table.tbr3 ._noBB:hover		{ border-bottom: none;} 
table.tbr3 ._left 			{ text-align: left;  padding-left : 10px;}  
table.tbr3 ._right			{ text-align: right; padding-right: 10px;}  

table.tbr3 td.BL,th.BL			{ border-left   : 1px solid #953735;}
table.tbr3 th.BR,td.BR			{ border-right  : 1px solid #953735;}
table.tbr3 th.BT,td.BT			{ border-top    : 1px solid #953735;}
table.tbr3 th.BB				{ border-bottom : 1px solid #953735;}
table.tbr3 td.BLd				{ border-left   : 1px dotted #cccccc;}
table.tbr3 td.BRs				{ border-right  : 1px solid #cccccc;}
table.tbr3 td.aL				{ text-align: left;}
table.tbr3 td.aC				{ text-align: center;}
table.tbr3 td.pLR,th.pLR		{ padding-left: 4px; padding-right: 4px;} 
table.tbr3 td.avM				{ vertical-align:middle; }


/* --------------------------------------------------------------------------------------- */ 
table.synth_1 th 	 	{ text-align: center; background:#f8f2f2; color: #953735; font-size: 8px; text-transform:uppercase; padding-top:2px; padding-bottom:2px; }
table.synth_1 th.ssBg	{ background: none ; border: none; }
table.synth_1 th.vsmall	{ font-size: 8px;    }
table.synth_1 th.vvsmall{ font-size: 7px; text-transform:none; }
table.synth_1 th.ALx	{ padding-left:2px; padding-right:2px; }
table.synth_1 th.size0	{ font-size: 10px;    }
table.synth_1 tr     	{ text-align: center;  background:#ffffff; color: #888888; font-size: 9px; }
table.synth_1 tr.dk 	{ background:#f4f4f4; color: #444444; }
table.synth_1 tr.dk2 	{ background:#fafafa; }
table.synth_1 tr.select { color: #953735; background:#ddd; }
table.synth_1 tr._h25 	{ height: 23px; }
table.synth_1 tr.size0	td,th { font-size: 10px;    }
table.synth_1 tr.annotation    { text-align: center;  background:#ffffff; color: #AAA; font-size: 8px; }
table.synth_1 td		{ padding:2px 0px 2px 0px; white-space: nowrap;}
table.synth_1 td.haut	{ padding-top:6px; padding-bottom:6px; }
table.synth_1 td.small	{ font-size: 8px;    }
table.synth_1 tr.sstot 		{ background:#f8f2f2; color: #953735; }
table.synth_1 tr.sstot td 	{ color: #953735; border-bottom : 1px solid  #953735; border-top    : 1px solid  #953735; }
table.synth_1 tr.tot 		{ background:#f8f2f2; color: #953735; }
table.synth_1 tr.tot td 	{ color: #953735; border-bottom : 2px solid  #953735; border-top    : 2px solid  #953735; font-weight: bold; }
table.synth_1 tr.estompe 	{  }
table.synth_1 tr.estompe td { color: #ccc; }
table.synth_1 tr.cadre1H	{ background:#eee; color: #444; }
table.synth_1 tr.cadre1H td { border-top    : 1px solid  #444; }
table.synth_1 tr.cadre1B	{ background:#ddd; color: #444; }
table.synth_1 tr.cadre1B td { border-bottom : 1px solid  #444; }
table.synth_1 tr.cadre2B	{ background:#FFF; color: #444; }
table.synth_1 tr.cadre2B td { border-bottom : 1px solid  #444; }
table.synth_1 tr.cadre3HB	{ background:#e0e092; color: #111; }
table.synth_1 tr.cadre3HB td{ border-top    : 1px solid  #444;  border-bottom    : 1px solid  #444;}
table.synth_1 tr.BBp td 	{ border-bottom : 1px dotted  #aaa; }
table.synth_1 .ALR		{ text-align: right; padding-right:4px; }
table.synth_1 .ALL		{ text-align: left;  padding-left :4px; }
table.synth_1 .BT		{ border-top    : 1px solid  #953735;}
table.synth_1 .BTp		{ border-top    : 1px dotted #953735;}
table.synth_1 .BB		{ border-bottom : 1px solid  #953735;}
table.synth_1 .BBp		{ border-bottom : 1px dotted #953735;}
table.synth_1 .BLi		{ border-left   : 1px solid  #953735;}
table.synth_1 .BLp		{ border-left   : 1px dotted #953735;}
table.synth_1 .BRi		{ border-right  : 1px solid  #953735;}
table.synth_1 .BRp		{ border-right  : 1px dotted #953735;}
table.synth_1 .B_BLp	{ border-bottom : 1px solid  #953735; border-left   : 1px dotted #953735;}
table.synth_1 .B_BpLp	{ border-bottom : 1px dotted #953735; border-left   : 1px dotted #953735;}
table.synth_1 .B_BLRp	{ border-bottom : 1px dotted #953735; border-left   : 1px dotted #953735; border-right : 1px dotted #953735;}
table.synth_1 .B_BLpRl	{ border-bottom : 1px dotted #953735; border-left   : 1px dotted #ebd4d4; border-right : 1px dotted #ebd4d4;}
table.synth_1 .B_BLpRlp	{ border-bottom : 1px dotted #953735; border-left   : 1px solid  #953735; border-right : 1px dotted #ebd4d4;}
table.synth_1 ._left	{ text-align: left;  padding-left : 10px;}
table.synth_1 ._left_15	{ text-align: left;  padding-left : 15px;} 
table.synth_1 ._right	{ text-align: right; padding-right: 10px;}
table.synth_1 ._right_20 { text-align: right; padding-right: 20px;}
table.synth_1 ._center	{ text-align: center; } 
table.synth_1 th.th_90
{
	text-transform:none; 
	font-weight: normal;
	
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 5px;
    padding-left:   5px;
    padding-right:  0px;
}

table.table_hover tr:hover 			{ cursor: pointer ; color: #770000; background: #dbbcbd; }
table.table_xhand th.xhand:hover 	{ cursor: pointer ; color: #DD8888; }


table.extend_4 th 	 	{ background:#f6f2f2; color: #a36d6b; }
table.extend_4 td.xhand:hover { cursor:pointer; }

table.extend_5 ._left	{ padding-left : 4px;} 
table.extend_5 ._right	{ padding-right: 4px;} 
table.extend_5 ._nowrap {white-space:nowrap;}
table.extend_5 ._comment { font-size: 9px; color: #111111; font-style:italic  } 

table.synth_2 th		{ font-size: 9px; padding:4px 0px 4px 0px;}
table.synth_2 th.vsmall	{ font-size: 7px;    }
table.synth_2 td				{ padding:0px 0px 0px 0px; }
table.synth_2 td.pad2		{ padding:4px 4px 4px 4px; }
table.synth_2 tr     	{ font-size: 10px; }
table.synth_2 input  	{ font-size: 11px; color: #222222; background: #eee; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding:0px 3px 0px 0px; line-height:1em; vertical-align:middle; }

table.extend_1 th,td	{ border-right  : 1px solid #ffffff;  padding:0px 0px 0px 0px; } 

table.extend_2 th,td	{ border-right  : 1px solid #ffffff; } 
table.extend_2 th 		{ font-size: 10px;  } 
table.extend_2 td		{ padding:0px 0px 0px 0px; }
table.extend_2 .BB		{ border-bottom : 2px solid #953735;}
table.extend_2 .BT		{ border-top    : 2px solid #953735;}
table.extend_2 input	{ font-size: 12px; }
table.extend_2 input._sizeM2	{ font-size: 11px; }
._right					{ text-align: right; padding-right: 10px;}
._center				{ text-align: center; }

table.extend_3 th		{ font-size: 9px; background:#b09292; color: #ffffff; } 
table.extend_3 td.pied	{ font-size: 9px; background:#f8f2f2; color: #826c6c; font-weight: bold;   } 
table.extend_3 .BB		{ border-bottom : 2px solid #953735;}
table.extend_3 .BT		{ border-top    : 2px solid #953735;}

/* ----------------------- */
table.tbr3_bis tr				{ color: #111111; font-size: 10px; }
table.tbr3_bis tr._bg_grey		{ color: #888888;  }
table.tbr4 tr._bg_grey		{ color: #888888; background: #f4f4f4; }
table.tbr4					{ border-spacing: 0px; }
table.tbr4 td._title_1		{ color: #953735; border-bottom: 1px dotted #aaa; } 
table.tbr4 td._even_		{ background: #f8eeed; } 
table.tbr4 td._title_2		{ color: #953735; border-bottom: 3px solid #953735; border-right:none; font-weight: bold; font-size: 9px;} 
table.tbr4 td._title_2b		{ color: #953735; border-top   : 3px solid #953735; border-right:none; font-weight: bold; font-size: 9px;}
table.tbr4 td._title_3		{ color: #111111; border-bottom: 3px solid #953735; border-right:none; font-weight: bold; font-size: 9px;} 
table.tbr4 td._fond_red2		{ background: #f8eeed; }
table.tbr4 td._fond_red2 select	{ background: #f8eeed; }
table.tbr4 tr._bg_grey td select			{ background: #f4f4f4; } 
table.tbr4 tr._bg_grey td._fond_red2 select	{ background: #f6f2f2; } 
table.tbr4 tr._bg_grey td._fond_red2 		{ background: #f6f2f2; } 
table.tbr4 td.wd30				{ width : 30px;}
table.tbr4 th._green,td._green	{ background: #a4e7a9; color:#015306; } 
table.tbr4 th._red,td._red		{ background: #e7a5a4; }
table.tbr4 td._ss_bord_ 		{ border:0; }

table.synth_1 .ALR		{ text-align: right; padding-right:0px; white-space: nowrap; }
table.synth_1 .ALL		{ text-align: left;  padding-left :0px; }

/* ----------------------- */
table.trb3_ter td				{ border-left   : 1px dotted #cccccc; padding-top: 5px; padding-bottom: 5px;}
table.trb3_ter td.BLn			{ border-left   : none;}
table.trb3_ter td._left_n 		{ text-align: left;  padding-left : 0px;}  
table.trb3_ter td._right_n		{ text-align: right; padding-right: 0px;}  
table.trb3_ter tr._sans:hover	{ cursor: default ; background: transparent ; } 

/* ----------------------- */
table.tbr3_VT th { border-bottom: 1px solid #953735; color: #953735; text-transform:uppercase;  font-size: 8px; letter-spacing: 0px;} 
table.tbr3_VT tr._bg_grey		{ color: #888888;  }
table.tbr3_VT tr._sans:hover	{ cursor: default ; background: transparent ; } 

/* --------------------------------------------------------------------------------------- */ 
table.table_deroulante 							{ border-spacing:0; border-collapse:collapse; } 
table.table_deroulante td, th					{ padding: 0; text-align: center; }
table.table_deroulante th						{ border-bottom: 3px solid #953735; text-align: center; color: #953735; text-transform:uppercase;  font-size: 10px; letter-spacing: 3px; } 
table.table_deroulante td						{ border-bottom: 1px solid #777777; text-align: center; } 
table.table_deroulante tr:nth-child(even) td	{ background: #eeeeee; color: #535353; }
table.table_deroulante td._ss_bord_ 			{ border:0; }
table.table_deroulante ._left					{ text-align: left;  padding-left : 10px;} 
table.table_deroulante ._right					{ text-align: right; padding-right: 10px;} 
table.table_deroulante ._center					{ text-align: center; } 

table.table_deroulante2 						{ border-spacing:0; border-collapse:collapse; } 
table.table_deroulante2 td, th					{ padding: 0; text-align: center; }
table.table_deroulante2 th						{ border-bottom: 3px solid  #953735; text-align: center; color: #953735; text-transform:uppercase;  font-size: 10px; letter-spacing: 3px; } 
table.table_deroulante2 td						{ border-bottom: 1px dotted #953735; padding:1px 0px 1px 0px; } 
table.table_deroulante2 tr     					{ background:#ffffff; color: #888888; }
table.table_deroulante2 tr:nth-child(even) td	{ background:#f4f4f4; color: #444444; }
table.table_deroulante2 td._ss_bord_ 			{ border:0; }
table.table_deroulante2 ._left					{ text-align: left;  padding-left : 10px;} 
table.table_deroulante2 ._right					{ text-align: right; padding-right: 10px;} 
table.table_deroulante2 ._center				{ text-align: center; } 
table.table_deroulante2 th.vsmall				{ font-size: 9px; letter-spacing: 0px;   }
table.table_deroulante2 th._ss_BB_				{ border-bottom: none; }
table.table_deroulante2 th.bord2				{ border: 1px solid  #953735; }

table.table_deroulante_interne tr._nohover:hover		{ cursor: pointer ; color: none; background: none ; } 
table.table_deroulante_interne tr:hover 				{ cursor: pointer ; color: #770000; background: #dbbcbd; }
table.table_deroulante_interne tr:hover:nth-child(even) td	{ cursor: pointer ; color: #770000; background: #dbbcbd; }
table.table_deroulante_interne tr._sans:hover			{ cursor: default ;  } 
table.table_deroulante_interne tr._nohover:hover		{ cursor: pointer ; color: none; background: none ; } 							
table.table_deroulante_interne tr._entete:hover			{ cursor: default ; color: none; background: none ; } 
table.table_deroulante_interne tr.select					{ background: #bec5dd; }
table.table_deroulante_interne tr.select:nth-child(even) td	{ background: #bec5dd; }
table.table_deroulante_interne td._rouge_clair						{ color: #e25350; }
table.table_deroulante_interne tr:nth-child(even) td._rouge_clair	{ color: #e25350; }

table.table_entete_tableau 					{ border-spacing:0; } 
table.table_entete_tableau tr				{ color: #111111; font-size: 10px; }
table.table_entete_tableau td, th			{ padding: 0; text-align: center; }
table.table_entete_tableau th 				{ border-bottom: 3px solid #953735; text-align: center; color: #953735; text-transform:uppercase;  font-size: 10px; letter-spacing: 3px;} 
table.table_entete_tableau td._title_1		{ color: #953735; border-bottom: 1px dotted #aaa; } 
table.table_entete_tableau td._even_		{ background: #f8eeed; } 
table.table_entete_tableau td._title_2		{ color: #953735; border-bottom: 3px solid #953735; border-right:none; font-weight: bold; font-size: 9px;} 
table.table_entete_tableau td.BL,th.BL		{ border-left   : 1px solid #953735;}
table.table_entete_tableau th.BT,td.BT		{ border-top    : 1px solid #953735;}
table.table_entete_tableau td._title_1.BB		{ border-bottom    : 1px solid #953735;}
table.tbr4 td._title_1.BB	{ border-bottom    : 1px solid #953735;}
table.tbr4 td._title_1.BL,table.tbr4 td._title_2.BL	{ border-left    : 1px solid #953735;}
table.table_entete_tableau td._title_3		{ color: #111111; border-bottom: 3px solid #953735; border-right:none; font-weight: bold; font-size: 9px;} 
table.table_entete_tableau th._green,td._green	{ background: #a4e7a9; color:#015306; }
table.table_entete_tableau th._red,td._red		{ background: #e7a5a4; }

/* ------------------- NOTE DE FRAIS ----------------------------------- */ 
#line_separate	  { height: 1px; width: 1100px; clear: both; float: center; margin: 0 auto; background-color: #376091 /*538ed5*/; }
		
table.table_depenses2 { border-spacing:0; border-collapse:collapse; }

table.table_depenses2 th 
{ 
	border:1px solid white;
	background:#b8cce4; color:white;  
	font-size: 9px; text-transform:uppercase; padding-top:2px; padding-bottom:2px;
}

table.table_depenses2 th.ssBg			{ background: none ;  }
table.table_depenses2 th.erreurSaisie	{ color: #e20000;  }
table.table_depenses2 tr.dk 			{ background:#f7f9fb; }
table.table_depenses2 td.saisie 		{ background-color:#f7f9fb; padding:0px 0px 0px 0px; }

table.table_depenses2 ._left			{ text-align: left;  padding-left : 10px;} 
table.table_depenses2 ._right			{ text-align: right; padding-right: 10px;} 
table.table_depenses2 ._center			{ text-align: center; } 
table.table_depenses2 .bTT				{ border : 1px solid #b8cce4; } 

/* Modifications page pointage lourde */
div.out{
	display:none !important;
}

.hour_selector{
    position:absolute;
    top:0px;
    left:0px;
    z-index: 1;
    border:1px solid #aaa;
}

ol.hour-list{
    background-color:#fff
}
ol.hour-list li.actionable{
    cursor:pointer;	
}

ol.hour-list li.actionable:hover{
    background-color:#aaa;
    color:#fff;
}

span.hour-span{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

div.saisie_fact_pays {
	padding: 0 5px 20px 30px;
}

select.select-reglement-factures{
	margin-left:10px;
	margin-right:10px;
	min-width:50px;
}

input.cons-check {
	margin-right: 8px;
    position: relative;
    top: 3px;
}

div.synthese_projet_pays {
	padding: 10px 5px 10px 150px;
}

div.synthese_projet_info{
	padding-left:50px;	
}

div.synthese_projet_link{
	cursor:pointer;
}

div.synthese_projet_link.taches{
	background:#87BBFF;
}

div.synthese_projet_link.no_taches{
	
}

div.projet_menu{
	display: table-cell;
	padding-left:30px;
	border-bottom:0px !important;
}

.christmas #accueil {
  /*background-image:url('../../../images/Navidad_Mincatec_small.png'), url('../../../images/logo_christmas_2.png');  */
  background-repeat: no-repeat, no-repeat;
 /* background-position: 90% 100%, 15% 70%;     */
     background-image:url('../../../images/fondo.png')     ;
     background-position: center center;
  height:500px;
}

.christmas #accueil{
  margin:0px;
}

.christmas h4{
    color: #bbbbbb;
    font-family: "KaushanScriptRegular",Arial,sans-serif;
    font-size: 50px;
    font-weight: normal;
    margin-top: 90px 0px 0px 0px;
}

.christmas .happy{
    left: 25%;
    position: relative;
    text-align: center;
    top: 20%;
    width: 50%
}

.christmas #accueil h2 {
  color: #bbbbbb;
  
}
 .christmas #accueil h1{
    color: #bbbbbb;
    font-family: "KaushanScriptRegular",Arial,sans-serif;
    font-size: 100px;
    font-weight: normal;
    margin: 0;
    }
.ptc_total_title{
	padding-right:15px;
}
.ptc_total_qty{
	padding-right:10px;
}

.ligne_facture{
	display:none;
}

span.expander{
	background-image:url(../../images/small_expand.png);
	cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}

span.collapser{
	background-image:url(../../images/small_collapse.png);
	cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}

.fact_even_line{
	background-color:#eee6e6;
	color:#906e6f;
}

.fact_odd_line{
	background-color:#dbd8d8;
	color:#906e6f;
}

.form-hidden{
	display:none;
}

.facture-form{
	display:table;
}
.facture-form.row{
	display:table-row;
}

.div_factures_filter{
	width:100%;
	display:table-cell;
}

.div_factures_form{
	float : left;
    display: table-cell;
	vertical-align: top;
}

.div_factures_form.out{
	visibility:hidden;
}

.div_factures_form .auto-facture{
	text-align:center;
	text-transform: uppercase;
}

.div_factures_parent{
	display:table;
}

.icon-manage-line{
	display:block;
	width:16px;
	height:16px;
	cursor:pointer;
}
.icon-manage-line.big{
	width:24px;
	height:24px;
}

.new-line {
	background-image:url(../../images/add_facture_line.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}

.delete-line {
	background-image:url(../../images/delete_facture_line.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}
.new-line.big {
	background-image:url(../../images/plus-button-big.png);
	background-size: 24px 24px;
}

.delete-line.big {
	background-image:url(../../images/minus-button-big.png);
	background-size: 24px 24px;
}

.select_ptc{
	max-width:400px;
}

.select_ptc_lignes{
	max-width:200px;
}

span.div_data_selector{
	overflow: hidden;
    padding-right: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}

span.div_data_selector.arrow::after {
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    content: "";
    display: block;
    height: 6px;
    left: 90%;
    position: relative;
    bottom: 10px;
    width: 6px;
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

label.arrow::after {
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    content: "";
    display: inline-block;
    height: 6px;
    left: 5px;
    position: relative;
    width: 6px;
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	cursor:pointer;
}
label.arrow.toDown::after  {
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transition: 0.45s ease transform;
}

ul.input-wrapper {
	position:absolute;
}

ul.input-wrapper.out {
	display:none;
}

ul.input-wrapper li{
	color:#000000;
	background-color:#b6b6b6;
	cursor:pointer;
	padding: 4px;
	text-align:left;
}

ul.input-wrapper li:hover{
	background-color:#dfdfdfdf;
	color:#fff;
}

ul.input-wrapper li.out{
	display:none;
}

td.selectable{
	cursor:pointer;
}

tr.factures-lines.out{
	display:none;
}
tr.factures-lines.in{
	display:auto;
}

input.red{
	color:red!important;
}
input.green{
	color:#63c24c!important;
}

.col-separator{
	width:20px;
	border-left:1px solid black;
	border-right: 0px !important;
}

.col-footer{
	border:0px !important;
	padding-top:5px;
	text-align: center;
}

.col-separator-2{
	width:20px;
	border-left:1px solid black;
}

.col-validation-title{
	width:250px;
	border-bottom: 1px solid black;
}

.col-pays{
	border-bottom: 1px solid black;
    padding-bottom: 5px;
    width: 500px;
	font-size:16px;
}

.col-bottom{
	border-bottom:1px solid black !important;
}

.col-top{
	border-top:1px solid black;
}

.col-title-left{
	font-size:16px;
	padding-right:4px;
	color: #000;
}

.even-month {
	background-color:#eeeeee;
}

.validation-table tr.past {
	background-color:#e0a3a3!important;
}

.validation-table td.current-closed {
	background-color:#419711!important;
}

.validation-table td.past-open{
	background-color:#e0a3a3!important;
}

.validation-table td.past-closed{
	background-color:#419711!important;
}

table.validation-table td._center{
	text-align:center;
	color:#000;
}

table.validation-table td > input[type=text]{
	text-align:center;
	height: 10px;
}

table.validation-table tr.even-month td > input{
	background:#eee;
}

table.validation-table tr.odd-month td > input{
	background:#fff;
}

td.bandeauRouge{
	color:#f00;
}

.calendar-holder {
	position:relative;
}

.rtt-header:not(.control) {
    border-bottom: 1px solid;
    font-size: 10px;
	text-align: center;
}

.rtt-cell:not(.control){
	border-bottom: 1px solid;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.rtt-button{
	padding-top:10px;
	text-align:right;
}

.rtt-submit {
	height:auto!important;
}

.rtt-cell.control .warning.in:after{
	background: url("../../images/warning.png");
}

.rtt-cell.control .warning:after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	position:relative;
	top:0px;
	left:0px;
}

.rtt-header.control-del > span:after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	position:relative;
	top:0px;
	left:0px;
	background: url("../../images/garbage.png");
}

.rtt-global-msg {
	text-align:center;
	font-size:12px;
	padding-bottom: 5px;
    padding-top: 5px;
}

.no-border {
	border: 0px !important;
}

#insertRttForm input[type=text] {
	text-align:center;
}

#insertRttForm input, #insertRttForm textarea {
	height:15px;
}

.calendar-container-sup {
	width:98%;
	display:table;
	padding:5px 10px;
}

.calendar-container {
	width:65%;
	display:table-cell;
	padding:5px;
}

.calendar-manage {
	width:35%;
	display:table-cell;
	vertical-align:top;
}

.calendar-legend {
	padding-bottom:10px;
}

tr._font_red, th._font_red{
	color:red!important;
}

table div#agence_change_date.out {
	display:none;
}

table div#heures_change_date.out {
	display:none;
}

div.data-load-content {
	width:1300px;
	margin:30px auto;
}

div.data-load-content  .title{
	font-size:12px;
	text-align:center;
	width:100%;
}

div.data-load-content  .subtitle{
	font-size:9px;
	text-align:center;
	width:100%;
}

div.data_table {
	display:table;
	margin-top: 15px;
}

div.data_cell {
	display:table-cell;
}

div.data_cell .red {
	color:red;
}

div.data_row {
	display:table-row;
}

.data_row.data-header {
	background: #bc9393 none repeat scroll 0 0;
    color: white;
    font-size: 11px;
}

.inserted-data .data_cell {
	/*border:1px solid rgb(221,221,221);*/
	padding-top: 3px;
	padding-bottom: 3px;
}

.inserted-data .data_cell_2 {
	padding-top: 7px;
	padding-bottom: 7px;
}

.data_row.suma {
    background-color: #bc9393;
    color: #000000;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.data_row.even {
    background-color: #f2ebeb;
    color: #775555;
}


.data_row.odd {
    background-color: #FFFFFF;
    color: #444444;
}

.data_row.data {
    text-align:center;
	font-size: 10px;
}

.data-header .data_cell {
    border-left: 1px solid white;
    border-right: 1px solid white;
	text-align: center;
	padding-right: 2px;
    padding-left: 2px;
}

.inserted-data .data_row:not(.data-header) .data_cell {
	border-left: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);
}

div#error_position {
	text-align:center;
}

.currency {
    text-align: right;
	padding-right: 5px;
	display: inline-block;
}
.right {
	text-align:right;
}
.left_5 {
	text-align:left;
	padding-left: 5px;
}

.center {
	text-align:center;
}

.data_row.error {
	color:white;
	text-align:center;
	border-radius:2px;
	margin: 2px auto;
	background-color: rgba(255,12,12,0.75);
}

.data_row.success {
	color:white;
	text-align:center;
	border-radius:2px;
	margin: 2px auto;
	background-color: rgba(0, 127, 14, 0.75);
}

.wait-for.out {
    display: none !important;
}
.wait-for {
    background-image: url("../../images/wait_for.svg");
    bottom: 11px;
    display: inline-block;
    float: right;
    height: 32px;
    position: relative;
    right: 35px;
    width: 32px;
}


.export-options-panel {
	display:table;
	width:1000px;
	border:1px solid black;
	border-radius:5px;
	margin: 5px;
    padding: 1px 5px;
}

.export-options-panel .out{
	display:none;
}

.export-options-panel-row {
	display:table-row;
}

.export-options-panel-cell{
	display:table-cell;
	width:50%;
}

.export-options-panel-cell.main-title {
	font-size:1.1em;
	font-weight: bold;
	text-transform:uppercase;
	padding:10px;
	text-align:left!important;
}

.export-options-panel-cell.right {
	text-align:right;
}

.export-options-panel-cell ul {
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.export-options-panel-cell li.title {
	font-size:1.1em;
	font-weight: bold;
}

.div_100 {
	width:100%;
	vertical-align: top;
}

.nowrap {
	white-space:nowrap;
}

.select-ptc-container {
	width:100%;
	margin:auto;
	text-align: center;
}

#ptc-manager .buttons-div {
    margin: 5px 0;
    text-align: center;
}

#ptc-manager .ptc-container {
	border:1px solid #999;
	border-radius:5px;
	padding:3px;
	width:75%;
	margin:auto;
	height:70px;
	max-height:70px;
	overflow:auto;
}

.ptc-button  {
	display:inline-block;
	width:20px;
	height:20px;
	margin: 0px 5px;
	cursor:pointer;
}

.ptc-button.add {
	background-image: url("../../images/ptc_add.png");
}

.ptc-button.cancel {
	background-image: url("../../images/ptc_cancel.png");
}

.ptc-list-item {
	padding-right:10px;
	color:#000;
	cursor:pointer;
}

.ptc-list-item.selected {
	background-color:#888;
	color:#fff;
}

.auto-checked  {
	display:block;
	position:relative;
	content:"";
	width:6px;
	height:14px;
	left: 53px;
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-top:none;
	border-left:none;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.auto-checked.mini {
	left:30px;
	bottom:2px;
}

.salarie-name {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:250px;
	padding-left: 5px;
}

.input-income {
	width:30px;
	font-size:10px;
	text-align: right;
	margin-right: 6px;
}

.input-income.out {
	display:none;
}

.income-tab-title {
	margin: 5px 0px;
	font-size:12px;
	color: #953735;
	border: 1px solid black;
	display:table-cell;
	cursor:pointer;
	min-width:200px;
	margin-right:2px;
	text-align: center;
}

.income-tab-title.selected {
	color:#fff;
	background-color:#953735;
}

.data-load-content .tabs {
   margin: 10px 0px;
   display: inline-block;
}

.income-table tr.odd {
	background-color:rgba(149,55,53,0.4);
	color:#222;
}

.income-table td {
	border:none;
	padding: 2px 6px;
    text-align: center;
	min-width: 80px;
	height: 30px;
}


.income-table td.top-cell {
	border-style:solid;
	border-width:1px;
	border-color:#000;
	border-bottom:none;
}

.income-table td.mid-cell {
	border-style:solid;
	border-width:1px;
	border-color:#000;
	border-bottom:none;
	border-top:none;
}

.income-table td.bottom-cell {
	border-style:solid;
	border-width:1px;
	border-color:#000;
	border-top:none;
}

.income-table td.first-month, .income-table th.first-month {
	border-left:2px solid #000!important;
}

.income-table td.last-month, .income-table th.last-month {
	border-right:2px solid #000!important;
}

.head_month {
	border:1px solid #000;
	border-top:2px solid black!important;
}

.income-table tr.even {
	background-color:#fff;
	color:#8a8a8a;
}

.income-table .income-concept.in {
	display:inline-block;
}

.income-table .income-concept {
	display:none;
}

.income-table .income-concept.pct_50 {
	width:50%;
}
.income-table .income-concept.pct_100 {
	width:100%;
}

.income-table .income-concept > label.out {
	display:none;
}

.income-table .read-only-income {
	margin-right:2px;
}

.income-table .read-only-income.out {
	display:none;
}

.income-table .read-only-income.editable {
	cursor:pointer;
}

.btn-container {
    display: inline;
    float: right;
}
#income-filter-form {
	margin-top: 5px;
}

.scrollableFixedHeaderTable th {
	min-width:50px;
	max-width:150px;
}

#pointages_table.scrollableFixedHeaderTable td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.padding-top-10 {
	padding-top:10px;
}
.padding-top-5 {
	padding-top:5px;
}

/******************TEST VSCROLL **********************/

 table.income-table {
    border:none;
    border-collapse:collapse;
    line-height:18px;
    margin-right:1px;
    table-layout:fixed;
}
table.income-table th, table.income-table td {
    margin:0px;
    padding:0px;
}
/* Little Bit of Custom Styling for Flare */
 table.income-table th {
    background-color:#E9E9E9;
    border:solid 1px silver;
}
table.income-table td {
    border:solid 1px silver;
}

/* Menu Lateral CSS*/
.menu-lateral {
	/*background-color: rgba(244, 154, 40, 0.95);*/
	background-color: rgba(0, 0, 0, 0.95);
    height: 580px;
    position: absolute;
    width: 300px;
    z-index: 0;
	transition: left 1.2s ease-out;
	-webkit-transition: left 1.2s ease-out;
	-moz-transition: left 1.2s ease-out;
	left: -368px;
	border-radius: 20px;
	padding-left:100px;
}

.menu-lateral:not(.fijo):hover {
	left:-100px;
}

.menu-lateral ul {
	margin-top:50px;
}

.menu-lateral ul li{
	border-bottom: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    /*padding-right: 10px;
	padding-left: 10px;
    padding-top: 8px;*/
    text-align: left;
	white-space: nowrap;
    text-transform: uppercase;
	transition: background-color 0.4s linear, display 0.4s linear;
	-webkit-transition: background-color 0.4s linear,display 0.4s linear;
	-moz-transition: background-color 0.4s linear, display 0.4s linear;
}

.menu-lateral ul li:not(.return) .label:hover{
	background-color: rgba(100, 100, 100, 1);
	color: rgba(255, 255, 255, 1);
	font-weight:bold;
}

.menu-lateral  ul.menu > li::not(.selected):hover::after{
	left:200px;
	transition:left 0.2s ease;
}

.menu-lateral .label {
	width:100%;
	height:100%;
}

.menu-lateral .label span {
	left: 10px;
    position: relative;
    top: 8px;
}

.menu-lateral .submenu .label span {
	left: 20px;
}

.menu-lateral .submenu .submenu .label span {
	left:30px;
}

.menu-lateral .submenu ul li {
	border-top:1px solid white;
}

.menu-lateral ul.menu > li:not(.selected)::after{
	bottom: 32px;
    content: "";
    display: block;
    height: 32px;
    left: 265px;
    position: relative;
    width: 32px;
	/*border-top:1px solid #F49A28;
	border-right:1px solid #F49A28;
	transform:rotate(45deg);*/
}

.menu-lateral ul.menu li.return.in::before {
	content: "";
    display: block;
    height: 12px;
	position: relative;
    width: 12px;
	left:15px;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	transform:rotate(-45deg);
}

.menu-lateral ul.menu li.return.in:hover {
	border-top-width:2px;
	border-right-width:2px;
}

.menu-lateral ul.menu > li::after {
	background-size: 24px 24px;
	background-position: center;
}

li.actividades::after {
	background:url("../../images/icons/Grid.png") no-repeat;
}
li.admin::after {
	background:url("../../images/icons/Settings 3.png") no-repeat;
}
li.ausencias::after {
	background:url("../../images/icons/Calendar 1.png") no-repeat;
}
li.finance::after {
	background:url("../../images/icons/Coins.png") no-repeat;
}
li.ged::after {
	background:url("../../images/icons/Search Property.png") no-repeat;
}
li.ndg::after {
	background:url("../../images/icons/Bill.png") no-repeat;
}
li.projets::after {
	background:url("../../images/icons/Planner.png") no-repeat;
}

/*.menu-lateral ul li:first-child{
	border-top: 1px solid #ffffff;
}*/

.menu-lateral ul li.hidden {
	display:none;
}

.menu-lateral div:not(.label) {
	color: #ffffff;
	display:none;
}

.menu-lateral ul li.selected > div:not(.label) {
	display:block;
	top: -42px;
	position:relative;
}

.menu-lateral.fijo {
	position:fixed;
}

.bank-container {
	padding-left:30px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

/* Enable Scroll Styling Effect */
 .vScroll {
    display:run-in;
    overflow-x:none;
    overflow-y:scroll;
}
/* Fix Positioning Issue in IE 8 (and Earlier) and Mozilla */
 .vScroll {
    border-left:solid 1px silver;
}
.vScroll td:first-child {
    border-left:none;
}

.vScroll thead {
	margin-left:-1px;
    box-sizing: border-box;
}

.vScroll tfoot , .vScroll tbody{
    margin-left:0px;
	border-left: 1px solid silver;
    box-sizing: border-box;
}

/* Invoices */

.invoices-list-container, .amort-list-container {
	width:90%;
	margin:0px auto;
	text-align:center;
}

table.invoices, table.amort{
	width:100%;
}
table.tarifas {
	width: 80vw;
	margin-left: 10vw;
}
table.invoices th, table.amort th, , table.tarifas th{
	text-align:center;
	padding: 2px 5px;
	color: #953735;
    font-size: 12px;
}

table.invoices tr.header , table.amort tr.header, table.tarifas tr.header{
	border-bottom: 1px solid #953735;
}

table.invoices tr:nth-child(even) , table.amort tr:nth-child(even), table.tarifas tr:nth-child(even){
	background-color:var(--even-color);
}

table.invoices td, table.amort td {
	border:none;
	font-size:11px;
	padding: 5px;
}

table.tarifas td {
	font-size:11px;
	padding: 5px;
}
table.tarifas tr.bordered td{
	border-bottom: 1px solid var(--malena-verde);
}

div#buttons-header {
	width:100%
}

.buttons-header {
	content:"";
	display:block;
	width:32px;
	height:32px;
	position:relative;
	cursor:pointer;
	float:right;
}

.buttons-header.search-list {
	background:url("../../images/icons/black/Search Property.png");
	background-position:center;
	background-size:24px 24px;
	background-repeat:no-repeat;
}

.buttons-header.add {
	background:url("../../images/icons/black/Add Property.png");
	background-position:center;
	background-size:24px 24px;
	background-repeat:no-repeat;
}

.buttons-header.add {
	transition: height 0.2s ease;
}

.display-table {
	display:table;
}

.display-row {
	display:table-row;
}

.display-cell {
	display:table-cell;
}

.field {
	max-width: 100px;
    padding-right: 5px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control {
	text-align:left;
	padding-left:5px;
}

form.styled {
	border:1px solid #cecece;
    border-radius: 10px;
    margin: 5px;
    padding: 5px;
}

form.styled input, form.styled textarea, input[type="button"].styled{
	border-radius:5px;
	background-color:#fff;
	color: #555;
	font-size:10px;
}

form.styled textarea {
	height: 50px;
	width: 350px;
	resize: none;
}

form.styled input[type=button], input[type="button"].styled{
	color: #fff;
	width: 70px;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor:pointer;
	background-color:#000;
}

form.styled {
	font-size:10px;
}

/** DROPDOWNS **/

.dropdown-launcher {
	border: 1px solid black;
    border-radius: 5px;
    margin-top: 0px;
    min-height: 20px;
    padding-left: 4px;
    padding-top: 3px;
	width: 200px;
	cursor:pointer;
	/*position: relative;
	top: 15px;*/
}

.dropdown-launcher.small {
	width: 85px;
}

.dropdown-launcher.medium {
	width:140px;
}

.dropdown-launcher span.dropdown-nowrap {
	margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	height: 15px;
}

.valign-top .dropdown-launcher {
	top:20px;
}

.dropdown-launcher-container.small  {
	margin-top: -3px;
}

.dropdown-launcher-container.medium  {
	/*padding-left:0px;
	margin-top:-30px;*/
}

.dropdown-launcher-container.rel .relative:not(.dropdown-filter) {
	top:5px;
}

.dropdown-arrow.small::after {
	left: 235px;
}

.dropdown-arrow.medium::after {
	left: 300px;
}

.dropdown-launcher-container.white  .dropdown-arrow::after, .dropdown-launcher-container.white  .dropdown-launcher {
	border-color:#fff
}

.dropdown-launcher-container.white  .dropdown-list {
	background-color: rgba(50, 50, 50, 0.92);
}

.dropdown-arrow::after {
	border-bottom: 1px solid black;
    border-right: 1px solid black;
    content: "";
    display: block;
    height: 8px;
    left: 430px;
    position: relative;
    bottom: 20px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    width: 8px;
	cursor:pointer;
}
.dropdown-launcher-container.small .dropdown-arrow::after {
	left: 75px;
}

.dropdown-launcher-container.medium .dropdown-arrow::after {
	left: 130px;
}

.dropdown-arrow.search::after {
    left: 190px;
}

.display-table.dropdown-multi {
	width: 100%; 
}

.valign-top  .dropdown-arrow.search::after {
    bottom:0px;;
}

#search .dropdown-launcher {
    max-width: 200px;
    min-width: 200px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overflow-visible {
	overflow:visible;
}

.dropdown-launcher;not(.small) > span {
	font-size: 10px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-list{
	display:block;
	background-color: #fff;
    min-width: 250px;
    position: absolute;
	z-index: 20;
}
.dropdown-list.small {
	min-width:100px;
}

.dropdown-list ul li.selected {
	background-color:rgba(210,210,210,0.8);
}

.dropdown-result-sublist {
    padding-left: 15px;
}

.dropdown-list ul li:not(.li-add):hover {
	background-color:rgba(179, 179, 179, 0.8);
	cursor:pointer;
}

.inline-block {
	display:inline-block;
}

.dropdown-list ul , .dropdown-extended {
    border: 1px solid #999;
    border-radius: 5px;
	max-height: 350px;
    overflow: auto;
}

.dropdown-extended .display-cell {
	padding:2px 5px;
}

.min-w-400 {
	min-width:400px;
}

.dropdown-list ul li{
    padding-left: 10px;
}

.dropdown-list .odd {
	background-color: rgba(241,241,247, 0.94);
	cursor:pointer;
}

.dropdown-list .even {
	background-color: rgba(255,255,255, 0.94);
	cursor:pointer;
}

.dropdown-filter {
	background-color: #fff !important;
	border: 0 none;
	width: 85%;
	bottom: 2px;
	margin: 0px;
}

.dropdown-filter-container {
	width: inherit;
}

.dropdown-list .display-row:not(.no-hover):hover {
	background:rgb(210,210,210);
}

.close-x {
	cursor:pointer;
}
.overflow-auto{
	overflow:auto;
}
.flex {
	display:flex;
	display:-webkit-flex;
}

.flex-wrap{
	flex-wrap: wrap;
}
.flex-nowrap{
	flex-wrap: nowrap;
}
.flex-grow{
	flex-grow:1;
}
.flex-50{
	flex:1 1 50%;
}
.flex-100{
	flex: 1 1 100%;
}
.flex-25{
	flex: 1 1 25%;
}
.flex-20{
	flex: 1 1 20%;
}
.flex-40{
	flex: 1 1 40%;
}
.flex-60{
	flex: 1 1 60%;
}
.flex-15{
	flex: 1 1 15%;
}
.flex-10{
	flex: 1 1 10%;
}
.flex-5{
	flex: 1 1 5%;
}
.flex-75{
	flex: 1 1 75%;
}
.flex-80{
	flex: 1 1 80%;
}
.flex-fix-5{
	flex: 0 0 5%;
}
.flex-fix-10{
	flex: 0 0 10%;
}
.flex-fix-15{
	flex: 0 0 15%;
}
.flex-fix-20{
	flex: 0 0 20%;
}
.flex-fix-25{
	flex: 0 0 25%;
}
.flex-fix-30{
	flex: 0 0 30%;
}
.flex-fix-35{
	flex: 0 0 35%;
}
.flex-fix-40{
	flex: 0 0 40%;
}
.flex-fix-45{
	flex: 0 0 45%;
}
.flex-fix-50{
	flex: 0 0 50%;
}
.flex-fix-55{
	flex: 0 0 50%;
}
.flex-fix-60{
	flex: 0 0 60%;
}
.flex-fix-65{
	flex: 0 0 65%;
}
.flex-fix-70{
	flex: 0 0 70%;
}
.flex-fix-75{
	flex: 0 0 75%;
}
.flex-fix-80{
	flex: 0 0 80%;
}
.flex-fix-85{
	flex: 0 0 85%;
}
.flex-fix-90{
	flex: 0 0 90%;
}
.flex-fix-95{
	flex: 0 0 95%;
}
.flex-fix-99{
	flex: 0 0 99%;
}
.flex-fix-100{
	flex: 0 0 100%;
}
.flex-div-6{
	flex:0 1 12.5%;
}
.flex-div-5{
	flex:0 1 15%;
}
.flex-div-4{
	flex:0 1 18.75%;
}
.flex-div-3{
	flex:0 1 16.67%;
}
.flex-div-2{
	flex:0 1 37.5%;
}
.flex-div-1{
	flex:0 1 75%;
}
.flex-justify-center{
	justify-content: center;
}
.flex-justify-end{
	justify-content: end;
}
.flex-justify-start{
	justify-content: start;
}
.flex-align-self-end{
	align-self:flex-end;
}
.flex-align-self-center{
	align-self:center;
}
.flex-align-items-center{
	align-items: center;
}
.flex-align-items-end{
	align-items: end;
}
.h50p{
	height:50px;
}
.margin-top-1 {
	margin-top:1px;
}

.valign-top {
	vertical-align:top;
}

.valign-middle {
	vertical-align:middle;
}

.valign-bottom {
	vertical-align:bottom;
}

.div-dropzone {
    border: 1px dotted #953735;
    border-radius: 5px;
    display: flex;
	display:-webkit-flex;
	position:absolute;
	max-width:300px;
}

.div-dropzone > span {
    color: #999;
    font-style: italic;
    padding: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkbox-wrapper input[type="checkbox"] {
	display: none;
}

.checkbox-wrapper  label {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #ddd 100%) repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 1px 1px white inset, 0 1px 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.checkbox-wrapper input[type="checkbox"]:checked + label::after {
    opacity: 1;
	transition: opacity 0.8s ease 0s;
}

.checkbox-wrapper label::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentColor currentColor #63c24c  #63c24c ;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 3px 3px;
    content: "";
    display: block;
    height: 5px;
    left: 4px;
    opacity: 0;
    position: relative;
    top: 5px;
    transform: rotate(-45deg);
    width: 11px;
	transition: opacity 0.6s ease 0s;
}

.checkbox-wrapper.move-left {
	position: relative;
	left: -175px;
	top: 8px;
}

.align-right {
	text-align:right;
}

.align-left {
	text-align:left;
}

#message-content.error {
	line-height:3;
	font-weight:bold;
	font-size:11px;
	color:rgb(255,35,35);
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	/*Necesita que el ancho (width) del elemento esté definido*/
}
/**ACTION ICONS*/
.edit {
    background-image: url("../../images/icons/black/Edit File.png");
}

.delete {
    background-image: url("../../images/icons/black/Delete.png");
}

.table-icon-action {
	background-size: 24px 24px;
    content: "";
    display: inline-block;
    height: 24px;
    width: 24px;
	cursor:pointer;
}

.money{
	background-image: url("../../images/icons/black/Money.png");
}
.factura{
	background-image: url("../../images/icons/black/Invoice.png");
}

/** DROPS */
.dz-default.dz-message {
    font-style: italic;
	margin: auto;
	padding-top: 10px;
	text-align: center;
	top: -10px;
	width: 100%;
}

.dz-success-mark , .dz-error-mark, .dz-size {
	display:none;
}

.width-370 {
	max-width: 370px;
    width: 370px;
}

.width-325 {
	max-width: 325px;
    width: 325px;
}

.attachment-dropzone {
	border: 1px dashed #525252;
    border-radius: 5px;
    cursor: pointer;
    height: 85px;
    margin: 3px;
    width: 100%;
    padding-top: 10px;
}

.dz-file-preview .dz-image.doc, .dz-file-preview .dz-image.docx {
	background-image: url("../../images/icons/black/MS Word.png");
}
.dz-file-preview .dz-image.xlsx, .dz-file-preview .dz-image.xls, .dz-file-preview .dz-image.xlsm {
	background-image: url("../../images/icons/black/MS Excel.png");
}

.dz-preview {
	
}

.dz-file-preview .dz-image {
	background-repeat: no-repeat;
    height: 35px;
    width: 32px;
	background-image: url("../../images/icons/black/Stack.png");
}

.dz-filename {
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-dropzone .dz-preview {
	display: inline-block;
    height: 50px;
    margin: 10px 5px;
    width: 100px;
	border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
    position: relative;
}
.attachment-dropzone .dz-remove{
	position: absolute;
	top: 0px;
	right: 5px;
}

label.augmentable {
	display: inline-block;
    padding-bottom: 8px;
}

.plus {
	background-image: url("../../images/icons/black/Plus.png");
    content: "";
    display: inline-block;
    height: 16px;
    margin-bottom: 4px;
    position: relative;
    top: 6px;
    width: 16px;
	cursor:pointer;
	background-size: 16px 16px;
}

.minus._16{
	height: 16px;
	width: 16px;
  	background-size: 16px 16px;
  	top: 2px;
}

.minus {
	background-image: url("../../images/icons/black/Minus.png");
    content: "";
    display: inline-block;
    height: 24px;
    margin-bottom: 4px;
    position: relative;
    top: 6px;
    width: 24px;
	cursor:pointer;
}

/*Positions*/
.relative {
	position:relative;
}

.absolute {
	position:absolute;
}

/** ok message*/
.ok-message {
    color: green;
    font-size: 14px;
    font-weight: bolder;
    padding-top: 5px;
}
/** error message*/
.error-message {
    color: red;
    font-size: 14px;
    font-weight: bolder;
    padding-top: 5px;
}

/*mini form*/
.miniform {
    background: rgba(50, 50, 50, 0.92) none repeat scroll 0 0;
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    z-index: 100;
	color:#fff;
	padding: 5px 1px;
}

.width-25pct {
	width:25%;
}

.max-width-200 {
	width:200px;
	max-width:200px;
}

.mini-title {
	font-size: 12px;
    font-weight: bolder;
    text-align: center;
}
.float-left{
	float:left;  
}

#records-label {
	padding-right: 4px;
}

.context-menu {
    display: none;
}
.context-menu.in {
   display: block;
    float: right;
    position: relative;
    top: -125px;
    width: 350px;
}
.context-menu ul {
    background: rgba(198, 198, 198, 0.7) none repeat scroll 0 0;
    border-radius: 0;
    line-height: 1.8;
}

.context-menu li.separator {
    border-bottom: 1px solid #888;
    padding-top: 5px;
}

/*AMORT**/

.pseudo {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	cursor: pointer;
}

.forward {
	border-top:1px solid black;
	border-right: 1px solid black;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: transform 0.6s cubic-bezier(0.19,1,0.22,1) 0s;
	-webkit-transition: transform 0.6s cubic-bezier(0.19,1,0.22,1) 0s;
	-moz-transition: transform 0.6s cubic-bezier(0.19,1,0.22,1) 0s;
	
}

.expand {
	border-top:1px solid black;
	border-right: 1px solid black;
	-webkit-transform: rotate(135deg); 
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transition: transform 0.6s cubic-bezier(0.19,1,0.22,1) 0s;
	-webkit-transition: transform 0.6s cubic-bezier(0.19,1,0.22,1) 0s;
	-moz-transition: transform 0.6s cubic-bezier(0.19,1,0.22,1) 0s;
}

td.ptc-affectation.even {
	background-color:rgba(200,191,231,0.5);
}

td.ptc-affectation.odd {
	background-color:rgba(220,171,252,0.5);
}

tr.affectation {
	transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
}
.affectation-table {
	width: 75%;
	margin-left: 12%;
	margin-bottom:5px;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 0px 15px 15px 5px;
	background: rgba(201, 191, 203, 0.9);
}

.affectation-title {
	margin-left: 45%;
	font-size: 13px;
	margin-bottom: 7px;
	font-weight: bold;
}
.affectation-title .plus {
	top:2px !important;
}

.affectation-table .display-cell.big {
	width:45%;
}

.devise.amort-devise {
	top: 7px;
}

/* wickedpicker customization */
.wickedpicker {
	width:100px!important;
	height:80px!important;
	font-size:13px !important;
}

.wickedpicker__close {
	top:5%!important;
	display:none;
}

.wickedpicker__controls {
	padding:0px!important;
}

.wickedpicker__controls__control-up::before, .wickedpicker__controls__control-down::after {
	font-size:0.6em!important;
}

.centered-content {
	width:1280px;
	margin:0px auto;
	text-align:center;
}

.text-in-search.visu-enabled {
	background:#aaaacd;
	color:#fff;
}

.gant.visu-enabled {
	background:url('../../images/icons/black/Gantt Chart Filled.png');
	background-position:center;
	background-size:24px 24px;
	background-repeat:no-repeat;
}

.gant {
	background:url('../../images/icons/black/Gantt Chart.png');
	background-position:center;
	background-size:24px 24px;
	background-repeat:no-repeat;
}

.display-cell .additional-space {
	display:inline;
	position:relative;
	bottom:7px;
}

.display-inline {
	display:inline;
}

.bottom-3 {
	position:relative;
	bottom:3px;
}

.flex-item {
	padding-right:2px;
	padding-left:2px;
}

.flex-item.right-pad {
	padding-right: 20px;
}

.flex-item.left-pad {
	padding-left: 20px;
}

.flex-item.left-pad-extra {
	padding-left: 60px;
}

.flex.flex-center {
	align-items:center;
}

.flex.flex-hor-right {
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
}

.form-input-row {
	flex-direction:row;
	-webkit-flex-direction:row;
	flex-wrap: nowrap;
	-webkit-flex-wrap:wrap;
	justify-content: flex-start;
	-webkit-justify-content:flex-start;
	align-items:baseline;
	margin-left: 30px;
}

form.flex-styled {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px;
}

.ucase {
	text-transform:uppercase;
}

.bold {
	font-weight:bold;
}

.flex-styled .font-big {
	font-size:11px;
}

.multi-checkbox-wrapper {
	display:flex;
	flex-direction:row;
}

.multi-checkbox-wrapper > * {
	margin:auto 5px;
}

.accounts li{
	display:flex;
	display: -webkit-flex;
	flex-direction:row;
	-webkit-flex-direction:row;
	transition: 0.45s ease display;
	align-items:left;
	-webkit-align-items:left;
	white-space: nowrap;
}

.accounts li.account-fields {
	flex-direction:column;
	-webkit-flex-direction:column;
}

.accounts li > div, .accounts li > label{
	padding-right:3px;
}
.accounts ul:not(.one) {
	position:absolute;
	z-index:12;
	background-color:rgba(50,50,50,0.92);
	color:#fff;
	bottom:-18px;
	padding-left:5px;
	border-radius:5px;
}
.accounts ul.one  .insert-date {
	display:none;
}

.accounts ul.one li.li-hidden {
	display:none;
}
.accounts ul.one li.is_new::before {
	content:"";
	width:12px;
	height:12px;
	background:url('../../default/images/exclamacion.png');
	display:inline-block;
	background-size:12px 12px;
}
.accounts li.account-fields input {
	text-align:center;
	margin-right:3px;
	font-size:1.12em;
}
.accounts input.error, .input-calendar.error{
	color:red;
	border: 1px solid red;
}
.form-data-wrapper input.error{
	border-color: red;
}
.dropdown-launcher.error {
	border-color:red;
}
.right-padded {
	padding-right:10px;
}

.gray {
	color:#999;
}

.cif-label {
	position: absolute;
	bottom: 15px;
	left: 225px;
}

#salarie_table tr.even{
	background-color: #fff;
}
#salarie_table tr.odd{
	background-color: var(--even-color);
}
/**RRHH*/
.no-max-height{
	max-height: inherit !important;
}
/*Candidato*/
.estados-filter .persona-estado-1{
	background-color:#0bffdd;
}
#salarie_table .persona-estado-1 td{
	border-bottom:1px solid #0bffdd;
}
#salarie_table .persona-estado-1 td:first-child{
	border-left: 12px solid #0bffdd;
}
/*En fase de contratacion*/
#salarie_table .persona-estado-2{
	border-bottom:1px solid #0b76ff;
}
.estados-filter .persona-estado-2{
	background-color:#0b76ff;
}
#salarie_table .persona-estado-2 td:first-child{
	border-left: 12px solid #0b76ff;
}
/*Contratado a falta de doc*/
#salarie_table .persona-estado-3 td{
	border-bottom:1px solid #aade11;
}
#salarie_table .persona-estado-3 td:first-child{
	border-left: 12px solid #aade11;
}

.estados-filter .persona-estado-3{
	background-color:#aade11;
}
/* Activo */
#salarie_table .persona-estado-4 td{
	border-bottom:1px solid #fff;
}
.estados-filter .persona-estado-4{
	background-color: #fff;
}
#salarie_table .persona-estado-4 td:first-child{
	border-left: 12px solid #fff;
}
/* Excedencia */
#salarie_table .persona-estado-5 td{
	border-bottom:1px solid #c493da;
}
.estados-filter .persona-estado-5{
	background-color:#c493da;	
}
#salarie_table .persona-estado-5 td:first-child{
	border-left: 12px solid #c493da;
}
/* Baja  */
#salarie_table .persona-estado-6 td{
	border-bottom:1px solid #edcfcf;
}
.estados-filter .persona-estado-6{
	background-color:#edcfcf;	
}
#salarie_table .persona-estado-6 td:first-child{
	border-left: 12px solid #edcfcf;
}
/* Baja  IT */
#salarie_table .persona-estado-7 td{
	border-bottom:1px solid yellow;
}
.estados-filter .persona-estado-7{
	background-color: yellow;
}
#salarie_table .persona-estado-7 td:first-child{
	border-left: 12px solid yellow;
}
/* reduccion jornada */
#salarie_table .persona-estado-8 td{
	border-bottom:1px solid #f9c87e;
}
.estados-filter .persona-estado-8{
	background-color: #f9c87e;
}
#salarie_table .persona-estado-8 td:first-child{
	border-left: 12px solid #f9c87e;
}
.estados-filter .legend{
	width: 28px;
	height: 28px;
	float: right;
}

#salarie_table_wrapper tfoot select.select_datatable {
    max-width: 75px;
}

#rrhh-modal-edition, #darkBG {
	display:none;
}

#rrhh-modal-edition.in {
	display:block;
	width:80vw;
	height: 90vh;
	border:1px solid black;
	border-radius:5px;
	background-color:#fff;
	position:absolute;
	top:10%;
	left:20%;
	overflow: auto;
}
#rrhh-alerts.in{
	display: block;
	width: 400px;
	height: 300px;
	border: 1px solid black;
	border-radius: 5px;
	background-color: #fff;
	position: absolute;
	top: calc(50% - 150px);
	left: calc(50% - 200px);
	overflow: hidden;
	padding: 10px;
	z-index: 15;
}
.alerts-list{
	overflow:auto;
	height:250px;
}
.alerts-main-title{
	text-align: center;
	font-size: 1.25em;
}
.alerts-list .title{
	text-align: center;
	font-size: 1.1em;
	margin-top: 5px;
	background: #f2aa69;
	padding: 4px;
}
.alerts-list.tbl{
	margin-top:4px;
}
.alerts-list .row{
	min-height:22px;
	border-bottom: 1px solid #ddd;
}
.alerts-list .row.header{
	text-align: center;
	font-size: 1.1em;
	margin-top: 6px;
	margin-bottom: 6px;
}
.alerts-list .row.header>div{
	border-bottom:2px solid #ccc;
}
.photo {
	position:absolute;
	width: 116px;
	height: 118px;
	background:url('../../../images/map_border.png');
	margin-top: 15px;
}

#darkBG.in {
	background-color:rgba(0,0,0,0.3);
	z-index:10;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
}

#rrhh-modal-edition {
	z-index:50;
}

#rrhh-modal-edition .title {
	background-color: #00f;
	font-size: 1.35em;
	text-align: right;
	padding: 5px 15px;
	color: #fff;
	border-radius: 4px 4px 0px 0px;
}
	#rrhh-modal-edition .title.alta {
		background-color:#03a21c;
	}
	#rrhh-modal-edition .title.baja {
		background-color:#a02107;
	}

.personal-data-row, .contrato-data-row {
	margin: 5px 5px 10px 0px;
}
.personal-data-row div, .personal-data-row label ,.contrato-data-row div, .contrato-data-row label {
	margin:1px 4px;
}

.valor {
	text-transform: uppercase;
	font-weight: bold;
}

#rrhh-modal-edition fieldset {
	display: flex;
	-webkit-display:flex;
	margin: 5px 5px;
	border-radius: 5px;
	width: 95%;
}

#rrhh-modal-edition fieldset legend {
	color: #db7b0f;
	white-space: nowrap;
	font-size: 0.95em;
	border-radius: 5px;
}

.flex-column,.flex-col {
	flex-direction:column;
	-webkit-flex-direction:column;
}

.flex-row {
	flex-direction:row;
	-webkit-flex-direction:row;
}

.flex-row-reverse {
	flex-direction: row-reverse;
	-webkit-flex-direction:row-reverse;
}

.flex-align-items-center {
	align-items:center;
	-webkit-align-items:center;
}

.personal-data .buttons {
	margin-right: 17px;
}
.actions {
	margin-bottom: 5px;
}
	.actions input {
		margin:2px 2px;
		width:auto!important;
	}
#actions-container {
	position: absolute;
	margin: 10px 3%;
	top: 75px;
	background-color: #ddd;
	border-radius: 5px;
	width: 95%;
	transform:height 2s;
	-webkit-transform:height 2s;
	-moz-transform:height 2s;
	-o-transform:height 2s;
	display:none;
	max-height: 600px;
	overflow-y: auto;
	left: 0px;
	z-index: 20;
}
#actions-container .datepicker {
	position: relative;
	z-index: 80;
}
.iban input {
	text-align:center;
}

.contrato-form .dropdown-launcher {
	background-color:#fff;
}

input[type="button"]:disabled {
    visibility:hidden;
}

.valor > * {
    margin-left: 8px;
}

table.historico-persona {
	font-size:0.95em;
	width:100%;
	padding: 10px;
}
	table.historico-persona td {
		padding:10px 5px;
		border:0px;
	}
	table.historico-persona th {
		text-align: left;
		min-width: 40px;
		padding: 1px 5px;
		background: #8d9e92;
		margin: 0px;
		color: #fff;
		font-family: Arial;
  		font-size: 0.9em;
	}
	table.historico-persona tr.even, table.historico-contratos tr.even{
		background-color: #bdc6e6;
		color: #111;
	}
	
table.historico-contratos {
	padding: 0px 10px;
}
	table.historico-contratos tr {
		border:1px solid #ddd;
	}
	table.historico-contratos tr th:first-child {
		border-radius: 8px 0px 0px 0px;
	}
	table.historico-contratos tr th:last-child {
		border-radius: 0px 8px 0px 0px;
	}
	table.historico-contratos tr td, table.historico-contratos tr th {
		text-align:center;
	}
	table.historico-contratos tr td:last-child {
		border-right: 1px solid #0000004d;
	}
	table.historico-contratos tr td:first-child {
		border-left: 1px solid #0000004d;
	}
	table.historico-contratos tr:last-child td {
		border-bottom: 1px solid #0000004d;
	}
	
.sorting_1 {
	background-color:transparent!important;
}

.menu-list {
	display:none;
}
	.menu-list.in {
		display: block;
		position: absolute;
		width: auto;
		max-height: 300px;
		z-index: 10;
		background-color: #eee;
		border: 1px solid #ddd;
		border-radius: 0px 0px 5px 5px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.menu-list.in  ul{
		margin:5px;
	}
		.menu-list.in  ul li{
			margin:2px 0px;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			cursor:pointer;
		}
		.menu-list.in ul li:hover{
			background-color: #555;
			color:#ddd;
		}
		.menu-list.in  ul li > *{
			margin:1px 4px;
		}
.menu-launcher:not(.no-after)::after {
	border-bottom: 1px solid black;
    border-right: 1px solid black;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
	left:70%;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    width: 8px;
	cursor:pointer;
}

.comments {
	display: block;
	background-image: url("../../images/comment.png");
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}

.pdf-gen {
	display: block;
	background-image: url("../images/pdf-icon.png");
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.contrato-obs {
	display: none;
	position: absolute;
	background-color: #fbfbbc;
	font-size: 0.85em;
	padding: 5px 10px;
	left: -120px;
	bottom: 12px;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 100px;
	color: #333;
	z-index: 20;
}

div.pastilla {
	padding: 4px;
	border-radius: 5px;
}

.pastilla.pending {
    background-color: #ffa100;
}
.pastilla.error {
    background-color: #f80a02;
}
.pastilla.sent {
    background-color: #0fc30f;
}

.repart-section div {
	margin-right:5px;
	margin-left:5px;
}

.repart input {
	margin-right:3px;
	margin-left:3px;
}
.view-mode > div {
	padding:5px;
}
.view-mode label {
	padding-right:2px;
}
.view-mode .control {
	font-weight:bold;
}
.view-mode .control .force-no-bold {
	font-weight:normal;
}

.invoice-wrapper{
	background-color: #fff;
	border: 1px solid #999;
	border-radius:5px;
}

.scrollable-y {
	overflow-y:auto;
}
	.scrollable.border {
		border: 1px solid #999;
		border-radius: 5px;
	}
.h-250 {
	height:250px;
	max-height:250px;
}
.minisize {
	background-size:16px 16px;
	background-repeat:no-repeat;
	width:16px;
	height.16px;
}

.block-genero input[type="radio"]{
	position: relative;
	margin-right: 5px;
	top: 2px;
}
.reduccion_jornada.horas {
	position: relative;
	bottom: 9px;
}
.reduccion_jornada.drop {
	position: relative;
    top: 6px;
}
.assign-inge {
	margin:auto;
}
.assign-inge  tr.even {
	background-color:#fff;
}

.assign-inge tr.odd {
	background-color:#aaa;
}

.assign-inge td, .assign-inge th {
	padding:5px;
}

.assign-inge td label.assign {
	cursor:pointer;
}
#select-users-container {
	background-color:#fff;
	font-size:0.8em;
}

#select-users-container li:hover {
    color: red;
}

#select-users-container li{
	padding:4px;
	cursor:pointer;
}

#select-users-container li.even {
	background-color: #fff;
}

#select-users-container li.odd {
	background-color: #ccd;
}

#select-users-container li.linked {
	font-weight:bold;
}
.button-cont{
	text-align: right;
	padding-right: 15%;
}

.button-cont input {
	background-color: #575656;
	color: #fff;
}

.rrhh-docs {
	width:32px;
	height:32px;
	content:"";
	display:inline-block;
	background-repeat: no-repeat;
	cursor:pointer;
	background-image:url("../images/folder.png");
}

.rrhh-mails {
	width:32px;
	height:32px;
	content:"";
	display:inline-block;
	background-repeat: no-repeat;
	cursor:pointer;
	background-image:url("../images/mail_history.png");
	background-position: 0px 4px;
}

.download-pdf {
	width:20px;
	height:13px;
	content:"";
	display:inline-block;
	background-repeat: no-repeat;
	cursor:pointer;
	background-image:url("../images/cloud-download.png");
}

.download-rrhh-blank {
	padding-left:2px;
}

.send-email {
	width: 24px;
	height: 24px;
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	cursor: pointer;
	background-image: url("../images/mail_send.png");
	background-size: 24px 24px;
	background-position: 0px 3px;
}

.rrhh-buttons {
	display: inline-block;
	flex-grow:2;
	text-align:left;
}
.footer-modal {
	text-align: right;
}
input[type=button].styled {
	width: 70px;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor:pointer;
	margin:2px;
	border-radius: 5px;
	background-color: #f0f0f0;
	color: #555;
	font-size: 10px;
}

.spin-run::after {
	width: 30px;
	height: 30px;
	background-image: url("../images/h6viz.gif");
	content: "";
	background-size: 148px 148px;
	display: block;
	background-repeat: no-repeat;
	background-position: -60px -60px;
}

.spinner {
	background-image:url('../images/spinner.svg')!important;
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:center;
	color:transparent!important;
}

.add-doc {
	float:right;
	width: 16px;
	height: 16px;
	background-image: url("../images/add_red.png");
	content: "";
	background-size: 16px 16px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	top: 1px;
	cursor:pointer;
}

.form-new-file * {
	padding: auto 5px;
}
.form-new-file div.select-wrapper {
	vertical-align: middle;
	position: relative;
	top: 5px;
}
.form-new-file  input[type=button] {
	position:relative;
	top:4px;
	height: 18px;
}

.pad-r-15 {
	padding-right:15px;
}

.ben-group {
	margin: 10px 5px;
}
.ben-group label {
	font-size:1.25em;
	font-weight:bolder;
}

.ok-button {
	background-image:url("../images/ok_green.png");
	width: 16px;
	height: 16px;
	content: "";
	background-size: 16px 16px;
	display: inline-block;
	background-repeat: no-repeat;
	cursor:pointer;
}
.delete-button {
	background-image:url("../images/delete_circle_pink.png");
	width: 16px;
	height: 16px;
	content: "";
	background-size: 16px 16px;
	display: inline-block;
	background-repeat: no-repeat;
	cursor:pointer;
}
.manager-beneficios .demo {
	display:none;
}
.thead.out {
	display:none;
}
.thead > .data_cell {
	font-size: 1.1em;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

.beneficios-table {
	margin-left: 30px;
}
.beneficios-table .data_cell{
	padding: 2px 5px;
	text-align: center;
}
.beneficios-table .big {
	min-width:200px;
}
.beneficios-table .medium {
	min-width:100px;
}
.beneficios-table .small {
	min-width:50px;
}
.beneficios-table .odd {
	background-color:#8db1bd;
}
.beneficios-table .even {
	background-color:#fff;
}
.beneficio-actual{
	font-weight:bolder;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.valor.puesto-de-trabajo {
	max-width: 460px;
	width: 460px;
}
.valor.tipo-contrato {
	max-width: 600px;
	width: 600px;
}
.valor.motivo-contrato {
	max-width: 700px;
	width: 700px;
}
.error-list-title{
	font-size:1.2em;
	text-align: center;
}
.error-list-excel{
	list-style: none;
	width: 50%;
	margin:auto;
}
.error-line-excel{
	color:red;
	padding-left:10px;
	padding-top:2px;
	text-align: center;
}

div#export-docs {
  position: absolute;
  top: 50px;
  left: calc(100vh - 325px);
  z-index: 11;
  background-color: #f4f4f4;
  padding: 10px;
  border-radius: 5px;
  width: 650px;
  max-height: calc(100vh - 50px);
  overflow: auto;
}

div#select-cols{
	position: absolute;
	top: 50px;
	left: 300px;
	z-index: 11;
	background-color: #f4f4f4;
	padding: 10px;
	border-radius: 5px;
	width: 650px;
	height: 515px;
	overflow: auto
}

div#select-cols .input-wrapper{
	padding-right:2px;
}	
div#select-cols .check-col-item{
	cursor:pointer;
}
div#select-cols .title{
	font-size: 1.5em;
	color: blueviolet;
}
div#select-cols .subtitle{
	font-size: 1.1em;
	color: green;
	margin-bottom:5px;
}
div#select-cols .check-column.all-checked{
	font-weight:bold;
}
.titre-indicateurs{
	margin-left: 50px;
	margin-top: 20px;
	font-size: 1.5em;
}
.table-encuestas{
	padding-bottom: 40px;
	margin-left: 35px;
	font-size: 1.1em;
	text-align: center;
}
.table-encuestas .even{
	background-color: #9ACB3D92;
}
.table-encuestas td {
	padding:1px 4px;
}
.pie-container{
	flex-wrap:wrap;
	width:80%;
	justify-content:center;
	text-align:center;
	padding-bottom: 50px;
}
.pie-container table td {
	font-size:1.4em;
	font-weight:bold;
}
#ind_comercial_table .even{
	background-color:#ddd;	
}
#ind_comercial_table .odd{
	background-color:#E8FFBE;	
}
#ind_comercial_table thead tr{
	background-color: var(--malena-verde);
}
#resumen_prestamos thead th, #resumen_prestamos tbody td.title{
	background-color: var(--malena-verde);
	color:#000;
}
#resumen_prestamos tbody td{
	border-bottom:1px solid #aaa;
}
#resumen_prestamos td, #resumen_prestamos th {
	width:80px;
}
.align-right.m5{
	padding-right:5px;
}
.align-left.m5{
	padding-left:5px;
}

.cuadro-ro .label{
	font-weight: bold;
	margin:2px 4px;
}
.cuadro-ro .flex{
	align-items: center;
	justify-content: center;
}
.cuadro-ro .block{
	border: 1px solid #ccc;
	padding: 5px;
	flex: 0 0 45%;
	min-height: 70px;
}
.graph-ro{
	/*width:750px;*/
	width:100%;
}

/* DASHBOARD */
.bigplus {
	background-image: url("../../images/icons/black/Plus.png");
    content: "";
    display: inline-block;
    height: 24px;
    margin-bottom: 4px;
    position: relative;
    top: 6px;
    width: 24px;
	cursor:pointer;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}
.personal-widget .settings{
	background-image: url("../../images/icons/black/Administrative Tools.png");
	content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
	cursor:pointer;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}
.available-widgets-menu{
	left:-230px;
	width:200px;
	height:400px;
	overflow-y:auto;
	position:absolute;
	background-color:#b6b6b6;
	padding:10px;
	transition: left 0.5s;
	z-index:100;
}
.available-widgets-menu div.title{
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
.available-widgets-menu .description{
	font-size: 0.9em;
	padding-left: 25px;
}
.available-widgets-menu.in{
	left:20px;
	transition: left 0.5s
}
.available-widgets-menu li * {
	padding:1px 3px;
}
.available-widgets-menu .butons-wrapper{
	align-self:flex-end;
}
.personal-widget {
    width: 400px;
    height: 300px;
    overflow: auto;
    border: 1px solid #dadada;
    border-radius: 10px;
    margin: 5px;
}
.personal-widget.custom{
	width: 800px;
}
.personal-widget.custom.chartjs{
	height: 480px;	
}
.personal-widget.custom.chartjs.pie .square-container{
	width: 380px;
	height: 380px;
	text-align: center;
}
.personal-widget.chartjs.pie:not(.custom) .square-container{
	width: 200px;
	height: 200px;
}
.personal-widget.chartjs.bar.custom .rect-container{
	width:680px;
	height:380px;
}
.personal-widget.chartjs.bar .square-container{
	display:none;
}
.personal-widget.chartjs.pie .rect-container{
	display:none;
}
.personal-widgets-container .personal-widget:first-child{
	margin-left:30px;
}
.personal-widget .data_cell select{
	margin:2px;
	border: 1px solid #dadada;
	border-radius: 5px;
}
.personal-widget .data_cell label{
	margin-left: 8px
}
.personal-widget .titulo {
    font-size: 1.25em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #de2;
    padding: 5px 0px;
}
.personal-widget input[type="button"].styled{
	width:auto;
}
.personal-widget .filtros label {
    padding-left: 3px;
}
.personal-widget .settings-menu-launcher{
	display:none;
	transition: display 0.5s;
}
.personal-widget .settings-menu-launcher.in{
	display: block;
	transition: display 0.5s;
	background-color: #de2;
	padding: 3px;
	font-size: 0.8em;
	margin-top: 25px;
	left: 298px;
	font-weight: normal;
	text-transform: none;
}
.personal-widget.custom .settings-menu-launcher.in{
	left: 698px;
}

.personal-widget .settings-menu-launcher li{
	padding:5px 0px;
	cursor:pointer;
}

.personal-widget .settings-menu-launcher li:hover{
	background-color: #998f3c;
}

.personal-widget input[type="checkbox"]{
	margin-left: 5px;
}
/* END DASHBOARD */

.synth_1 .extend_4 .colab-name{
	max-width: 149px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.synth_1 .extend_4 .titulo-viajes{
	max-width: 249px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.force-wrap{
	white-space: normal!important;
}
.available-widgets{
	height: 330px;
	overflow: auto;
	max-height: 330px;
	scrollbar-width:thin;
}

.available-widgets::-webkit-scrollbar {
  width: 1em;
}

/* CN Teórico */
#cnteorico-modal-edition,#cnteorico-modal-edition .editor {
	display:none;
}
#cnteorico-modal-edition .editor.in{
	display:flex;
}
#cnteorico-modal-edition.in {
	display:block;
	width:1080px;
	border:1px solid black;
	border-radius:5px;
	background-color:#fff;
	position:absolute;
	top:10%;
	left:20%;
	overflow: hidden;
}

#cnteorico-modal-edition {
	z-index:50;
}

#cnteorico-modal-edition .title {
	background-color: #00f;
	font-size: 1.35em;
	text-align: right;
	padding: 5px 15px;
	color: #fff;
	border-radius: 4px 4px 0px 0px;
}
	#cnteorico-modal-edition .title.alta {
		background-color:#03a21c;
	}
	#cnteorico-modal-edition .title.baja {
		background-color:#a02107;
	}
	#cnteorico-modal-edition .year {
		width: 240px;
		text-align: center;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #222;
	}
	#cnteorico-modal-edition .year:first-child{
		border-left: 1px solid #222;
	}

	#cnteorico-modal-edition .years-wrapper{
		position: absolute;
		right: 0px;
	}

	#cnteorico-modal-edition .w-60{
		width:80px;
		min-width:80px;
	}
	#cnteorico-modal-edition .w-360{
		width:360px;
		min-width:360px;
	}
	#cnteorico-modal-edition .tarifa-container {
		overflow: hidden;
		padding: 5px 0px;
	}
	#cnteorico-modal-edition .ptc-data,.ptc-name{
		z-index: 15;
		background-color: #fff;
		text-align: center;
	}
	#cnteorico-modal-edition .follow-data{
		flex:1 1 50%;
		overflow: hidden;
	}
	#cnteorico-modal-edition .year-follow{
		padding: 10px 0px;
		overflow: hidden;
		background-color: #fff;
	}
	#cnteorico-modal-edition .year-follow .header{
		padding: 5px 2px;
		background: #ccc;
	}
	#cnteorico-modal-edition .pad-5-0{
		padding:5px 0px;
	}
	#cnteorico-modal-edition .month{
		width:20px;
		min-width:20px;
		height: 24px;
	}
	#cnteorico-modal-edition .month.b-left{
		border-left:1px solid #222;
	}
	#cnteorico-modal-edition .data{
		height: 18px;
		padding: 5px 2px;
	}
	#cnteorico-modal-edition .data .month {
	    border-bottom: 1px solid black;
	    border-top: 1px solid black;
	}
	#cnteorico-modal-edition .record .leyenda{
		width: 20px;
		display: inline-block;
		height: 20px;
	}
		.filled.multi{
			background-image: radial-gradient(#212121 20%, transparent 20%), radial-gradient(#fafafa 20%, transparent 20%);
			background-color: #b6b6b6;
			background-position: 0 0, 25px 25px;
			background-size: 5px 5px;
		}
		.cnteorico-color1,.month.filled.cnteorico-color1{
			background-color:#aab4e1;
		}
		.cnteorico-color2,.month.filled.cnteorico-color2{
			background-color:#4589b1;
		}
		.cnteorico-color3,.month.filled.cnteorico-color3{
			background-color:#ac9899;
		}
		.cnteorico-color4,.month.filled.cnteorico-color4{
			background-color:#ddd;
		}
		.cnteorico-color5,.month.filled.cnteorico-color5{
			background-color:#ff3412;
		}
		.cnteorico-color6,.month.filled.cnteorico-color6{
			background-color:#23ff56;
		}
		.cnteorico-color7,.month.filled.cnteorico-color7{
			background-color:#0997bb;
		}
		.cnteorico-color8,.month.filled.cnteorico-color8{
			background-color:#777;
		}
		.cnteorico-color9,.month.filled.cnteorico-color9{
			background-color:#319a96;
		}
		.cnteorico-color10,.month.filled.cnteorico-color10{
			background-color:#e34309;
		}
		.cnteorico-color11,.month.filled.cnteorico-color11{
			background-color:#080869;
		}
		.cnteorico-color12,.month.filled.cnteorico-color12{
			background-color:#cacbf1;
		}

	#cnteorico-modal-edition .move{
		font-size: 1.5em;
		cursor:pointer;
	}
	#cnteorico-modal-edition .move::selection{
		background-color:none;
	}
	#cnteorico-modal-edition .move::-moz-selection{
		background-color:none;
	}
	#cnteorico-modal-edition .move.left{
		margin-right:5px;
	}
	#cnteorico-modal-edition .move.right{
		margin-left:5px;
	}
	#cnteorico-modal-edition .ptc-name.header{
		background-color: #ccc;
		z-index: 15;	
	}
	.edit-tarifa-button{
		background:url("../../images/icons/black/Edit File.png");
		background-position:center;
		background-size:20px 20px;
		background-repeat:no-repeat;
		content:"";
		display:block;
		width:20px;
		height:20px;
		cursor:pointer;
	}
	.delete-tarifa-button{
		background:url("../../images/icons/black/Delete.png");
		background-position:center;
		background-size:20px 20px;
		background-repeat:no-repeat;
		content:"";
		display:block;
		width:20px;
		height:20px;
		cursor:pointer;
	}
	.height-30{
		height:30px;
	}
	#cnteorico-modal-edition form{
		width: 75%;
		margin: auto;
		border: 1px solid #aaa;
		border-radius: 7px;
		padding: 5px 10px 5px 10px;
	}
	#cnteorico-modal-edition form.add{
		width: 95%;
		padding: 5px 10px 5px 10px;
		margin-top:10px;
		margin-bottom:10px;
	}
	#cnteorico-modal-edition form.add .flex-row {
	    margin-top: 10px;
	    margin-bottom: 5px;
	}
	#cnteorico-modal-edition form.add div{
		margin-left:5px;
	}
	#cnteorico-modal-edition form .title-form{
		justify-content: center;
		font-size: 1.4em;
		background-color: #bee5f4;
	}
	#cnteorico-modal-edition .buttons input{
		margin:0px 5px;
	}
	.cn-teorico-vs-real .filters > div {
		padding:2px 5px;
	}
	.cn-teorico-vs-real{
		height:calc(100vh - 200px);
	}
	.cn-teorico-vs-real .dataTable th.extern{
		background: #fff;
		font-size: 0.9em;
	}
	.cn-teorico-vs-real .dataTable th, #tarifas_table th {
		background: #E4DFEC;
		color:#000;
		font-size:1.1em;
		padding:2px 5px;
	}
	.cn-teorico-vs-real .dataTable .lbg, #tarifas_table .lbg {
		border-left:2px solid #999;
	}
	.cn-teorico-vs-real .dataTable .rbg, #tarifas_table .rbg {
		border-right:2px solid #999;
	}
	.cn-teorico-vs-real .dataTable .tbg, #tarifas_table .tbg {
		border-top:2px solid #999;
	}
	.cn-teorico-vs-real .dataTable .bbg, #tarifas_table .bbg {
		border-bottom:2px solid #999;
	}
	.cn-teorico-vs-real .dataTable th, .cn-teorico-vs-real .dataTable td, #tarifas_table td, #tarifas_table th {
		text-align: center;
		box-sizing: border-box;
	}
	.cn-teorico-vs-real .dataTable td {
		white-space: nowrap;
		font-size: 0.9em;
		width: 60px;
		min-width: 60px;
	}
	#tarifas_table td{
		white-space: nowrap;
		font-size: 0.9em;
	}
	#tarifas_table td.button{
		width:32px;
		background-color: #fff!important;
	}
	#tarifas_table tr.historico, #tarifas_table tr.desplegado{
		background-color: #b6e8ba;
	}
	.cn-teorico-vs-real .dataTable tr, #tarifas_table tr{
		height: 30px;
	}
	.cn-teorico-vs-real .dataTable tr.par td, #tarifas_table tr.par:not(.desplegado) td{
		background-color:#fff1ba;
	}
	#tarifas_table .grupo{
		background-color:#ecce57;
		font-weight: bold;
	}
	#tarifas_table .hidden {
	    display: none;
	}
	#tarifas_table .icon-button, #comp-table .icon-button{
		content:"";
		display:block;
		width:20px;
		height:20px;
		cursor:pointer;
		background-size: 20px 20px;
	}
	#tarifas_table .icon-button.desplegar, #comp-table .icon-button.desplegar{
		background:url("../../images/icons/black/Plus.png");
		background-position:center;
		background-size:20px 20px;
		background-repeat:no-repeat;
	}
	#tarifas_table .icon-button.replegar, #comp-table .icon-button.replegar {
		background:url("../../images/icons/black/Minus.png");
		background-position:center;
		background-size:20px 20px;
		background-repeat:no-repeat;
	}
	#tarifas_table .icon-button.editar, #comp-table .icon-button.edit-inc{
		background:url("../../images/icons/black/Edit File.png");
		background-position:center;
		background-size:20px 20px;
		background-repeat:no-repeat;
	}
	#tarifas_table .icon-button.ver, #comp-table .icon-button.info{
		background:url("../images/info.png");
		background-position:center;
		background-size:20px 20px;
		background-repeat:no-repeat;
	}
	#tarifas_table .icon-button.nuevo, #comp-table .icon-button.nueva-inc{
		background:url("../../images/icons/black/Add User Male.png");
		background-position:center;
		background-size:20px 20px;
		background-repeat:no-repeat;
	}
	#tarifas_table .icon-button.delete, #comp-table .icon-button.delete-inc {
		background:url("../../images/icons/black/Delete.png");
		background-position:center;
		background-size: 20px 20px;
		background-repeat:no-repeat;
	}
	.cn-teorico-vs-real .dataTable .green{
		color:#318237;
		font-weight: bold;
	}
	.cn-teorico-vs-real .dataTable .red{
		color:#823137;
		font-weight: bold;
	}
	.cn-teorico-vs-real .dataTable .ptc-label{
		width: 200px;
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 1px 5px;
	}
	.cn-teorico-vs-real .dataTable .row-total{
		background-color: black;
		color: #d2d2d2;
	}
	.tarifa-container.container * {
	  box-sizing: border-box;
	}
	.comparador .fila{
		height: 30px;
	}
	.comparador .fila.par {
		background-color:#fff1ba;
	}
	.comparador .lbg {
		border-left:2px solid #999;
	}
	.comparador .rbg {
		border-right:2px solid #999;
	}
	.comparador .tbg {
		border-top:2px solid #999;
	}
	.comparador .bbg {
		border-bottom:2px solid #999;
	}
	.comparador .fila .single{
		width:70px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.comparador .fila .triple{
		width:210px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.comparador .fila.ptc{
		width: 300px;
		display: flex;
		align-items: center;
		justify-content: left;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		padding-left:5px;
	}
	.comparador .fila.ptc.total {
		font-weight: bold;
		text-transform: uppercase;
		text-align: right;
		justify-content: right;
		padding-right: 5px;
	}
	.comparador .fila.f-total{
    	box-sizing: border-box;
	}
	.comparador .fila.datos{
		height:90px;
	}
	.comparador .fila.mini-datos{
		height:30px;
	}
	.comparador .ptc-title{
		width:250px;
		height:90px;
		max-width: 250px;
		overflow: hidden;
		text-overflow: ellipsis;
		align-items: center;
		display: flex;
	}
	.comparador .tra-title{
		width:50px;
		height:90px;
	}
	.comparador .tra-title div{
		justify-content: center;
		align-items: center;
		display: flex;
		height: 30px;
	}
	.comparador .month-title{
		width:8.33%;
		align-items: center;
		justify-content: center;
		display: flex;
	}
	.comparador .col-data{
		width:85%;
	}
	.comparador .item-datos{
		height:30px;
		justify-content: center;
		align-items: center;
		display: flex;
	}
	.comparador .item-datos-col{
		width:8.33%;
	}
	.comparador div{
		box-sizing: border-box;
	}
.tabbed-table-wrapper .tab-link{
	background-color: #acacac;
	border: 1px solid #777;
	cursor:pointer;
	font-size: 1.35em;
	padding: 5px 15px;
	color: #fff;
	border-radius: 4px 4px 0px 0px;
	max-width: 150px;
}
.tabbed-table-wrapper .tab-link.selected{
	background-color: #818181;
}
.tabbed-table th.bg-white{
	background-color: #fff!important;
}
.tab-links{
	margin-top: 10px;
}
#cnteorico-modal-edition .tab-links{
	margin-left: 53px;
}
.tabbed-table tbody tr:not(.in) {
	display:none;
}
#cnteorico-modal-edition .checking-fees{
	width:100%;
	height: 500px;
	overflow: auto;
	margin-bottom:10px;
}
.header-modal-container{
	height:30px;
	background-color:#eeda12;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #dadada;
	justify-content: center;
	font-size: 1.4em;
	align-items: center;
}
.modal-container-rrhh{
	height: 100%;
}
.modal-container-rrhh .checklist{
	width: 240px;
	border-right: 1px solid #dadada;
}
.modal-container-rrhh .checklist .title{
	border-radius: 0px 4px 4px 0px !important;
	text-align: center !important;
	text-orientation: sideways;
	width: 3px;
	writing-mode: vertical-lr;
	transform: rotate(-180deg);
	cursor: pointer;
	padding-left: 3px !important;
	background-color: #fe3445 !important;
}
.modal-container-rrhh .checklist.hidden{
	width: 20px;
	transition: width 0.5s ease;
}
.modal-container-rrhh .checklist.hidden .groups{
	display: none;
	transition: display 0.5s ease;
}
.modal-container-rrhh .data-container{
	flex: 1 1 80%;
}
.modal-container-rrhh .manage-checklist{
	position: absolute;
	top: 67px;
	left: 166px;
	width: 30px;
	border-radius: 5px 0px 0px 5px;
	border: 1px solid #dadada;
	font-size: 3em;
}
.checklist .group-title{
	font-size: 1.5em;
}
.checklist .group-title.opener{
	cursor: pointer;
	margin-top: 10px;
}
.checklist .group-title.opener::before{
	content: "";
	width: 8px;
	height: 8px;
	display: inline-block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(135deg);
	position: relative;
	right: 4px;
	bottom: 3px;
}
.checklist .group-item-list{
	/*list-style: square;
	list-style-position: inside;*/
}
.checklist .groups{
	padding: 5px 2px 5px 10px;
	flex: 1 1 100%;
}
.checklist .group-item-list .group-item{
	padding-left: 13px;
}
.modal-container-rrhh .data-container .tabs,.prevision-vs-gasto.data-container .tabs {
	margin: 10px 10px 0px 0px;
}
.modal-container-rrhh .data-container .tabs .tab-selector,
.buscador-rrhh .tabs .tab-selector,
.styled-tabs .tabs .tab-selector,
.prevision-vs-gasto .tab-selector
{
	min-width: 80px;
	flex-grow: 1;
	flex-shrink: 1;
	height: 30px;
	font-size: 1.6em;
	padding: 5px;
	background-color: #fff;
	cursor: pointer;
}
.modal-container-rrhh .data-container .tabs.mini .tab-selector {
	height: 24px;
	min-width: 65px;
	font-size: 1.4em;
	padding: 5px 1px 4px 10px;
}
.modal-container-rrhh .data-container .tabs .tab-selector.selected,
.buscador-rrhh .tabs .tab-selector.selected,
.styled-tabs .tabs .tab-selector.selected,
.prevision-vs-gasto .tabs .tab-selector.selected,
.form-client .tab-selector.selected
{
	background-color: #eae6e6;
	border-bottom: 2px solid var(--malena-verde);
}
.form-client .tab-selector{
	font-size: 1.3em;
	padding: 2px 5px;
}
.buscador-rrhh #tabs-content-container{
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-radius: 0px 0px 10px 10px;
	height: calc(100vh - 250px);
}
.modal-container-rrhh .data-container #tabs-content-container{
	height: calc(100% - 120px);
	width: calc(100% - 25px);
}
.modal-container-rrhh .data-container .tab-content, 
.modal-container-rrhh .data-container .subtab-content, 
.buscador-rrhh .tab-content,
.styled-tabs .tab-content,
.prevision-vs-gasto .tab-content,
.form-client .tab-content
{
	display: none;
}
.modal-container-rrhh .data-container .tab-content.selected,
.modal-container-rrhh .data-container .subtab-content.selected,
.buscador-rrhh .tab-content.selected,
.styled-tabs .tab-content.selected,
.prevision-vs-gasto .tab-content.selected,
.form-client .tab-content.selected
{
	display: flex;
	width: 100%;
	height: calc(100% - 40px);
	/*border-bottom: 1px solid #dadada;*/
	padding: 10px;
	overflow-y: auto;
}
.form-client .tab-content.selected{
	padding-left: 30px;
	height:200px;
	width: calc(100% - 40px);
}
.buscador-rrhh .tab-content.selected{
	width: 95%;
	padding: 0px;
	margin: auto;
}
.buscador-rrhh .tab-content.selected div{
	margin: 2px;
}
.buscador-rrhh .tab-content.selected table td{
	padding: 4px;
}
.buscador-rrhh select[multiple] {
  height: 200px;
}
.buscador-rrhh fieldset{
	border: 1px solid #dadada;
	border-radius: 5px;
}
.modal-container-rrhh .data-container .mini .tab-content.selected,
.modal-container-rrhh .data-container .mini .subtab-content.selected{
	width: auto;
}

#actions-container .styled .buttons{
	background-color: #ddd;
}
.modal-container-rrhh #actions-container .buttons{
	background-color: #ddd;
}
.modal-container-rrhh .buttons{
	padding-left: 5px;
	margin-right: 50px;
	margin-top: 0px;
	background-color: #fff;
	z-index: 20;
}
.checklist .group-title.opener.point-down::before{
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.h-100{
	height: 100%;
}
.w-100{
	width: 100%;
}
.w-90{
	width: 90%;
}
.margin-auto{
	margin:auto;
}
.form-data-wrapper {
    border: 1px solid #dadada;
    width: 98%;
    margin: 1%;
    box-sizing: border-box;
    border-radius: 7px;
    padding: 20px 10px;
    position: relative;
}
.form-data-wrapper-title {
    position: absolute;
    top: -10px;
    background: white;
    padding: 0px 10px;
    font-size: 1.3em;
}
.form-label{
	align-self: center;
	text-align: right;
	padding-right: 10px;
	padding-left: 5px;
	min-width: 80px;
}
.form-control{
	align-self: center;
	text-align: left;
	min-width: 100px;	
}
.form-table{
	width: 90%;
	margin: auto;
}
.form-table td {
	border: 0px;
}
.foto{
	flex: 0 0 100px;
}
.flex-80pct{
	flex: 1 1 80%;
}
.save-button-wrapper{
	justify-content: end;
	padding-right: 15px;
}
.new-button{
	border: 1px solid #dadada;
	border-radius: 5px;
	padding: 8px;
	font-size: 1.3em;
	background-color: black;
	color: #fff;
	cursor: pointer;
}
.new-button.mini{
	font-size: 1em;
	padding: 5px;
}
.mini-form .error{
	border-color: red;
}
.form-table thead tr{
	height: 30px;
}
.form-table thead th{
	border-bottom: 1px solid #dadada;
}
.form-table tbody tr{
	height: 30px;
}
.form-table tbody td{
	padding:2px;
}
.doc-area{
	border: 1px solid #dadada;
	width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 5px;
	min-height: 70px;
	box-shadow: 0px 2px var(--malena-verde);
}
.tab-doc-area{
	width: 97%;
	margin: 10px 12px;
}
.doc-header {
    font-size: 1.2em;
	background-color: #fff;
	position: absolute;
	top: -11px;
	left: 30px;
}
.personal-data{
	width: 98%;
	overflow-y: auto;
}

.file-icon{
	display: inline-block;
	content: "";
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
	background-color: #fff;
	cursor: pointer;
}
.file-icon.mini{
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
}
.file-icon.pdf{
	background-image: url("../../default/images/file_pdf.png");
}
.file-icon.word{
	background-image: url("../../default/images/file_word.png");
}
.file-icon.excel{
	background-image: url("../../default/images/file_excel.png");
}
.file-icon.image, .file-icon.picture{
	background-image: url("../../default/images/file_image.png");
}
.doc-name-under-icon{
	max-width: 80px;
	font-size: 0.9em;
}
.documents-list{
	flex-wrap: wrap;
}
.properties {
	margin-left: 5px;
	border: 1px solid #dadada;
	border-radius: 5px;
	padding: 5px 5px 10px 5px;
	background-color: #dadada;
	z-index: 10;
}
.properties li{
	text-overflow: ellipsis;
	max-width: 275px;
	width: 275px;
	overflow: hidden;
}
.checklist-item {
	font-size: 1.8em;
}
.checklist-item.green {
	color: green;
}
.checklist-item.red {
	color: red;
}
.checklist-item.orange {
	color: orange;
}
.dflex-align-self-center{
	display: flex;
	align-self: center;
}
.new-button.status{
	background-color: #006210;
}
.group-title > label{
	font-size: 0.9em;
  	border-radius: 5px 5px 0px 0px;
  	padding: 2px;
}
.group-title .current-arrow{
	font-size: 1.25em;
  	top: 3px;
  	position: relative;
}
.group-title.checked > label{
	padding-left:4px;
	border-bottom: 4px solid var(--malena-verde);
}
.group-title.checked span.marking-checked{
	left:23px;
}
.group-item-list li.checked::before, .group-item-list.checked li::before, .group-title.checked span.marking-checked{
    content: "";
    display: inline-block;
    width: 4px;
    height: 26px;
    background-color: var(--malena-verde);
    white-space: nowrap;
    position: absolute;
}
.group-item-list li.group-item label{
	padding-left: 8px;
}
.current-status {
  color: #9d6704;
  font-style: italic;
  font-weight: bold;
}
.match-historico {
    color: #8e3c00;
    text-decoration: underline;
}
.external-viewer.in
{
	background-color: #fff;
	width: 100%;
	height: 100%;
	/*margin-right: 10%;
	margin-left: 10%;
	margin-top: 50px;*/
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	left: 0px;
}
.properties ul li:last-child{
	padding-top: 15px;
	height: 40px
}
.float-right{
	float: right;
}
.log-table {
  margin-left: 10px;
}
	.log-table td {
	  padding-left: 10px;
	  border-bottom: 1px solid gray;
	}
	.log-table tr {
	  height: 20px;
	}
	.log-table thead {
	  background: #dadada;
	}

table.appendable tr.demo{
	display: none;
}
table#bonificaciones-table td{
	border: 0px;
}
.buscador-rrhh .title{
	text-align: center;
	font-size: 1.75em;
	margin: 10px 0px;
}
.buscador-rrhh label.out, #form-filtros-advanced select.out{
	display: none;
}
.buscador-rrhh select{
	max-width: 300px;
}
.buscador-rrhh .summary {
  border: 1px solid #dadada;
  margin-right: 10px;
  border-radius: 10px;
  padding: 10px;
  height: calc(100vh - 227px);
	overflow-y: auto;
}
.summary .title-summary{
	font-size: 1.5em;
	text-align: center;
	background: #ff6060;
}
.summary .subtitle{
	font-size: 1.2em;
	text-decoration: underline;
}
.flex-fijo-10{
	flex: 0 0 10%;
}
.flex-fijo-25{
	flex: 0 0 25%;
}
.flex-fijo-30{
	flex: 0 0 30%;
}
#advanced-filter .value-wrapper select{
	margin: 0px 4px;
}
.huge-button {
	width: 100px;
	height: 49px;
	border: 1px solid #000;
	cursor: pointer;
	border-radius: 7px;
	margin: auto 2px;
}
.huge-button.excel{
	background-image: url('../images/excel.png');
	background-size: 44px 44px;
	background-repeat: no-repeat;
	background-position: center;
}
.results-title {
  text-align: center;
  font-size: 1.5em;
  background-color: var(--malena-verde);
  border-radius: 5px 5px 0px 0px;
  padding: 5px;
}
.agrupar-wrapper select{
	min-width:250px;
	width:250px;
}

.rrhh-filter-table .header div{
	border-bottom: 1px solid var(--malena-verde);
}
.rrhh-filter-table .resumen {
	font-size: 1.2em;
	text-align: center;
	color:#324214;
}
.rrhh-filter-table .child{
	display: none;
}
.rrhh-filter-table .child.in{
	display: flex;
}
.rrhh-filter-table .expandir{
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(-45deg);
	transition: border 0.5s ease-in;
	width: 12px;
	height: 12px;
}
.rrhh-filter-table .contraer{
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(45deg);
	transition: border 0.5s ease-in;
	width: 12px;
	height: 12px;
}
.rrhh-filter-table .header.child.in {
  background-color: var(--malena-verde);
  color: #222;
  margin: 0px !important;
}
.rrhh-filter-table .header.child.in div {
	border: 0px;
}
.rrhh-filter-table .child.in: not(.contrato-row){
  display: flex;
  background-color: #eee;
  margin: 0px !important;
}
.rrhh-filter-table .child.in.odd{
  background-color: #ccc;
}
.rrhh-filter-table .child.in.even{
  background-color: #aaa;
}
.rrhh-filter-table .contrato-row {
	background-color: #444;
	color: #eee;
}
.modal-custom-form{
	position: absolute;
	width: 450px;
	height: 120px;
	margin: auto;
	z-index: 50;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 10px;
	left: calc(50% - 225px);
	top: 33%;
	padding: 20px;
}
fieldset.relacion-12, fieldset.relacion-12 legend{
	background-color: #f2f288;
}
fieldset.relacion-11, fieldset.relacion-11 legend{
	background-color: #d9cdcd;
}
fieldset.relacion-21, fieldset.relacion-21 legend{
	background-color: #eaffcb;
}
.persona-relacion-12{
	background-color: #f2f288!important;
}
.persona-relacion-11{
	background-color: #d9cdcd!important;
}
.persona-relacion-21{
	background-color: #eaffcb!important;
}
.no-background{
	background-color: transparent;
}
.campo-label{
	align-self: center;
}
.level-0 {
	margin-left: 0px!important;
	background-color: #eee;
	padding: 5px;
}
.level-1 {
	margin-left: 10px!important;
	background-color: #ddd;
	padding: 5px;
}
.level-2 {
	margin-left: 20px!important;
	background-color: #ccc;
	padding: 5px;
}
.level-3 {
	margin-left: 30px!important;
	background-color: #bbb;
	padding: 5px;
}
.level-4 {
	margin-left: 40px!important;
}
.level-5 {
	margin-left: 50px!important;
}
.level-6 {
	margin-left: 60px!important;
}
.level-7 {
	margin-left: 70px!important;
}
.level-8 {
	margin-left: 80px!important;
}
.buscador-rrhh .summary ul{
	list-style-type: square;
	list-style-position: inside;
	text-align: left;
}
.buscador-rrhh .summary ul li {
	margin: 5px auto;
	font-size: 1.05em;
}
.flex-40-noshrink{
	flex: 1 0 40%;
}
ul#seleccion-filtros-list li label:last-child, ul#seleccion-salida-list li label:last-child{
	padding: 3px 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 0.85em;
	text-align: center;
}
ul#seleccion-filtros-list li label:last-child {
	background-color: #ffc459;
}
ul#seleccion-salida-list li label:last-child {
	background-color: #9acb3da6;
}
.value-wrapper input {
  margin: 2px;
}

.margin-5 {
	margin: auto 5px;
}
.estudios .title-estudio{
	font-size: 1.1em;
	text-decoration: underline;
}
.estudios .estudio {
	padding-left: 10px;
}
.estudios .even{
	background-color: #fff;
}
.estudios .odd{
	background-color: #ccd5c1;
}
.estudio-otros{
	font-size: 0.9em;
}
.filter-element {
  background-color: var(--malena-verde);
  border: 1px solid #aaa;
  border-radius: 10px;
  max-width: 200px;
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  align-items: center;
  padding: 0px 8px;
  cursor: pointer;
  margin: 4px
}
select.competencia-add{
	width: 350px;
}
#dropdown-multiple-competencias{
	padding: 10px;
}

#dropdown-multiple-competencias .categoria{
	font-size: 1.2em;
	text-decoration: underline;
}
.medium-after-130{
	left: -60px;
}
.file-icon.deleted{
	background-color: #ff000050;
	border: 1px solid red;
	border-radius: 10px;
}
.adjunto-pdf{
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}
.form-popup-factura{
	background-color: #fff;
	width: 90%;
	margin-left: 5%;
	z-index: 51;
	border: 1px solid #aaa;
	border-radius: 10px;
	top: 10px;
}
.form-popup-facturacion{
	background-color: #fff;
	z-index: 51;
	border: 1px solid #aaa;
	border-radius: 0px 0px 10px 10px;
	scrollbar-width:thin;
}
.form-popup-facturacion div:not(.valor,.mail-info) {
	scrollbar-width:thin;
	overflow: auto;
}
[class*="dz-"] {
  overflow: hidden !important;
}
.form-nuevo-pedido{
	background-color: #fff;
	width: 70%;
	margin-left: 15%;
	z-index: 61;
	border: 1px solid #aaa;
	border-radius: 10px;
	top: 170px;
}
.block-factura{
	padding: 20px;
	font-size: 1.2em;
}
.form-popup-factura .title{
	font-size: 1.5em;
	background-color: #3134e8;
	color: #fff;
	padding: 6px;
	border-radius: 10px 10px 0px 0px;
}
.form-nuevo-pedido .title{
	font-size: 1.5em;
	background-color: #4487aa;
	padding: 10px 0px;
	font-weight: bold;
}
.form-popup-facturacion .title{
	font-size: 1.5em;
	background-color: #fdda89;
	padding: 10px 0px;
}
.form-popup-facturacion fieldset {
	border:1px solid #ddd;
	margin:10px 0px;
}
.form-popup-facturacion fieldset legend{
	color: #db7b0f;
	white-space: nowrap;
	font-size: 0.95em;
	border-radius: 5px;
}

.form-popup-factura .subtitle, .form-popup-facturacion .subtitle{
	font-size: 1.1em;
	background-color: #313498;
	color: #fff;
	padding: 6px;
	margin: 5px auto;
}
.pad-r-10{
	padding-right: 10px;
}
.pad-b-5{
	padding-bottom: 5px;
}
.command-wrapper .out{
	display: none;
}
.overflow-hidden{
	overflow:hidden;
}
.odd_line {
  background-color: #b7c9d9;
}
.even_line {
  background-color: #fff;
}
.factura-line{
	height:30px;
}
.factura-header{
	height:30px;
	background-color: #ddd;
}
.menu-link {
  font-size: 5em;
  cursor: pointer;
  flex: 0 0 50px;
}
.cached-left{
	position: absolute;
	top:71px;
	width: 300px;
}
.cached-left.in{
	left: 0px;
	transition: left 0.7s;
}
.cached-left.off{
	left: -300px;
	transition: left 0.7s;
}

#tarifa-form{
	position: absolute;
	width: 80vw;
	background: #fff;
	left: 10vw;
	top: 90px;
	z-index: 10;
}
.delete-tarifa,.delete-button{
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('../images/garbage.png');
	background-repeat: no-repeat;
	background-position: center;
}
.document {
  padding: 2px;
  border: 1px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.document:hover {
  border: 1px solid #aaa;  
}
.form-filter-block .flex {
  margin: 0px 10px;
}
.dropdown-wrapper-elements {
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dropdown-wrapper-element {
  border-radius: 5px;
  background-color: var(--malena-verde);
  padding: 2px 6px;
  position: relative;
  bottom: -1px;
  margin: 1px 5px 5px 1px;
  cursor: pointer;
  height: 16px;
  max-width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
}
.positive,.negative-no{
  background-color: #1d821d;
  color: #fff;
}
.negative,.positive-no{
  background-color: #c60000;
  color: #fff;
}
.graphs-container{
	margin: 10px 40px 10px 20px;
	border: 1px solid #ccc;
	width: 100%;
	border-radius: 14px;
	padding: 20px;
	justify-content: center;
}
.graphs-container .rect-container{
	margin: 10px 20px;
	border: 1px solid #9acb3d;
	border-radius: 9px;
	padding: 15px;
	justify-content: center;
}
.graphs-container .rect-container .title{
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
	background-color: #9acb3d75;
	border-radius: 5px;
	padding: 5px;
}
.graphs-container .rect-container canvas{
	border-radius: 5px;
}
#frais_structure_table tbody td{
	padding:0px;
	height: 26px;
}
#frais_structure_table tbody td > div{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bgcolor-1{
	background-color: #9acb3d50;
}
.bgcolor-2{
	background-color: #f98f8f50;
}
.bgcolor-3{
	background-color: #9cbdfb50;
}
.bgcolor-4{
	background-color: #eea82450;
}
.bgcolor-5{
	background-color: #ae7db350;
}
.bgcolor-6{
	background-color: #99999950;
}
.bgcolor-7{
	background-color: #ac7a7a50;
}
.bgcolor-8{
	background-color: #d1e1c650;
}
.extend.dropdown-list ul li{
	height: 25px;
	display: flex;
	align-items: center;
	min-width: 200px;
}
.min-width-465{
	min-width:465px
}
.label-auto{
	color: #46842a;
	padding: 3px 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.pvg-comp{
	max-width: 95%;
	margin-left:auto;
	margin-right:auto;
	min-width: 95%;
}
.pvg-comp section{
	width: 95%;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 2px 3px #cacaca;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.widget-concepto.mes{
	width: 300px;	
}
.widget-concepto {
  margin: 10px;
  width: 300px;
  font-size: 1.2em;
  border: 1px solid #cacaca;
  border-radius: 10px;
  height: 50px;
}
.widget-concepto .block-text{
	text-align: right;
	padding-right: 5px;
	width:60px;
}
.big .widget-concepto .block-text{
	width:80px;
}
.widget-concepto .sep-right{
	border-right:2px solid #cacaca;
}
.widget-concepto .block-data{
	text-align: left;
	padding-left: 5px;
	width:90px;
}
.big .widget-concepto .block-data{
	width:110px;
}
.widget-concepto > div {
	padding:5px;
}
.widget-concepto .block-title{
	background-color: #bba8cc9c;
	border-radius: 10px 0px 0px 10px;
}
.widget-concepto .block-data.number{
	text-align:right;
}
.comparador-gasto{
	min-width: 95%;
}
.comparador-gasto section .section-title{
	padding: 4px;
	font-size: 1.3em;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
	position: relative;
}
#tab-content-99 .comparador-gasto section .section-title{
	background: #8e8e8e63;;
}
#tab-content-1 .comparador-gasto section .section-title,.widget-concepto .block-text.block-title.departamento-1{
	background: #90262663;
}
#tab-content-2 .comparador-gasto section .section-title, .widget-concepto .block-text.block-title.departamento-2{
	background: #13abab63;
}
#tab-content-3 .comparador-gasto section .section-title, .widget-concepto .block-text.block-title.departamento-3{
	background: #ab26c663;
}
#tab-content-4 .comparador-gasto section .section-title, .widget-concepto .block-text.block-title.departamento-4{
	background: #ff912663;
}
#tab-content-5 .comparador-gasto section .section-title, .widget-concepto .block-text.block-title.departamento-5{
	background: #45faa363;
}
#tab-content-6 .comparador-gasto section .section-title, .widget-concepto .block-text.block-title.departamento-6{
	background: #20589963;
}
#tab-content-7 .comparador-gasto section .section-title, .widget-concepto .block-text.block-title.departamento-7{
	background: #99584163;
}
#tab-content-8 .comparador-gasto section .section-title, .widget-concepto .block-text.block-title.departamento-8{
	background: #aabb4563;
}

.desglose-dept {
  width: 70vw;
  background-color: #fff;
  border: 1px solid #cacaca;
  border-radius: 10px;
  padding: 10px;
  z-index:51;
  margin-left: 15vw;
  left: 0;
  top: 100px;
}
.fact-title{
	height: 28px;
	display: flex;
	align-items: center;
	background-color: #bba8cc9c;
	font-size: 1.3em;
}
.fact-header{
	height:24px;
	font-size: 1.15em;
	font-weight: bold;
	border-bottom: 1px solid #cacaca;
	display: flex;
	align-items: center;
}
#rrhh-modal-edition.prevision{
	width: 50%;
	left: 25%;
	height: auto;
}
.prevision .subtitle{
	margin-top: 10px;
	text-align: center;
	font-size: 1.2em;
	border-bottom: 1px solid #aaa;
}
.prevision .prevision-errors-table{
	width: 80%;
	margin-left: 10%;
}
.prevision .buttons-wrapper{
	margin:2px;
}
.prevision .prevision-errors-table .header{
	font-size: 1.1em;
	background-color: #f0cece;;
}
.prevision .prevision-errors-table .row{
	font-size: 1.05em;
	border-bottom: 1px solid #ddd;
}
.prevision .prevision-errors-table .row > div {
  margin: 10px 0px;
}
.prevision .prevision-errors-table .header > div {
  margin: 10px 0px;
}
.mw-150{
	max-width: 150px;
}
.fila-fact{
	height: 30px;
	align-items: center;
	border-bottom: 1px solid #ddd;
}
.exceso-top .gasto, .exceso-top .prevision{
	color:red;
}
.exceso-medium .gasto, .exceso-medium .prevision{
	color:#ff5400;
}
.exceso-low .gasto, .exceso-low .prevision{
	color:orange;
}
.big .block-data,.big .block-text{
	font-size: 1.25em;
}
.section-title::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  position: absolute;
  left: 10px;
  bottom: 10px;
  cursor: pointer;
}
.section-title.opened::before {
  transform: rotate(135deg);
}
.section-title.closed::before {
  transform: rotate(45deg);
  bottom: 6px;
}
.exceso-bg-top::before{
	background-color:red;
}
.exceso-bg-medium::before{
	background-color:#ff5400;
}
.exceso-bg-low::before{
	background-color:orange;
}
.exceso-bg-ok::before{
	background-color:green;
}
.alerta::after{
	content:"";
	width:24px;
	height:24px;
	display:inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	bottom: 1px;
	margin-left: 5px
}
.alerta-mes::after{
	content: "";
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	bottom: 1px;
	left: calc(25% - 24px);
}
.alerta.top-alerta::after, .alerta-mes.top-alerta::after{
	background-image: url("../images/warningicon-top.png");
}
.alerta.medium-alerta::after,.alerta-mes.medium-alerta::after{
	background-image: url("../images/warningicon-medium.png");	
}
.alerta.low-alerta::after,.alerta-mes.low-alerta::after{
	background-image: url("../images/warningicon-low.png");	
}
.exceso-bg::before {
  width: 20px;
  height: 100%;
  content: "";
  display: inline-block;
  border-radius: 5px 0px 0px 5px;
}
.widget-concepto .block-text .text-ellipsis{
	max-width: 130px;
}
.on-load-alert-wrapper .main-title{
	font-size: 1.4em;
	text-align: center;
	background-color: #bbc;
}
.on-load-alert-wrapper .title{
	font-size: 1.2em;
	text-align: center;
	background-color: #9acb3d;
}
.form-login{
	width: 300px;
	margin: auto;
	position: absolute;
	left: calc(50vw - 150px);
	background-color: #fff;
}
.logo-mef{
	background-image: url('../images/mef.png');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 200px;
	background-size: 200px;
	content: "";
	height: 200px;
	text-align: center;
	margin: auto;
}
.login_fields div{
	padding-left:30px;
}
.login_fields div::before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center;
  position: absolute;
  left: 0px;
}
.login_fields .password::before {
  background-image: url('../images/Padlock.png');
  opacity: 0.75;
}
.login_fields .matricule::before {
  background-image: url('../images/User.png');
  opacity: 0.75;
}
.login_fields input{
	width: 250px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 25px;
	margin-bottom: 20px;
}
.login-button{
	border: 1px solid #ddd;
	border-radius: 0px 0px 40px 40px;
	padding: 20px;
	background-color: #fff;
	box-shadow:6px 3px 3px #ddd;
}
.form-login .login-button input{
	border: 0px;
	background-color: #9acb3d85;
	color: #333;
	font-weight: bold;
	border-radius: 0px 0px 30px 30px;
	height: 40px
}
.form-login .login-button input:hover{
	background-color: #9acb3d;
	color: #333;
	border: 0px;
}
.loginpass-block{
	border:1px solid #ddd;
	border-radius: 50px 50px 0px 0px;
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow:6px 3px 3px #ddd;
}

.bubble {
  padding: 3px;
  border-radius: 10px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px 4px;
  display: inline-block;
  font-size: 0.8em;
  max-width:185px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-overflow: ellipsis;
  cursor:pointer;
}

.bubble.compras{
	background-color: #baf29a;
}
.bubble.aplicacion{
	background-color: #ec7878;
}
.bubble.ventas{
	background-color: #90f0da;
}
.bubble.personas{
	background-color: #9ea1cced;
}
.bubble.dashboard{
	background-color: #ecb739;
}
table.invoices .tr-derechos td{
	border-bottom:1px solid #333;
}
.button-add{
	background-image: url('../images/button-add.png');
	width:20px;
	height:20px;
	display: block;
	content:"";
	background-size: 20px 20px;
	background-position: center;
}
.button-save{
	background-image: url('../images/Save.png');
	width:20px;
	height:20px;
	display: block;
	content:"";
	background-size: 20px 20px;
	background-position: center;
}
.button-back{
	background-image: url('../images/Backward.png');
	width:20px;
	height:20px;
	display: block;
	content:"";
	background-size: 20px 20px;
	background-position: center;
}
.button-delete{
	background-image: url('../images/garbage.png');
	width:16px;
	height:16px;
	display: block;
	content:"";
	background-size: 16px 16px;
	background-position: center;
}
.button-edit{
	background-image: url('../../../images/edit_2.png');
	width:20px;
	height:20px;
	display: block;
	content:"";
	background-size: 20px 20px;
	background-position: center;
}
table.invoices .border-b{
	border-bottom:1px solid #333;
}
table.invoices td.border-r{
	border-right:1px solid #333;
	padding: 0px 5px;
}
table.invoices td.border-r div.border-r{
	border-right:1px solid #333;
}
table.invoices td.border-r div.border-r:last-child{
	border-right:0px!important;	
}
.menu-derechos li{
	white-space: nowrap;
}
.pdl-10{
	padding-left:10px;
}
.button.add{
	background-image:url('../images/Add.png');
	cursor: pointer;
    display: block;
    height: 24px;
    width: 24px;
    background-size: 24px 24px;
}
.button.sub{
	background-image:url('../images/Minus.png');
	cursor: pointer;
    display: block;
    height: 24px;
    width: 24px;
    background-size: 24px 24px;
}
.chk-fase{
	padding: 0px 4px;
}
.fase-extra{
	margin-left:45px;
}
.list-fase-extra{
	list-style: circle;
	margin-left: 60px;
}
.flex > .dropdown-arrow::after{
	top: 5px;
	position: absolute;
}
.delete-element-config{
	cursor:pointer;
	display: flex;
}
.delete-element-config::after{
	width:16px;
	height:16px;
	content:"";
	background-image:url('../images/delete_circle_pink.png');
}
.client-error-message-wrapper{
	margin-bottom:5px;
	background: #ad1234;
}
.client-error-message{
	font-size: 1.5em;
	padding: 5px;
}
.client-success-message{
	font-size: 1.5em;
	padding: 5px;
}
.client-success-message-wrapper{
	margin-bottom:5px;
	background: #23fa58;
}
.form-filters .label{
	padding-right:5px;
}
.form-filters .interlabel{
	padding-right:5px;
	padding-left:5px;
}
.form-filters input{
	border-radius: 5px;
}
.form-filters .actions{
	margin-right:5px;
	margin-left:5px;	
}
.subsection-title{
	border-bottom: 1px solid #aaa;
	margin: 2px 5px;
	text-align: center;
	flex:0 0 35px;
}
.subsection-title > label{
	font-size: 1.5em;
}
.facturacion-fase{
	border-left:2px solid #aaa;
}
ul.facturacion-docs, .facturacion-progress{
	padding-left: 15px;
	padding-top: 10px;
}
ul.facturacion-docs li{
	height:24px;
}
.facturacion-progress{
	padding-bottom:10px;
}
.facturacion-progress .item{
	padding-left:10px;
	align-items: center;
}
.facturacion-progress .item label{
	text-transform: uppercase;
}
.fase-form{
	height:100%;
}
.fase-doc-warn{
	font-size: 1.25em;
	color: #fe1212;
	text-align: center;
}
.facturacion-form-header{
	padding: 10px;
	border-bottom: 1px solid #aaa;
}
.facturacion-form-header label:not(.icon-action){
	font-size: 1.3em;
	padding:0px 5px;
	font-weight:bold;
}
.ml-10{
	margin-left:10px	
}
li.completado{
	background-color:#dbf9db;
}
.icon-info{
	display:inline-block;
	content:"";
	width:24px;
	height:24px;
	background-image: url('../images/info.png');
	background-size: 24px 24px;
	background-position:center;
	cursor:pointer;
}
.icon-info.mini{
	width:16px;
	height:16px;
	background-size:16px 16px;
}
.icon-download{
	display:inline-block;
	content:"";
	width:24px;
	height:24px;
	background-image: url('../images/Download.png');
	background-size: 24px 24px;
	background-position:center;
	cursor:pointer;
}
.icon-download.mini{
	width:16px;
	height:16px;
	background-size:16px 16px;
}
.can-edit-title input{
	width: 80%;
	background: #fff;
	border-radius: 5px;
	height: 24px
}
.icon-action{
	display:inline-block;
	content:"";
	width:24px;
	height:24px;	
	background-size: 24px 24px;
	background-position: center;
	cursor:pointer;	
}
.icon-action.save{
	background-image: url('../images/Save.png');
}
.icon-action.cancel{
	background-image: url('../images/Backward.png');
}
.icon-action.edit{
	background-image: url('../images/Pencil.png');
}
.link-fase{
	font-size: 1.25em;
}
.link-fase.no-link{
	cursor:normal;
}
.link-fase.selected{
	color: #fff;
	text-decoration: underline;
	background-color: #43ae23;
	padding: 3px;
	border-radius: 5px;
}
.arrow-right{
	font-size: 1.4em;	
}
.point-green{
	display:inline-block;
	content:"";
	width:15px;
	height:15px;	
	background-size: 15px 15px;
	background-position: center;
	cursor:pointer;
	background-image: url('../images/point_green.png');
}
#tabla-lineas-facturas .header, #tabla-lineas-albaran .header{
	background-color: #ddd;
	height: 30px;
	align-items: center;
}
#tabla-lineas-facturas .header > *,#tabla-lineas-albaran .header > *{
	padding-left:2px;
}
#tabla-lineas-facturas .demo,#tabla-lineas-albaran .demo{
	display:none;
}
#tabla-lineas-facturas .foot,#tabla-lineas-albaran .foot{
	background-color: #43ae23;
	height: 32px;
}
#tabla-lineas-facturas .odd.row input,#tabla-lineas-albaran .odd.row input {
  background-color: #e0ecca;
  color: #000;
}
#tabla-lineas-facturas .odd.row,#tabla-lineas-albaran .odd.row{
  background-color: #e9ece3;
}
#lista_pedidos li{
	height: 24px;
	list-style: circle;
	display: flex;
	align-items: center;
}
#tabla-lineas-facturas select,#tabla-lineas-albaran select{
	max-width:170px;
}
#tabla-lineas-facturas input.numeric,#tabla-lineas-albaran input.numeric{
	max-width:70px;
}
#tabla-lineas-facturas *,#tabla-lineas-albaran *{
  box-sizing: border-box;
}
.under-red {
  text-decoration: underline dashed red 3px;
}
.title-status > label{
	font-size: 1.4em;
	text-decoration: underline;
	font-weight: bold;
	margin: 20px 0px
}
.mail-wrapper{
	border:1px solid #ddd;
	margin:5px;
}
.filled{
	background-color:#074bec;
	color:#fff;
	border-right: 1px solid #fff;
}
#table_facturacion_wrapper .estado{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0px 1px;
}
#table_facturacion_wrapper .estado > div{
	height: 40px;
	box-sizing: border-box;
	width: calc(100% - 2px);
	margin: auto;
}
.check-all{
	color:blue;
	cursor:pointer;
	text-transform: lowercase;
}

.estado_1{
	background: rgb(121,9,9);
	background: linear-gradient(90deg, rgba(121,9,9,1) 0%, rgba(255,255,255,1) 20%);
}
.estado_2{
	background: rgb(121,9,9);
	background: linear-gradient(90deg, rgba(121,9,9,1) 0%, rgba(255,255,255,1) 40%);
}
.estado_3{
	background: rgb(121,9,9);
	background: linear-gradient(90deg, rgba(121,9,9,1) 0%, rgba(255,255,255,1) 60%);
}
.estado_4{
	background: rgb(121,9,9);
	background: linear-gradient(90deg, rgba(121,9,9,1) 0%, rgba(255,255,255,1) 80%);
}
.estado_5{
	background: rgb(121,9,9);
}

.estado_6{
	background: rgb(244,104,11);
	background: linear-gradient(90deg, rgba(244,104,11,1) 0%, rgba(255,255,255,1) 33.33%);
}
.estado_7{
	background: rgb(244,104,11);
	background: linear-gradient(90deg, rgba(244,104,11,1) 0%, rgba(255,255,255,1) 66.66%);
}
.estado_8{
	background: rgb(244,104,11);
}
.estado_9{
	background: rgb(236,237,23);
}
.estado_C{
	background-color:#3cdf09;
}
.estado_P{
	background: #3cdf09;
	background: linear-gradient(90deg, #3cdf09 0%, rgba(255,255,255,1) 50%);
}
.config-row {
  margin-bottom: 5px;
}
.facturacion-status-bar{
	background: #fff;
	border: 1px solid black;
}
.albaran-extra label{
	margin-right:5px;
}
#table_facturacion tr{
	box-sizing: border-box;
}
.albaran-extra{
	margin-left: 45px;
}
fieldset.h-limit{
	max-height: 250px;
	overflow: auto;
}
.ptc-child.hidden{
	display: none;
}
.title-inge{
	justify-content: center;
	font-size: 1.2em;
	background-color: bisque;
	padding: 5px 0px;
}
.resaltar-value{
	color: red;
	font-size: 1.2em;
}
.resaltar-label{
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 5px
}
.tabbed-table-wrapper{
	width: calc(100% - 20px);
	height: calc(100vh - 220px);
	margin-left: 20px;
	box-sizing: border-box;
	overflow: auto;
}
.tabbed-table-wrapper.readonly{
	border:3px dashed red;
	padding:10px;
}
.tabbed-table-wrapper.readonly .icon-button:not(.desplegar,.ver,.replegar){
	display:none!important;
}
.datos-actuales{
	background-color: #09ad23;
	color: #fff;
	font-size: 1.5em;
}
.mostrando-title{
	background-color: #E4DFEC;
	color: #000;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	padding: 10px 0px;
	border: 1px solid #888;
	margin: 0px 20px 5px;
	border-radius: 5px;
}
.sin-pagos{
	height: 80px;
	align-items: center;
	text-transform: uppercase;
	font-size: 2em;
	border: 1px solid black;
	border-radius: 10px;
	margin-top: 20px;
}
.pagado-completo{
	height: 40px;
	text-transform: uppercase;
	font-size: 2em;
	color: red;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid red;
	border-radius: 5px;
	margin: 5px 0px;
}
.pagos .header,.pagos .row, .pagos .total{
	min-height:30px;
}
.pagos .header  *,.pagos .row *{
	font-size:1.2em;
}
.pagos .total *{
	font-size:1.5em;	
}
.sent-by-platform label{
	font-size: 1.5em;
}
.sent-by-platform{
	width: 50%;
	margin: auto;
	border: 1px solid #222;
	padding: 5px;
	border-radius: 10px
}
.h-row{
	min-height:30px;
}
.label-4-doc{
	flex: 0 0 10%;
	text-align: right;
	margin-right: 10px
}
.overflow-1200{
	overflow: auto;
	min-height:100%;
}

.side-manager{
	content:"";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	background-position: center;
	float: left;
	cursor:pointer;
}
.borde-l-gordo{
	border-left:5px solid black;
}
.side-manager.show{
	background-image: url('../images/show.png');
}
.side-manager.hide{
	background-image: url('../images/hide.png');
}
.button-zone{
	height: 50px;
	bottom: 2px;
	width: 99%;
	flex-grow:4;
}
.float-messages{
  font-size: 1.4em;
  text-align: center;
  padding: 10px;
  width: 300px;
  border-radius: 10px;
  position: absolute;
  left: calc(50vw - 150px);
  box-sizing: border-box;
  top:-100px;
  transition: top 1s;
}
.float-messages.success{
	background: greenyellow;
}
.float-messages.error{
	background: hotpink;
}
#firma_form{
	width: 600px;
	border: 1px solid black;
	margin-left: calc(50% - 300px);
	padding: 10px;
	border-radius: 10px;
	background-color: #fff;
	z-index: 61;
}
#side{
	overflow:hidden;
	min-width:170px;
	flex-grow:4;
}
#other-side{
	min-width: 800px;
}
#other-side form{
	flex: 0 1 calc(100% - 165px);
}
.info-firma{
	margin-bottom: 30px;
	text-align: center;
	margin-top: 10px;
}
.info-firma label{
	font-size: 1.3em;
	color: #c81212;
	font-weight: bold;
}
.mr-label{
	margin-right:5px;
}
.form-row{
	height:30px;
}
.prev-inc-data{
	background-color: #fff;
	border: 1px solid black;
	border-radius: 5px;
	width: 650px;
	left: calc(50vw - 325px);
}
.prev-inc-data div.title{
	font-size: 1.2em;
	background-color: #eeae34;
	padding:5px;
	border-radius: 5px 5px 0px 0px;
}
.prev-inc-data .sub-title{
	font-size: 1.4em;
	padding: 10px 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
	background-color: bisque;
}
.prev-inc-data div.data{
	padding:10px;
}
.w-200-force{
	width:200px;
	max-width: 200px;
}
.persona-bubble {
  padding: 4px 8px;
  border: 1px solid #555;
  border-radius: 10px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f4d6f3;
  margin: 2px;
  cursor:move;
}
.persona-bubble-in{
	padding: 4px 8px;
	width:100%;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	background-color: #f4d6f3;
 	margin: 2px;
}
.incorporaciones .title{
	text-align: center;
	font-size: 1.2em;
	text-transform: capitalize;
	font-weight: bold;
	padding: 4px 0px;
	background-color: #e3e3bc;
	border-bottom: 1px solid #999;
	border-radius: 5px 5px 0px 0px;
}
.previsiones-title {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 0px;
	background-color: #8ac2f2;
	padding: 4px 0px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}
.incorporaciones .month-data {
  	margin: 10px;
  	width: 600px;
  	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 10px 5px 5px black;
}
.persona-bubble-droppable{
	width: 100%;
	border: 1px dashed;
	height: 20px;
	box-sizing: border-box;
}
.personas-drag {
  flex-wrap: wrap;
}
.prevision-unit > div{
	overflow: hidden;
}
.prevision-unit.header{
	font-weight: bold;
	border-bottom:1px solid #333;
}
.previsiones{
	padding: 0px 2px;
}
.new-form-facturacion *{
	overflow:hidden!important;
}
.missing-config{
	background-color: #e8bcbc!important;
}
.pagada-100x100{
  background: #beecba !important;
}
.vencida{
  background-color: #f66 !important;
}
.sancion-item{
  list-style: disclosure-closed;
  list-style-position: inside;
}
.select-provider-account{
	cursor:pointer;
}
#salaire_table_wrapper *{
	box-sizing: border-box;
}
.sin-tarifa,.sin-tarifa-lote{
	background-color: #f29797;
}
.hay-incorporaciones{
	color:#419f49;
	text-decoration:underline;
	cursor:pointer;
}
.show-ausencias{
	background-color:#c8c8c8;
	border:1px solid #ddd;
	border-radius:5px;
	padding:5px;
	min-width:250px;
	top:50px;
	z-index: 1;
}
.show-ausencias > div{
	margin:5px 2px;
	border-bottom:1px solid #ddd;
}
.section-bordered{
	margin: 5px;
	border: 1px solid #dadada;
	border-radius: 10px;
	position:relative;
	max-height: calc(100% - 40px);
	padding:5px;
}
.section-bordered .section-bordered-title{
	background-color: #fff;
	width: auto;
	position: absolute;
	top: -8px;
  	left: 15px;
}
.section-bordered .section-bordered-title.KNOWLEDGE{
	background-color: #fbdfec;
}
.section-bordered .section-bordered-title.SOFTWARE{
	background-color: #93ea81;
}
.section-bordered .section-bordered-title.SKILL{
	background-color: #bdbfd7;
}
.section-bordered .section-bordered-title.LANGUAGE{
	background-color: #ffe112;
}
ul.competence-list{
	padding:10px;
}
ul.competence-list li{
	height:30px;
}
.expand-collapse{
	display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}
.expand-collapse.to-collapse{
	transform:rotate(135deg);
}
.expand-collapse.to-expand{
	transform:rotate(45deg);
	top: 2px;
}
ul.competence-list li.last-child{
	margin-bottom:10px;
}
.expand-collapse-all{
	color:blue;
	margin:0px 5px;
	cursor:pointer;
}
.num-elements{
	font-size: 0.8em;
	border:1px solid #7d1818;
	background-color: #7d1818;
	color:#fff;
	width:12px;
	height:12px;
	border-radius: 6px;
	text-align: center;
	margin-left:5px;
}
.num-elements:empty{
	display: none;
}
.table-row{
	min-height:30px;
}
.table-row div{
	padding:4px;
	align-items: center;
}
.table-row.coste{
	background-color: #f7c2c2;
}
.table-row.ingreso{
	background-color: #c1fdc1;
}
.table-row.total{
	background-color: #999;
}
.estudio-economico *{
	box-sizing: border-box;
}
/* Border */
.bt{
	border-top:1px solid var(--border-color);
}
.bl{
	border-left:1px solid var(--border-color);
}
.br{
	border-right:1px solid var(--border-color);
}
.bb{
	border-bottom:1px solid var(--border-color);
}
.bt2{
	border-top:2px solid var(--border-color);
}
.bl2{
	border-left:2px solid var(--border-color);
}
.br2{
	border-right:2px solid var(--border-color);
}
.bb2{
	border-bottom:2px solid var(--border-color);
}
.cifra{
	font-size: 1.2em;
}
.doc-row{
	height: 20px;
}
.no-docs{
	padding-left: 35px;
  	color: #fd5454
}
/**Checkbox Competencias*/
/* Beauty check  */
.checkbox-wrapper-47 input[type="checkbox"] {
    display: none;
    visibility: hidden;
  }
  .checkbox-wrapper-47 label {
    position: relative;
    padding-left: 2em;
    padding-right: 1em;
    line-height: 2;
    cursor: pointer;
    display: inline-flex;
  }
  .checkbox-wrapper-47 label:before {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0.18em;
  	left: 0;
    display: block;
    width: 1.8em;
    height: 1.8em;
    border: 2px solid #9098A9;
    border-radius: 6px;
    z-index: 0;
  	opacity: 0.3;
  }
  .checkbox-wrapper-47 input[type=checkbox]:checked + label {
    padding-left: 1em;
    color: #0f5229;
  }
  .checkbox-wrapper-47 input[type=checkbox]:checked + label:before {
    top: 0;
    width: 100%;
    height: 2em;
    background: #b7e6c9;
    border-color: #2cbc63;
  }
  .checkbox-wrapper-47 label,
  .checkbox-wrapper-47 label::before {
    transition: 0.25s all ease;
  }
.contrato-block{
	background-color: #ecc086;
}
.correction-drop.hover{
 	background-color: #444;
 	color:#fff;
}
#preview_window{
	position: absolute;
  	top: 50px;
  	background: #fff;
	width: 80vw;
	left: 10vw;
	border: 1px solid black;
	border-radius: 10px;
	height: calc(100vh - 100px);
	padding: 10px;
	overflow: auto;
	z-index: 15;
}
#preview_window .data{
	margin-top: 35px;
}
#preview_window .header{
	padding: 10px 0px;
  	font-weight:bold;
}
#preview_window label{
	white-space: nowrap;
}
#preview_window label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fix-120{
	width:120px;
	max-width: 120px;
	min-width: 120px;
}
.sorted::after{
	width: 6px;
	height: 6px;
	content: "";
	display: inline-block;
	border-top: 2px;
	border-right: 2px;
	border-color: black;
	border-style: solid;
	border-bottom: 0px;
	border-left: 0px;
	position: relative;
}
.sorted.asc::after{
	transform: rotate(-45deg);
	top:2px;
}
.sorted.desc::after{
	transform: rotate(135deg);
	bottom: 2px;
}
#actions-popup-container{
	position: absolute;
	background: #fff;
	width: 800px;
	margin-left: calc(50% - 400px);
	top: 50px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	z-index: 60;
 }
 .warn-title-item{
 	font-size: 1.6em;
 }
 .warn-title-item-wrapper{
 	margin-bottom: 20px;
	border-bottom: 1px solid black;
	justify-content: center;
	padding-bottom: 5px;
 }
 .message-pyb{
 	font-size: 1.2em;
 	margin-bottom: 10px;
 }
 #alt-bckg{
	z-index: 55;
	background: #000;
	opacity: 20%;
	width: 100%;
	height: 100%;
	left: 0px;
	position: absolute;
}
.context-menu-title{
	text-align: center;
	border-bottom: 1px solid black;
	background-color: #aaa;
	font-weight: bold;
	font-size: 1.1em;
}
.flex-wrap{
	flex-wrap: wrap;
}
.changed-divisa td {
  background-color: #f9f0bf!important;
}
.margin-r-10{
	margin-right:10px;
}
.pregunta-grupo{
	padding: 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 5px;
}
.block-pregunta{
	margin-bottom: 10px;
}
.title-pregunta{
	padding: 2px;
  background: #ede;
  font-weight: bold;
  font-size: 1.2em;
}
.block-pregunta .respuesta{
	margin-left:20px;
	margin-top:10px;
}
.selector-encuestas{
  border-bottom: 2px solid #5e455e;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.margin-r-20{
	margin-right:20px;
}
.margin-l-20{
	margin-left:20px;
}
.pastille{
	padding: 5px;
  	border-radius: 5px;
}
.pastille.green{
	background-color:#20e820;
}
.pastille.red{
	background-color:#e37777;
}
.multi-list-wrapper .selector.solid-button {
  background-color: #ddd;
  border: 1px solid #333;
  border-radius: 3px;
  padding: 2px 0px;
}
.multi-list-wrapper .close-button{
	cursor:pointer;
	text-align: right;
}
.multi-select-col{
	background: #fff;
  	border: 1px solid #ccc;
  	padding:2px;
}
.multi-select-col li {
	text-align: left;
}
.file-no-icon-name.deleted{
	color:red;
}
.title-soc{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	background: #ede;
	padding: 5px 0px;
}
/**
 * MEDIA QUERIES
 * 
 */
@media (max-width: 800px) {
	#side{
		display:none;
	}
	#other-side{
		flex:0 0 100%;
		overflow-x:auto;
	}
	.side-manager{
		display:none;
	}
}
@media (min-width: 801px) {
	#other-side{
		flex:0 0 80%;
	}
}
@media
 (max-width: 1023px) {
	.form-popup-facturacion{
		overflow:auto;
		margin-left: 0.5%;
		width: 99%;
		top: 0px;
		height: 98%;
		margin-top: 0.5%;
	}
	.hide-on{
		display:none;
	}
	.doc-name-under-icon{
		display:none;
	}
	.facturacion-docs .link-container{
		justify-content:center;
	}
}
@media (min-width: 1024px) {
	.form-popup-facturacion{
		margin-left: 0.5%;
		width: 99%;
		top: 0px;
		min-height: 98%;
		margin-top: 0.5%;
	}
}
@media (max-width: 1200px) {
	.overflow-1200{
		overflow-x:auto;
	}
}
/**
PLACEHOLDERS
*/

::-ms-input-placeholder {  
   color: #999;
   font-family: Tahoma;
   font-size: 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

::-webkit-input-placeholder {
   color: #999;
   font-family: Tahoma;
   font-size: 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999;
   font-family: Tahoma;
   font-size: 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999;
   font-family: Tahoma;
   font-size: 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

::placeholder {  
   color: #999;
   font-family: Tahoma;
   font-size: 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

:-ms-input-placeholder {  
   color: #999;
   font-family: Tahoma;
   font-size: 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

/* Standardize Scrollbar in Safari to Be Same Width as Chrome, IE and Mozilla. */
 ::-webkit-scrollbar {
    width:16px;
}
::-webkit-scrollbar-track {
    border-radius:10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background-color:silver;
    border-radius:10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}