/* =============================================================================================== */
/* FLOWww - Setup System                                         Copyright 2013 Integra Digital S.L. */
/* http://www.integradigital.com                                           info@integradigital.com */
/* =============================================================================================== */


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);


.visible { display: block; }
.invisible { display: none; }


TABLE { font-size: 1px }

TD { font-family: Verdana; font-size: 12px; color: #666666; text-decoration: none; }
A { font-family: Verdana; font-size: 12px; color: #666666; text-decoration: none; }

SELECT { width: 144px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; }
TEXTAREA { width: 500px; height: 300px; border-right: solid 1px #E5E5E5; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #E5E5E5; font-family: Verdana; font-size: 12px; color: #807D77; }
INPUT[type=checkbox] { width: 50px; height: 19px; border-right: solid 1px #E5E5E5; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #E5E5E5; }




/*.head_wrapper { width: 1200px; height: 84px; margin: auto; background-image: url('/images/bg_logo.png'); }*/

.input_1 { width: 144px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; }
.input_2 { width: 112px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; text-align: right; }
.input_3 { width: 448px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; }
.input_4 { width: 240px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; }
.input_5 { width: 175px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; text-align: right; }
.input_6 { width: 300px; height: 40px; background-color: #faffbd; text-align: left; border: 0px; font-family: Verdana; font-size: 16px; color: #000000;}

.area_1 { width: 448px; height: 50px;  border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; scrollbar-3dlight-color: #82882d; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #82882d; font-family: Verdana; font-size: 12px; color: #807D77; }
.area_2 { width: 350px; height: 100px; border-right: solid 1px #E5E5E5; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #E5E5E5; font-family: Verdana; font-size: 12px; color: #807D77; }

.select_2 { width: 120px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; }
.select_3 { width: 260px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; }
.select_4 { width: 57px; height: 20px; border-right: solid 1px #AFAFAF; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #AFAFAF; font-family: Verdana; font-size: 12px; color: #807D77; }

.cell_list { background-color: #414F53; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #FFFFFF; font-weight: lighter; }
.cell_list_2 { background-color: #A4BBB7; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #414f53; font-weight: lighter; }
.cell_list_even { background-color: #FFFFFF; }
.cell_list_odd { background-color: #f2f2f2; }
.cell_list_even_red { background-color: #FFFFFF; font-family: Verdana; font-size: 12px; color: #FF0000; text-decoration: none; }
.cell_list_odd_red { background-color: #f2f2f2; font-family: Verdana; font-size: 12px; color: #FF0000; text-decoration: none; }

.cell_ellipsis {  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.text_1,.text_2,.text_3,.text_4,.text_5,.text_6,.text_7,.text_sup_1,.link { font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; color: #FFFFFF; font-weight: lighter; text-align: right; }
.text_2 { font-size: 40px; color: #414f53; text-align: left;}
.text_3 { font-size: 22px; color: #414F53; text-align: left;}
.text_4 { font-size: 18px; color: #414F53;}
.text_5 { font-size: 18px; color: #414F53; text-align: left;}
.text_7 { font-size: 18px; color: #414F53; text-align: right;}
.text_link { font-size: 15px; color: #86B45F; font-family: 'Open Sans Condensed', sans-serif; }

.text_6 { font-family: Verdana; font-size: 11px; color: #666666; text-decoration: none; }
.text_6_red { font-family: Verdana; font-size: 11px; color: #FF0000; text-decoration: none; }

.text_8 { font-size: 12px; color: #414F53; text-align: left;}
.text_red { color: #FF0000; }

.link {  font-size: 18px; color: #208fd6; text-decoration: none; cursor: pointer; }
.link_2  { color: #208fd6; text-decoration: none; cursor: pointer; }

.text_sup_1 { font-size: 22px;  color: #414f53; vertical-align: super; }
.text_sup_3 { font-size: 12px;  color: #414f53; vertical-align: super; }


.bg_1 { background-color: #acacac; }
.bg_2 { background-color: #ffffff; }
.bg_3 { background-color: #eff3f6; }

.Rotate-90 {
	  -webkit-transform: rotate(-90deg);
	  -moz-transform: rotate(-90deg);
	  -ms-transform: rotate(-90deg);
	  -o-transform: rotate(-90deg);
	  transform: rotate(-90deg);
	 
	  -webkit-transform-origin: 50% 50%;
	  -moz-transform-origin: 50% 50%;
	  -ms-transform-origin: 50% 50%;
	  -o-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	  
	  /* Para IE9 o inferiores */
	  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	 
	 
	  font-family: 'Open Sans Condensed', sans-serif;
	  font-size: 11px;
	  color: #FFFFFF;
	 /** background: #e0e0e0;*/
	  width: 30px; /* Al rotar esto es el alto  */
	  position: relative; /* Se posiciona antes de rotar, por lo que parece que mal-funciona  */
	  top: 0px;
	  
	  /* Corta la palabra y pone 3 puntos: text-overflow: ellipsis; */
	  /* Corta la palabra */
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: clip;
}
/*********** BOTON DE AÑADIR **************/

DIV#add_button_content { width: 680px; height: 40px; position: relative; top: 20px; BORDER: 1PX SOLID #FF0000; }
DIV#add_button { float: right; width: 150px; height: 55px; position: relative; top: 0px; right: 453px;	}

.button_add {
	position: relative;
	top: 5px;
   background: #A4BBB7;
   padding: 5px 8px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #FFFFFF;
   font-size: 16px;
   font-family: 'Open Sans Condensed', sans-serif;
   font-weight: lighter;
   text-decoration: none;
   vertical-align: middle;
}

.symbol_add { position: relative; top: -2px; right: 1px; vertical-align: middle; }
.fieldset_1 { border-radius: 20px; padding: 5px; border: 1px solid #AFAFAF;}

DIV.help_content { height: 43px; position: relative; }	
DIV.help_content_text { min-width: 60px; position: relative; top: 10px; }
DIV.help_content_icon { width: 30px; height: 20px; position: relative;  top: -23px; float: right; }	

DIV#help_window_total {
	background-color: #000000;
	opacity:0.4;
	filter:alpha(opacity=4);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
    
DIV#help_window_text_1,
	#help_window_text_2,
	#help_window_text_3,
	#help_window_text_4,
	#help_window_text_5,
	#help_window_text_6,
	#help_window_text_7,
	#help_window_text_8,
	#help_window_text_9,
	#help_window_text_10,
	#help_window_text_11,
	#help_window_text_12,
	#help_window_text_13,
	#help_window_text_14,	
	#help_window_text_15 { background-color: #FFFFFF; border: 1px solid #DDDDDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: 25px; left: auto; margin-left: 30%; padding: 20px; position: fixed; width: 400px; min-height: 250px; z-index: 4; }



.icon_close { float: right;  position: relative; height: 30px; width: 27px; top: 10px; }

.help_on { display: block; }
.help_off { display: none; }

.div_clinics { height: 500px; overflow-y: auto;  overflow-x: hidden; margin-right:4px;  padding-right: 4px; }

A.cab{ font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #FFFFFF; font-weight: lighter; }
A { font-family : arial,helvetica; color : #86B45F; text-decoration:none; }


/*###.JSC MENÚ **************/
.optionMenu {
	width: 250px;
	background-color: #414f53;
	padding: 5px 0px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}
.optionMenu SPAM{
	color: #eff3f6;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration: none;
	vertical-align: middle;
}
.optionMenu SPAM:hover{
	color: #bfd621;
	font-weight: bold;
}

.truncate { white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; width: inherit; }

.button_g, .button_g2 {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: 'Open Sans Condensed';
  color: #414f53;
  font-size: 15px;
  background: #b1c425;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
  cursor: pointer;
}

.button_g, .button_g2:hover {
  background: #abbd24;
  text-decoration: none;
}
.button_g2 {  font-family: 'Open Sans'; font-size: 16px; color: #ffffff; }

.box-center {
    width: 450px;
    height: 250px;
    background-color: rgba(255,255,255,0.9);
    vertical-align: middle; 
    display: table-cell;
    align: center;
    position: relative;
    left: 300px;
}
.tooltip{
    display: inline;
    position: relative;
    z-index: 4000;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    white-space: pre;
    font-size: 10px;
    OVERFLOW-X: visible;
}


.tooltip:hover:before{
 	overflow: visible;
	border: solid 1px;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 20px;;
	position: absolute;
	z-index: 100;
	
}