@charset "UTF-8";
/* CSS Document */


/**
 * BASE STYLES
 */
html,body {
	height: 100% !important;
}

body {
    font: normal normal normal 10pt/14pt Raleway, Arial, Helvetica, sans-serif;
	margin:0px;
    /*background: none repeat scroll 0 0 #F8F8F8;*/
	/*background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/bg_texture_login.png") repeat #F8F8F8;*/
    background-color: #F7F9FC;
}
* {list-style:none;}



/**
 * ZONAS COMMON CSUITE
 */


#zona_cabecera{
    display: table;
    position: fixed;
    width: 100%;
	z-index: 1020;
	top: 0;
	background-color:#d2d2d2;
}



	a.version:link, a.version:visited, a.version:hover   {
		font-size:11px;
		color: #FFF;
		text-decoration: none;
		font-weight:bold;
	}
	
	.botones_cab{
		margin-right: 1px;
		cursor: pointer;
	}


/**
 * common base styles
 */


nav > ul {
    padding: 0;
}

/**
 * Text Styles
 */

a {
    color: #333333;
    outline: none;
    text-decoration: none;
	transition: all 0.15s ease 0s;
}
a span{
    text-decoration: none;
}
a:hover {
	color: #0099cc;
	text-decoration: none;
}
a.aria-label:hover:before, span.aria-label:hover:before {
    background: none repeat scroll 0 0 #333;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    content: attr(aria-label);
    display: block;
    left: 0;
    margin-top: 33px;
    padding: 5px 10px;
    position: absolute;
    width: 90%;
    z-index: 10;
 }
a.aria-label:hover:after, span.aria-label:hover:after {
   content: "";
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border: solid 10px transparent;
  border-bottom-color: #333;
  top: -12px;
  left: 10%;
  margin-left: -10px;
  z-index: 11;
}


abbr, acronym {
    font-size: 85%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted black;
    cursor: help;
}

abbr[title], acronym[title], dfn[title] {
    border-bottom: 1px dotted #CCC;
    cursor: help;
}

code, kbd, samp, pre, tt, var, .code {
    font-family: Monaco, 'Panic Sans', 'Lucida Console', 'Courier New', Courier, monospace, sans-serif;
}

h1,h2,h3,h4,h5,h6 { padding: 0; margin: 0; }
/*h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }*/


h1,h2,h3 {
    color: #333333;
	margin-top: 2em;
	
}
h4,h5, h6 {
    color: #3D3D3D;
    font-weight: normal;
}
p {
    color: #676767;
	font-size: 12px;
    line-height: 20px;
}
h1,h2,h3,b,strong,caption,th,thead,dt,legend{
    font-weight:bold; 
}

ul, ol {
	margin:0px;
	padding:0px;
   /* padding-left: 2em;*/
}

li ul, li ol, ul ul, ol ol, dl dd {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

li label {margin-right: 8px;width: 170px;clear:none !important;margin-top:5px !important;}

small, sup, sub {
    font-size: 90%;
}

.code {
    background-color: #EAEFF4;
    color: #069;
    overflow: auto;
    padding: 2px 6px;
}

.vat {
	vertical-align:top !important;
}
.vam {
	vertical-align:middle !important;
}
.vab {
	vertical-align:bottom !important;
}
.al {
    text-align: left !important;
}
.ar {
    text-align: right !important;
}
.ac {
    text-align: center !important;
}
.mac {
    magin: 0 auto !important;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.fn {
    float: none !important;
}
.b {
	font-weight:bold;
}

.block { display:block;}

.leading {
    margin-top: 10px !important;
}
.h10{	
	height:10px!important;
}
.h20{	
	height:20px!important;
}
.h25{   
    height:25px!important;
}
.h30{   
    height:30px!important;
}
.h40{   
    height:40px!important;
}
.h50{	
	height:50px!important;
}
.h100{	
	height:100px!important;
}
.h150{	
	height:150px!important;
}
.h200{	
	height:200px!important;
}
.h250{	
	height:250px!important;
}
.h300{  
    height:300px!important;
}
.w_auto {
	width:auto!important;
}
.w8{   
    width:8px!important;
}
.w10{   
    width:10px!important;
}
.w20{	
	width:20px!important;
}
.w25{	
	width:25px!important;
}
.w30{	
	width:30px!important;
}
.w40{	
	width:40px!important;
}
.w50{	
	width:50px!important;
}
.w60{	
	width:60px!important;
}
.w70{	
	width:70px!important;
}
.w80{	
	width:80px!important;
}
.w90{	
	width:90px!important;
}
.w100{	
	width:100px!important;
}
.w120{	
	width:120px!important;
}
.w125{	
	width:125px!important;
}
.w140{	
	width:140px!important;
}
.w150{	
	width:150px!important;
}
.w200{	
	width:200px!important;
}
.w250{	
	width:250px!important;
}
.w300{	
	width:300px!important;
}
.w400{	
	width:400px!important;
}
.w500{	
	width:500px!important;
}
.w600{	
	width:600px!important;
}
.w700{	
	width:700px!important;
}
.w800{	
	width:800px!important;
}
.w900{	
	width:900px!important;
}
.w1000{	
	width:1000px!important;
}
.w5p{	
	width:5%!important;
}
.w8p{	
	width:8%!important;
}
.w10p{	
	width:10%!important;
}
.w15p{	
	width:15%!important;
}
.w20p{	
	width:20%!important;
}
.w25p{	
	width:25%!important;
}
.w30p{	
	width:30%!important;
}
.w33p{	
	width:33%!important;
}
.w34p{	
	width:34%!important;
}
.w40p{	
	width:40%!important;
}
.w50p{	
	width:50%!important;
}
.w60p{	
	width:60%!important;
}
.w75p{	
	width:75%!important;
}
.w80p{	
	width:80%!important;
}
.w90p{	
	width:90%!important;
}
.w95p{  
    width:95%!important;
}
.w99p{  
    width:99%!important;
}
.w100p{	
	width:100%!important;
}
.nowrap, td.nowrap {
	white-space: nowrap;
 	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.no-border {
    border: none !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    resize: none;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.ib {
	display:inline-block;
}

.cursorpointer { cursor:pointer; }

.m0{
	margin-left:0px!important;
	margin-right:0px!important;
}
.m4{
    margin-left:4px!important;
    margin-right:4px!important;
}
.m5{
	margin-left:5px!important;
	margin-right:5px!important;
}
.m8{
    margin-left:8px!important;
    margin-right:8px!important;
}
.m10{
	margin-left:10px!important;
	margin-right:10px!important;
}
.m10x{
	margin-left:-10px!important;
	margin-right:-10px!important;
}
.m20{
	margin-left:20px!important;
	margin-right:20px!important;
}
.ml2 {
    margin-left:2px!important;  
}
.ml5 {
    margin-left:5px!important;  
}
.ml10 {
    margin-left:10px!important;  
}
.ml20 {
    margin-left:20px!important;  
}
.mr2 {
    margin-right:2px!important;  
}
.mr5 {
    margin-right:5px!important;  
}
.mr10 {
    margin-right:10px!important;  
}
.mr20 {
    margin-right:20px!important;  
}


.p0{
	padding-left:0px!important;
	padding-right:0px!important;
}
.p5{
	padding-left:5px!important;
	padding-right:5px!important;
}
.p10{
	padding-left:10px!important;
	padding-right:10px!important;
}
.p20{
	padding-left:20px!important;
	padding-right:20px!important;
}

.mt0, tr.mt0 td{
    margin-top:0px!important;
}
.mt5, tr.mt5 td{
    margin-top:5px!important;
}
.mt10, tr.mt10 td{
    margin-top:10px!important;
}
.mt10x, tr.mt10x td{
    margin-top:-10px!important;
}
.mt15, tr.mt15 td{
    margin-top:15px!important;
}
.mt20, tr.mt20 td{
    margin-top:20px!important;
}
.mt25, tr.mt25 td{
    margin-top:25px!important;
}
.mt40, tr.mt40 td{
    margin-top:40px!important;
}
.mt50, tr.mt50 td{
    margin-top:50px!important;
}
.mt60, tr.mt60 td{
    margin-top:60px!important;
}

.mb0, tr.mb0 td{
    margin-bottom:0px!important;
}
.mb10, tr.mb10 td{
    margin-bottom:10px!important;
}
.mb20, tr.mb20 td{
    margin-bottom:20px!important;
}
.mb50, tr.mb50 td{
    margin-bottom:50px!important;
}

.pt0, tr.pt0 td{
    padding-top:0px!important;
}
.pt5, tr.pt5 td{
	padding-top:5px!important;
}
.pt10, tr.pt10 td{
	padding-top:10px!important;
}
.pt15, tr.pt15 td{
    padding-top:15px!important;
}
.pt20, tr.pt20 td{
	padding-top:20px!important;
}
.pt25, tr.pt25 td{
    padding-top:25px!important;
}
.pt40, tr.pt40 td{
    padding-top:40px!important;
}
.pt50, tr.pt50 td{
    padding-top:50px!important;
}
.pt60, tr.pt60 td{
    padding-top:60px!important;
}

.pb0, tr.pb0 td{
    padding-bottom:0px!important;
}
.pb5, tr.pb5 td{
    padding-bottom:5px!important;
}
.pb10, tr.pb10 td{
	padding-bottom:10px!important;
}
.pb20, tr.pb20 td{
	padding-bottom:20px!important;
}
.pl5 {
    padding-left:5px!important;  
}
.pl10 {
    padding-left:10px!important;  
}
.pl20 {
    padding-left:20px!important;  
}
.pl30 {
    padding-left:30px!important;  
}
.pl40 {
    padding-left:40px!important;  
}
.pl50 {
    padding-left:50px!important;  
}
.pl60 {
    padding-left:60px!important;  
}
.pl70 {
    padding-left:70px!important;  
}
.pl80 {
    padding-left:80px!important;  
}
.pl90 {
    padding-left:70px!important;  
}
.pl100 {
    padding-left:80px!important;  
}
.pr5 {
    padding-right:5px!important;  
}
.pr10 {
    padding-right:10px!important;  
}
.pr20 {
    padding-right:20px!important;  
}
.pr30 {
    padding-right:30px!important;  
}
.pr40 {
    padding-right:40px!important;  
}


.caret:before {
	content: "▾";
    font-size: inherit;
    margin-left: 2px;
    text-decoration: none !important;
}
.caret:hover {
    text-decoration: none !important;
}

/* sangrado a la izquierda, levelX*/
.chevron_lvl0{ 
}
.chevron_lvl1{ 
  	padding-left:30px!important;
}
.chevron_lvl2{ 
  	padding-left:60px!important;
}
.chevron_lvl3{ 
  	padding-left:90px!important;
}
.chevron_lvl4{ 
  	padding-left:120px!important;
}
.chevron_lvl5{ 
  	padding-left:150px!important;
}
.chevron_lvl6{ 
  	padding-left:180px!important;
}
.chevron_lvl7{ 
  	padding-left:210px!important;
}
.chevron_lvl8{ 
  	padding-left:240px!important;
}

ul.bullet, li.bullet{
	background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right2.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    line-height: 20px;
    padding-left: 12px !important;
}

.bggrey {
    /*background-color:#f8f8f8 !important; */
    background-color:#F7F9FC !important; 
}
.bggrey_normal {background-color:#dadada !important;}
.bglightdarkgrey {background-color:#444444 !important;  }
.bggrey_dark, .bgdarkgrey {background-color:#333333 !important;  }
.bgwhite {background-color:#FFFFFF !important;  }
.bgsilverwhite {background-color:#fefffe; !important;  }
.bgblack {background-color:#000000 !important;  }
.bgwhiteblue {background-color: #e5eaee !important;}
.bgblue {background-color: #002f86 !important;}
.bggreen {background-color: #50D699 !important;}
.bglightgreen {background-color: #e7f7c5 !important;}
.bgorange {background-color: #f78a56 !important;}
.bgyellow {background-color: #ffc000 !important;}
.bgred {background-color: #df5857 !important;}
.bglightblue {background-color: #13a9e1 !important;}


.black {color:#333333; }
.blue {color:#13a9e1;}
.white{color:#fff;}
.silverwhite{color:#fefffe;;}
.darkblue{color: #002f86;}
.red{color:#df5857}
.green{color:#76c16a;}
.orange{color:#f78a56;}
.yellow{color:#ffc000;}
.red{color:#df5857;}
.lightgrey{color:#ccc;}
.midgrey{color:#999;}
.grey{color:  #333;}
.darkgrey{color:#666;  }
.nocolor{color:  rgba(0, 0, 0, 0);}



img{vertical-align:text-bottom;border: 0 none;
 }

table {
    width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
}

/**
 * Login
 */
body.login {
    height:0;
    overflow: hidden;
}
.login-box {
    margin: 0 auto !important;
    margin-top: -110px !important;
    margin-left: -300px !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    width:600px;
    z-index: 9999 !important;
}
.login-box form {
    margin:10px 0;
}
.login-box input[type=text], .login-box input[type=password] {
    width: 215px;
}
.login-box.main-content {
    min-height: 0;
}

/**
 * Header ZONA_CABECERA
 */

.login-header {position:relative; width: 100% !important; background-color: #000; color: #000; text-align: right; height: 50px;background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/background.png") repeat-x #F8F8F8 !important;} 




/**
 * MENU & LOGO ---> Habría que quitar todas las clases que este pillando de "wk" para que sean propias de Privacy
 */

#menu-navigation .submenu-navigation.dev:hover{
    background-color: #333 !important;
}    
#zona_menu .options-contact.dev:hover {
    background-color: #333 !important;
} 

#zona_logo, #container-logo{height: 45px;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 271px;}
#container-logo img.mainlogo {height: 100%;}
    
#zona_menu, #container-menu{
	background-color: #333333;
    height: 28px;
    position: absolute;
    top: 50px;
    width: 100%;

	}
#menu-navigation .submenu-navigation.dev:hover{
    background-color: #333 !important;
}    
#zona_menu .options-contact.dev:hover {
    background-color: #333 !important;
}
#menu-navigation{ 
    height: 24px;
    list-style: none outside none;
    position: absolute;
	padding:0px 0px 0px 0px;
}
#menu-navigation li{
	float: left;
	height: 16px;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: relative;
    z-index: 30;
    height: auto;
    padding: 6px 16px;
}
#menu-navigation li:first-child {
    padding-left: 10px;
}
#menu-navigation li:hover{
	/*background-color:#F8F8F8;*/
	/*border-left: 4px solid #006699;*/
}

#menu-navigation li li{
	padding-left: 12px;
}

#menu-navigation li  a{
	color: #FFF;
    font-size: 12px;
	transition:0s;
}
#menu-navigation li  a:hover{
	text-decoration:none;
}

#menu-navigation li:hover > a{
	color: #333;    
}

#menu-navigation ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	border-left: 1px solid #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    /*display: none;*/
	visibility:hidden;
    left: -3px !important;
    line-height: 16px;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 4px 0 10px;
    position: absolute;
    text-align: left;
    top: 27px !important;
	min-width: 250px;
    z-index: 40;
    box-sizing: border-box;
}
#menu-navigation .submenu-navigation{
	border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: default;
	height: 28px;
}
#menu-navigation .submenu-navigation li{
	float: inherit;
	color:#333;
	font-size:12px;
	height: 50px;
}
#menu-navigation .submenu-navigation li:hover{
	background-color:#F8F8F8;
}

#menu-navigation .submenu-navigation li a{
	color:#333;
	display:block;
}
#menu-navigation .submenu-navigation:hover{
    background: none repeat scroll 0 0 #FFF;
}
#menu-navigation .submenu-navigation li:hover > a {
	color:#0099CC; 
	}
#menu-navigation li ul {
	height: 2000px;
	max-height:2000px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu-navigation li.submenu-navigation:hover > ul {
	display: block;
	visibility:visible;
}

#menu-navigation .submenu-icon{
	/*background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right.png");*/
    background-repeat: no-repeat;
	background-position: 6px 6px;
	color: #FFFFFF;
    font-size: 12px;
}
#menu-navigation .submenu-icon:hover{
	/*background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-down.png");*/
    background-repeat: no-repeat;
	background-position: 4px 9px;
	color:#000000;
}

#menu-navigation .submenu-img, #menu-navigation .submenu2-img {
    width: 50px;
    text-align: center;
    overflow: hidden;
    float: left;
	position: relative;
	top: -10px;
}
#menu-navigation .submenu-img img, #menu-navigation .submenu2-img img {
    width: 49px;
}

.opciones-submenu {
    background: none repeat scroll 0 0 #FFFFFF;
    line-height: 27px;
    z-index: 999;
}
#menu-navigation .submenu2-navigation ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 0px none;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	-moz-border-radius:0px 0px 4px 0px; -webkit-border-radius:0px 0px 4px 0px; border-radius:0px 0px 4px 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    /*display: none;*/
	visibility:hidden;
    left: 247px !important;
    line-height: 16px;
    list-style-position: outside;
    list-style-type: none;
    margin: -4px 0 0;
    opacity: 1.0;
    padding: 4px 0 10px;
    position: absolute;
    text-align: left;
    top: 0px !important;
    z-index: 50;
	width: 640px;
}
#menu-navigation .submenu2-navigation{
    cursor: pointer;
}
#menu-navigation .submenu2-navigation li{
	float: left;
	width:50%;
	height:50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
#menu-navigation .submenu2-navigation:hover{
    /*background: none repeat scroll 0 0 #e8e8e8; */
	/*border-left: 4px solid #006699;*/
    cursor: default;
	
}
#menu-navigation .submenu2-navigation li:hover >  ul {
    display: block;
	visibility:visible;
}

#menu-navigation .submenu2-navigation.submenu2-bottom {
    position: fixed;
	bottom: 0;
	width: 248px;
    height: 70px;
    padding-top: 20px;
}
#menu-navigation .submenu2-navigation.submenu2-bottom span.submenu-img {
    top: 3px;
}
#menu-navigation .submenu2-navigation.submenu2-bottom span.fa-sign-out {
    font-size: 25px;
}
#menu-navigation .submenu2-bottom a {
    color: #fff !important;
}

#menu-navigation .submenu2-navigation .submenu2-desc {
    color: #999999;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 3px;
    overflow: visible;
    white-space: normal;
    width: auto;
	height: 14px;
	overflow:hidden;
	
}

#menu-navigation .submenu2-navigation .submenu3-desc {
	height: auto;
	overflow: visible;
}

#menu-navigation .submenu2-icon{
	background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right.png");
    background-repeat: no-repeat;
	background-position: 234px 10px;
    font-weight: bold;
}
#menu-navigation .submenu2-icon:hover{
	background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right2.png");
}

#menu-navigation li.submenu3-title {
	font-size: 1.4em;
	height: 28px;
	color:#0099CC;
	font-weight:bold;
}
#menu-navigation li.submenu3-last {
	float: left;
	width:100%;
	color: #999999;
    font-size: 0.9em;
    font-weight: normal;
}


#zona_cabecera .title,#zona_cabecera .text-options { 
	font-size: 11px;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
}

/* Lang menu */
#lang-navigation .submenu-navigation.dev:hover{
    background-color: #333 !important;
}
#lang-navigation .submenu-navigation.dev:hover{
    background-color: #333 !important;
}
#lang-navigation{ 
    height: 24px;
    list-style: none outside none;
    /*position: absolute;*/
    padding:0px 0px 0px 0px;
}
#lang-navigation li{
    float: right;
    height: 16px;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: relative;
    z-index: 30;
    height: auto;
    padding: 6px 10px;
}
#lang-navigation li:first-child {
    padding-left: 10px;
}
#lang-navigation li:hover{
    cursor:pointer;
    /*background-color:#F8F8F8;*/
    /*border-left: 4px solid #006699;*/
}

#lang-navigation li li{
    padding-left: 12px;
}

#lang-navigation li  a{
    color: #FFF;
    font-size: 12px;
    transition:0s;
}
#lang-navigation li  a:hover{
    text-decoration:none;
}

#lang-navigation li:hover > a{
    color: #333;    
}

#lang-navigation ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
    border-left: 1px solid #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    /*display: none;*/
    visibility:hidden;
    left: 0px !important;
    line-height: 16px;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    /*padding: 4px 0 10px;*/
    position: absolute;
    text-align: left;
    top: 27px !important;
    /*min-width: 60px;*/
    z-index: 40;
    box-sizing: border-box;
}
#lang-navigation .submenu-navigation{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: default;
    height: 28px;
}
#lang-navigation .submenu-navigation li{
    float: inherit;
    color:#333;
    font-size:12px;
    height: 30px;
}
#lang-navigation .submenu-navigation li:hover{
    cursor:pointer;
    background-color:#F8F8F8;
}

#lang-navigation .submenu-navigation li a{
    color:#333;
    display:block;
}
#lang-navigation .submenu-navigation:hover{
    background: none repeat scroll 0 0 #FFF;
}
#lang-navigation .submenu-navigation li:hover > a {
    color:#0099CC; 
    }
#lang-navigation li ul {
    /*height: 2000px;*/
    /*max-height:2000px;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#lang-navigation li.submenu-navigation:hover > ul {
    display: block;
    visibility:visible;
}

#lang-navigation .submenu-icon{
    /*background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right.png");*/
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: #FFFFFF;
    font-size: 12px;
}
#lang-navigation .submenu-icon:hover{
    /*background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-down.png");*/
    background-repeat: no-repeat;
    background-position: 4px 9px;
    color:#000000;
}

#lang-navigation .submenu-img, #lang-navigation .submenu2-img {
    width: 50px;
    text-align: center;
    overflow: hidden;
    float: left;
    position: relative;
    top: -10px;
}
#lang-navigation .submenu-img img, #lang-navigation .submenu2-img img {
    width: 49px;
}

#lang-navigation .submenu2-navigation ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 0px none;
    border-right: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
    -moz-border-radius:0px 0px 4px 0px; -webkit-border-radius:0px 0px 4px 0px; border-radius:0px 0px 4px 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    /*display: none;*/
    visibility:hidden;
    left: 247px !important;
    line-height: 16px;
    list-style-position: outside;
    list-style-type: none;
    margin: -4px 0 0;
    opacity: 1.0;
    padding: 4px 0 10px;
    position: absolute;
    text-align: left;
    top: 0px !important;
    z-index: 50;
    width: 400px;
}
#lang-navigation .submenu2-navigation{
    cursor: pointer;
}
#lang-navigation .submenu2-navigation li{
    float: inherit;
    height:50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
#lang-navigation .submenu2-navigation:hover{
    /*background: none repeat scroll 0 0 #e8e8e8; */
    /*border-left: 4px solid #006699;*/
    cursor: default;
    
}
#lang-navigation .submenu2-navigation li:hover >  ul {
    display: block;
    visibility:visible;
}

#lang-navigation .submenu2-navigation.submenu2-bottom {
    position: fixed;
    bottom: 0;
    width: 248px;
    height: 70px;
    padding-top: 20px;
}
#lang-navigation .submenu2-navigation.submenu2-bottom span.submenu-img {
    top: 3px;
}
#lang-navigation .submenu2-navigation.submenu2-bottom span.fa-sign-out {
    font-size: 25px;
}
#lang-navigation .submenu2-bottom a {
    color: #fff !important;
}

#lang-navigation .submenu2-navigation .submenu2-desc {
    color: #999999;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 3px;
    overflow: visible;
    white-space: normal;
    width: auto;
    height: 14px;
    overflow:hidden;
    
}

#lang-navigation .submenu2-navigation .submenu3-desc {
    height: auto;
    overflow: visible;
}

#lang-navigation .submenu2-icon{
    background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right.png");
    background-repeat: no-repeat;
    background-position: 234px 10px;
    font-weight: bold;
}
#lang-navigation .submenu2-icon:hover{
    background-image: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/arrow-right2.png");
}

#lang-navigation li.submenu3-title {
    font-size: 1.4em;
    height: 28px;
    color:#0099CC;
    font-weight:bold;
}
#lang-navigation li.submenu3-last {
    float: left;
    width:100%;
    color: #999999;
    font-size: 0.9em;
    font-weight: normal;
}

		
		
		
		



/***************************************************************************
 * ZONA TITULO
 **************************************************************************/
 #zona_titulo{
	display: table;
    min-height: 35px;
	width: 100%;
 }
 #zona_titulo #titulo, #zona_titulo #title_page {
	font-size: 18pt;
	line-height: 18pt;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:10px;
	min-height: 28px;
	text-transform:uppercase;
	}
 
 #zona_titulo #crumbs {
	font-size: 0.8em;
    padding-left:10px;
}

#zona_titulo_dcha {padding-right:10px;}

 
/***************************************************************************
 * ZONA MAIN
 **************************************************************************/
 
#wrap{padding-bottom:0px;}
#main{
	display: table;
    margin-top: 100px!important;
    padding-bottom: 100px;
    width: 100%;
	}




/***************************************************************************
 * ZONA CONTENIDOS
 **************************************************************************/
 
#zona_contenidos { min-height: 200px; display:block; }

#zona_contenidos #zona_descripcion { padding-left:10px; }

	
#principal_contenidos{
	border: 1px solid #f2f2f2;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    margin-left: 10px;
    margin-right: 10px;
    padding:10px;
    padding-bottom: 50px;
    min-height: 420px;
	display:block;
	color:#333333;
	background-color: #fff;
}
#principal_contenidos.fullsize { margin: 0;padding: 0; }







/* CLASES GENERALES ZONA_CONTENIDOS*/
/*-------------------------------------------*/

/* clase para mensajes */
#zona_contenidos.alertbox {
	font-size: 14px;
    min-height: 300px;
    text-align: center;
}

/* Cajas explicativas de contenidos, ejemplos, infografías */
#view-content  .example_class{ padding:20px; color: #888;}
#view-content  .example_class .example_title:first-child{ 
	padding-top: 0px;
	}
#view-content  .example_class .example_title { 
	font-size: 1.4em;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	color: #f5a623;
	}
#view-content  .example_class .example_subtitle { 
	font-size: 1.1em;
	padding-bottom: 10px;
	padding-top: 20px;
	color: #f5a623;
	}
#view-content  .example_class .example_img{}
#view-content  .example_class .example_img img { width:100%; padding-bottom:10px;}
#view-content  .example_class .example_desc{  padding-bottom: 10px; padding-top: 10px; }
#view-content  .example_class .example_desc ul li{ padding:10px; list-style-type: circle; list-style-position: inside; font-size:0.9em;}

#view-content  .example_class .example_table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border-top: 4px solid #FFF;
	margin-top: 20px;
	font-size: 0.9em;
	}
#view-content  .example_class .example_table tr {
	border-bottom: 2px solid #efefef;
	}
#view-content  .example_class .example_table th, #view-content  .example_class .example_table td {
	padding: 5px;
    padding-top: 5px;
	vertical-align: top;
	padding-top: 4px;
	}
#view-content  .example_class .example_table th {
	font-weight:normal;
	background-color:#fff;
	}


/***************************************************************************
 * ZONA LATERAL DERECHO
 **************************************************************************/
#zona_lateral_dcho.col-example {border-left:1px solid #efefef;}


/***************************************************************************
 * ZONA PRINCIPAL BOTONES PIE
 **************************************************************************/
#zona_principal_botones_pie {
		width:100%;
	
}

#zona_botones_pie { 
    text-align: center;
    position: fixed;
    margin-bottom:0px;
    bottom: 0px;
    height: 70px;
    width: 100%;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.80);
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.80);
    box-shadow:0 3px 3px rgba(0,0,0,0.80);
    z-index: 1110;
}
#zona_botones_pie input[type="button"].app_button, #zona_botones_pie input[type="submit"].app_button{
	border-style: none;
	border-width: 1px;
	font-size: 13px;
	padding-left:8px;
	padding-right:8px;
	text-align: center;
	text-decoration:none;
	display:inline-block;
	cursor: pointer;
	margin-left: 1px;
	margin-right: 1px;
	font-weight:normal;
	white-space: nowrap;
	background-image: none; 
	box-shadow: none; 
	text-shadow: none;
    border-radius: 0px;
}
#zona_botones_pie .app_button {
	min-width:30%;
	padding-top: 14px;
	min-height: 46px !important;
}

#zona_botones_pie .app_button:hover{ 
	background-image: none;
	border-color: #005b92;
    color: #FFF;
    background-color: #005b92;
}
#zona_botones_pie .botones_pie { padding: 10px 0px 0px; height:70px ; background-color: #333;}
#zona_botones_pie .lateral_pie { border-left:1px solid #777; height:70px; background-color: #444;}


/***************************************************************************
 * ZONA lateral pie > ZONA MESSAGES WALL
 **************************************************************************/
#zona_messages_wall {
    position: absolute;
    height: auto;
    bottom: 71px;
    background-color: #444;
    width: 100%;
    display: none;
}
.mw_header_close {
	position: absolute;
	right: 0px;
	text-align: center;
	width: 40px;
	height: 25px;
}

/***************************************************************************
 * ZONA MENSAJES PIE
 **************************************************************************/
#zona_mensajes_pie {
	position: fixed;
	width: 100%;
	background: linear-gradient(to right, #13a9e1, #002f86);
	padding-top: 10px;
    padding-bottom: 10px;
	bottom: 0px;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.5);
    z-index: 1;
}
#zona_mensajes_pie .mensaje_pie_img {}
#zona_mensajes_pie .mensaje_pie_close { padding-top: 26px; }
#zona_mensajes_pie .mensaje_pie_close .icon { color:#fff; font-size: 25px; transition: all ease 0.2s; }
#zona_mensajes_pie .mensaje_pie_close .icon:hover { color: #13a9e1; cursor: pointer; }
#zona_mensajes_pie .mensaje_pie_text span { font-size: 15px; }
#zona_mensajes_pie .mensaje_pie_text { padding: 20px; color: #fff; }
#zona_mensajes_pie .mensaje_pie_btn { padding-top: 18px; }
#zona_mensajes_pie .mensaje_pie_btn .app_button { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
#zona_mensajes_pie .mensaje_pie_btn .app_button:hover { background-color: #fff; border: 2px solid #fff; color: #13a9e1; }
/***************************************************************************
 * ZONA FOOTER
 **************************************************************************/
body > footer {
    padding-bottom: 20px;
}
    #footer-inner, #footer-inner a {
        color: #fff;
        font-size: 10px;
    }

    #footer-inner a {
        text-decoration: underline;
}

#footer{ width:100%;padding: 40px 0 0;clear:both;position: relative; color:#b8b8b8;}
#header-footer{width:95%px;padding-top:28px; margin:0px auto;}
.footer-item{float:right; color:#3a3a3a;}
















/***************************************************************************
*
*   ELEMENTS
*
***************************************************************************/

/* list button */

ul.list_app_button > li {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    padding-left: 6px;
}
ul.list_app_button > li:hover {
    background-color:#F8F8F8;
}

ul.list_app_button > li a.app_button{
    background-color: transparent !important;
    color: #333;
    border: none;
    padding: 0px;
    min-height: 20px;
	display: block;
}
ul.list_app_button > li a.app_button:hover{
    color: #13a9e1;
    font-weight: bold;
}
ul.list_app_button > li a::before {
    content: '> ';
}
ul.list_app_button > a li.app_button{
    background-color: transparent !important;
    color: #333;
    border: none;
    padding: 8px 6px;
    min-height: 20px;
}
ul.list_app_button > a li.app_button:hover{
    color: #13a9e1;
    font-weight: bold;
    background-color: #f8f8f8 !important;
}
ul.list_app_button > a li::before {
    content: '> ';
}

div.list_action {
    text-align: center;
    position:relative;
    display:inline-block;
}
div.list_action .list-group-icon { width: 20px; margin: 0 auto; font-size: 1.2em;}
div.list_action .list-group-icon:hover {
    cursor: pointer;
}
div.list_action .list_group-container {
    text-align: left;
    position: absolute;
    right: 0px;
    z-index:1010;
    min-width: 200px;
    background-color: #fff;
    border-top: 4px solid #dadada;
    -webkit-box-shadow: 3px 3px 6px -4px #c8c8c8,-3px 3px 6px -4px #c8c8c8;
        box-shadow: 3px 3px 6px -4px #c8c8c8,-3px 3px 6px -4px #c8c8c8;
}

/* APP BUTTON */
a.app_button, label.app_button, input.app_button{
    background-color: #13a9e1;
    border: 2px solid #13a9e1;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0px;
    display: inline-block;
    transition: all ease 0.2s;
}
a.app_button:hover, label.app_button:hover, input.app_button:hover{
    background-color: #005b92;
    border: 2px solid #005b92;
}
.btn-delete { background-color: #df5857 !important; border: 2px solid #df5857 !important; }
#zona_botones_pie a.app_button, #zona_botones_pie label.app_button, #zona_botones_pie input.app_button{
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 15px;
    border-radius: 0px;
    display: inline-block;
    transition: all ease 0.2s;
}
#zona_botones_pie a.app_button:hover, #zona_botones_pie label.app_button:hover, #zona_botones_pie input.app_button:hover {
    background-color: #13a9e1;
    border: 2px solid #13a9e1;
    color:#ffffff!important;
}
#zona_botones_pie input[type="button"].app_button, #zona_botones_pie input[type="submit"].app_button{
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 15px;
    border-radius: 0px;
    display: inline-block;
    transition: all ease 0.2s;
}
#zona_botones_pie input[type="button"].app_button:hover, #zona_botones_pie input[type="submit"].app_button:hover{
    background-color: #13a9e1;
    border: 2px solid #13a9e1;
}
input[type="button"].app_button, input[type="submit"].app_button, input[type="reset"].app_button, label.app_button {
    background-color: #13a9e1;
    border: 2px solid #13a9e1;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0px;
    display: inline-block;
    transition: all ease 0.2s;
}
input[type="button"].app_button:hover, input[type="submit"].app_button:hover, input[type="reset"].app_button:hover, label.app_button:hover {
    background-color: #005b92;
    /*border: 2px solid #005b92;*/
}
.ui-widget-content a.app_button {
    color: #fff !important;
}
a.app_button [class^="smt-icon-"], [class*=" smt-icon-"] {
    display: inline;
}
a.app_button.app_button_circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 80px;
    font-size: 30px;
    border: 0px;
}
.line-dotted-purpose {
    border-top: 2px dashed #ccc;
    position: relative;
    top: 51px;
    z-index: 0;
    width: 75%;
    margin: auto;
}
/*a.app_button, label.app_button, input.app_button{
	background-color: #fff;
    background-repeat: repeat-x;
    border-color: #39b4e5;
    color: #ffffff;
    border-style: none;
    border-width: 1px;
    color: #333;
    font-size: 13px;
    padding: 2px;
	padding-left:6px;
	padding-right:6px;
	padding-top: 16px;
	min-height: 50px;
    text-align: center;
	text-decoration:none;
	cursor: pointer;
	border-radius: 0px;
	display:inline-block;
	cursor: pointer;
	margin-left: 1px;
	margin-right: 1px;
	white-space: nowrap;
	background-image: none; 
	box-shadow: none; 
	text-shadow: none;
}*/
label.app_button{
    width:auto !important;
}

a.app_button img{
	vertical-align:middle;
}
a.app_button.big{
	font-size: 12px;	
	height: 34px;
    padding-top: 4px;
	margin-bottom: 4px;
}

a.app_button.verybig{
	font-size: 16px;
	height: 36px;
    padding-top: 10px;
	padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 4px;
}
	a.app_button.verybig img{
		top:2px;
		position:relative;
	}


a.app_button.search{
    border-color: #ADADAD;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-left: -10px;
    vertical-align: top;
    width: 64px;
    z-index: 10;
    height:34px;
}
	a.app_button.big > img {
		top:4px;
		position:relative;
	}

a.app_button.search:hover{ 
	border-color: #0099CC;
    border-style: solid;
    border-width: 1px;
    color: #0099CC;
}

/* borrar todos los app_button_search una vez repasado que no se usa */
a.app_button_search{
    border-color: #ADADAD;
    border-radius: none;
    border-style: solid;
    border-width: 1px;
    color: #333;
    margin-left: -5px;
    width: 64px;
}
	a.app_button_search img{
		top:4px;
		position:relative;
	}


a.app_button_search:hover{ 
	border-color: #0099CC;
    border-style: solid;
    border-width: 1px;
    color: #0099CC;
}
a.app_button_search_big{
	background-color: #fbfafb;
    background-repeat: repeat-x;
    border-color: #ccc;
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    height: 39px;
    margin-left: -10px;
    padding: 4px 0;
    text-align: center;
    vertical-align: top;
    width: 64px;
    z-index: 10;
}
a.app_button_search_big img{
	vertical-align: inherit;
	top: 10px;
	position:relative;
}


a.app_button.blue
{	
    background-color: #39b4e5;
    background-repeat: repeat-x;
    border-color: #1976ac;
    color: #ffffff;
}
	a.app_button.blue:hover
	{
		background-color:blue;
		color:#FFF;
	}
a.app_button.yellow
{ 
    background-color: #fffbcc;
    background-repeat: repeat-x;
    border-color: #e6db55;
    color: #444444;
}
    a.app_button.yellow:hover
    {
        color:#000000;
    }
    
a.app_button.green
{
    
    background-color: #72C279;
    background-repeat: repeat-x;
    border-color: #72C279;
    color: #fff;

}
    a.app_button.green:hover
    {
        color:#fffbcc;
    }    

/*button especiales colores*/

a.myapp_button, a.myapp_button:hover {
    width:100%;
    background-color: #ddd;
    border: 1px solid #aaa;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding:10px 0px;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    text-align:center;
    opacity:1;
    display:block;
    text-decoration:none;
    font-weight:bold;
}

a.myapp_button.green {
    background-color: #6ebe19;
    border: 1px solid #5b9c15;
}
a.myapp_button.red {
    background-color: #be1931;
    border: 1px solid #a0041e;
}
a.myapp_button.yellow {
    background-color: #fbb831;
    border: 1px solid #ce991b;
}
a.myapp_button.blue {
    background-color: #00a9e4;
    border: 1px solid #0086e4;
}

div.btn-primary {
    border:none;
}

a.app_link {color:#2899B6; border-bottom:1px dotted #2899B6; }

div.app_div_button  {color:#fff; min-width:50px;}
div.app_div_button:hover { background-color: #005b92;} 

a.more-info-form{font-size:11px;text-decoration:underline;background: transparent url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/more-info.gif) no-repeat 0px 2px;padding-left:12px;}
a.less-info-form{font-size:11px;text-decoration:underline;background: transparent url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/less-info.gif) no-repeat 0px 2px;padding-left:12px;}


/*--------------------------------*/
/* tables                         */
/* tables - contenedor con flecha */
	#table_element_container {
		border: 1px solid #CCCCCC;
		background-color:#FFFFEE;
		display: block;
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 10px;
		padding: 5px;
		position: relative;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
				border-radius:5px;
		-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
		   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
				box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	}
		#table_element_container .table_element_arrow {
			border-bottom: 10px solid #ccc;
			border-left: 10px solid rgba(0, 0, 0, 0);
			border-right: 10px solid rgba(0, 0, 0, 0);
			height: 0;
			left: 50%;
			margin-left: -8px;
			position: absolute;
			top: -10px;
			width: 0;
		}
		
		#table_element_container .table_element_arrow.left25px {
			left: 25px;
		}
		#table_element_container .table_element_arrow.right25px {
			right: 25px;
		}
		#table_element_container .table_element_arrow:before {
			 border-bottom: 10px solid #FFFFEE;
			border-left: 10px solid rgba(0, 0, 0, 0);
			border-right: 10px solid rgba(0, 0, 0, 0);
			content: "";
			display: block;
			height: 0;
			left: 0;
			margin-left: -10px;
			position: absolute;
			top: 1px;
			width: 0;
		}
		
		
	#table_element_container table.table_element {
			background-color: #FFF!important;
		}
 
 table.table_element{
	  /*margin:10px 0;*/
	  width:100%;
	  padding:1px;
	  text-align:left;
	  border:#FFF 1px solid;
	  border-spacing:0px;
}


 
 table.table_element thead tr{
	 vertical-align:middle;
	 font-weight:bold;
	 padding:2px;
}
 table.table_element thead th {
  background-color: #E6EEEE;
  padding:5px;
  color: #333;
  font-weight: normal;
  height:50px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  border-top: medium none;
  text-transform: uppercase;
}
 table.table_element tr:hover{
	background-color:#F8F8F8;
}
 

 table.table_element tr.tdtotal{
	background-color: #FDFEEE;
    border-bottom: 1px solid #EBEBEB;
    border-top: 2px solid #333;
    font-weight: bold;
	height:30px;
}

 table.table_element tr.tdselected {
    border-left: 4px solid #008BCE;
}
 table.table_element tr.tdtotal td{
	text-transform:uppercase;
}
 table.table_element th{
	/*background-color: #509CC8;
    color: #FFFFFF;*/
	font-weight:bold;
	border:#FFF 1px solid;
	padding:2px; 
}
  table.table_element >tbody > tr > td{
	padding:2px;
	border-bottom: 1px solid #f6f6f6;
	 vertical-align: top;
}
#id_lista_riesgos table.table_element >tbody > tr > td{
    padding: 10px 5px;
    border-bottom: 1px solid #f6f6f6;
    vertical-align: middle;
}
	

 table.table_element  td.tdchevron{ 
	font-weight:bold;
  	padding-left:15px;
	height: 15px;
    margin-right: 0;
    width: 15px;
	white-space:nowrap;
	border-bottom:1px solid #F0F0F0;
}
 table.table_element  td.tdchevronnormal{ 
  	padding-left:15px;
	height: 15px;
    margin-right: 0;
    width: 15px;
	white-space:nowrap;
	border-bottom:1px solid #F0F0F0;
}
 table.table_element td.tdusers{ 
 	padding-left:15px;
	width: 20%;
}
 table.table_element td.tdbut{ 
 padding-left:15px;
	border-bottom:1px solid #F0F0F0;
}
 table.table_element td.td_actions {text-align:center;}


table.table_element tfoot tr{
	 border-bottom: 1px solid #CCC;
}



table.no-padding td{padding:0px!important;;}
table.noborder td{border-bottom: medium none!important;}
table tr.hoverwhite:hover{background-color:#FFF;}
table td.hoverwhite:hover{background-color:#FFF;}
table tr.bgwhite > td {background-color:#FFF;}
table td.bgwhite{background-color:#FFF;}

	




/* tables - ordenacion */
table.tablesorter {
	font-family:Lato, arial;
	margin:10px 0pt 15px;
	font-size: 1em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead th, table.tablesorter tfoot th {
	background-color: #e6EEEE;
	border-right: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead .header {
	background-image: url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/bg_off.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead .headerSortUp {
	background-image: url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/asc.gif);
}
table.tablesorter thead .headerSortDown {
	background-image: url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/desc.gif);
}


/* tables - dentro de formularios */
table.tableform_element td {
	/*padding: 8px 8px;*/
	font-size:1.0em;
}





/* tables - tree, tablas en modo arbol desplegable */
#tabletree_element_container {
    margin: 0;
}
	
 table.tabletree_element {
	 width:100%;
 }
 table.tabletree_element thead tr{
	 vertical-align:middle;
	 font-weight:bold;
	 padding:2px;
	 text-align:left;
}
 table.tabletree_element thead th {
  padding:3px;
  font-weight: bold;
  white-space: nowrap;
  height:25px;
  text-align:left;
}
	
	
	

/* tables - legenda */
#tablelegend_element_container {
	background-color: #FFFFEE;
    border-bottom: 1px solid #CCCCCC;
    display: none;
    margin: 0;
    padding: 5px;
    position: relative;
}
	
	
#tablelegend_element_container .tablelegend_element td {
	text-align:right;
	}



	

/* tables - moreinfo */

table.tablemoreinfo_element  {
	background-color: #FFFFFF !important;
    border: 1px solid #D8D8D8 !important;
    -moz-border-radius:3px; -webkit-border-radius:3px;border-radius: 3px;
    padding: 8px;
	
	}
	table.tablemoreinfo_element th {
    	border-bottom: 1px dotted #555555 !important;
    	border-top: 1px solid #d8d8d8 !important;
    	border-left: 1px solid #d8d8d8 !important;
    	border-right: 1px solid #d8d8d8 !important;
    	background-color:#f8f8f8 !important;
	}
	table.tablemoreinfo_element td {
		text-align:justify;
	}
	
	




	
/* BOX */
.box { border: 1px solid #f2f2f2; padding: 10px;background-color: #fff; transition: all 0.15s ease 0s;}
.box.transparent { border: medium none; background-color: transparent; }
.box.round { -moz-border-radius: 0px; -webkit-border-radius: 0px;  border-radius: 0px; }
.box.nolaterals { border-right: medium none; border-left: medium none; border-top: medium none; border-bottom: medium none;}

.box.text { margin-bottom: 0; margin-top:0;}
.box.text ul li, .box.text ol li { margin-left: 20px; line-height: 22px; margin-bottom:20px;}
.box.info { background-color: #f9edbe; }
.box.fullsize { margin: 0;padding: 0; }



/*bordes de las tablas y div*/
.bl1, tr.bl1 td, tr.bl1 th{ /*border left 1px*/
	border-left:1px solid #333 !important;
}
	.bl1_light, tr.bl1_light td, tr.bl1_light th {
		border-left:1px solid #EEEEEE !important;
	}
.bl2, tr.bl2 td, tr.bl2 th { /*border left 2px*/
	border-left:2px solid #333 !important;
}
	.bl8_blue{
		border-left:8px solid #008BCE !important;
	}
	.bl8_darkblue{
		border-left:8px solid #234C90 !important;
	}
.br1, tr.br1 td, tr.br1 th { 
	border-right:1px solid #333 !important;
}
	.br1_light, tr.br1_light td, tr.br1_light th {
		border-right:1px solid #EEEEEE !important;
	}
.br2, tr.br2 td, tr.br2 th { 
	border-right:2px solid #333 !important;
}
.bb1, tr.bb1 td, tr.bb1 th { 
	border-bottom:1px solid #333 !important;
}
	.bb1_light, tr.bb1_light td, tr.bb1_light th {
		border-bottom:1px solid #EEEEEE !important;
	}
.bb2, tr.bb2 td, tr.bb2 th{ 
	border-bottom:2px solid #333 !important;
}
	.bb2_light, tr.bb2_light td, tr.bb2_light th {
		border-bottom:2px solid #EEEEEE !important;
	}
.bb4, tr.bb4 td, tr.bb4 th{ 
	border-bottom:4px solid #333 !important;
}
	.bb4_light, tr.bb4_light td, tr.bb4_light th {
		border-bottom:4px solid #EEEEEE !important;
	}
.bt1, tr.bt1 td, tr.bt1 th{ 
	border-top:1px solid #333 !important;
}
	.bt1_light, tr.bt1_light td, tr.bt1_light th {
		border-top:1px solid #EEEEEE !important;
	}
.bt2, tr.bt2 td, tr.bt2 th { 
	border-top:2px solid #333 !important;
}
	.bt8_blue{
		border-top:8px solid #008BCE !important;
	}
	.bt8_darkblue{
		border-top:8px solid #234C90 !important;
	}
	.bt8_white{
		border-top: 8px solid #FFF  !important;
	}
	.bt8_black{
		border-top: 8px solid #000  !important;
	}
	.bt8_thcolor{
		border-top: 8px solid #E6EEEE !important;
	}
	.bt8_nocolor{
		border-top: 8px solid rgba(0, 0, 0, 0) !important;
	}

.bbd1, tr.bbd1 td, tr.bbd1 th { /*border bottom dotted 1px*/
	border-bottom:1px dotted #333 !important;
}
	.bbd1_light, tr.bbd1_light td, tr.bbd1_light th { /*border bottom dotted 1px*/
	border-bottom:1px dotted #EEEEEE !important;
	}

.bbd2, tr.bbd2 td, tr.bbd2 th { /*border bottom dotted 2px*/
	border-bottom:2px dotted #333 !important;
}
	.bbd2_light, tr.bbd2_light td, tr.bbd2_light th { /*border bottom dotted 1px*/
	border-bottom:1px dotted #EEEEEE !important;
	}
.btd1, tr.btd1 td, tr.btd1 th { /*border top dotted 1px*/
	border-top:1px dotted #333 !important;
}
	.btd1_light, tr.btd1_light td, tr.btd1_light th { /*border bottom dotted 1px*/
	border-top:1px dotted #EEEEEE !important;
	}
.btd2, tr.btd2 td, tr.btd2 th { /*border top dotted 2px*/
	border-top:2px dotted #333 !important;
}
	.btd2_light, tr.btd2_light td, tr.btd2_light th { /*border bottom dotted 1px*/
	border-top:1px dotted #EEEEEE !important;
	}

.border-box{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noborder {border: medium none!important;}


.circle{
    border-radius:50%;
}
.border4 {
    border:4px solid #FFF;
}
.border8 {
    border:8px solid #FFF;
}
.border12 {
    border:12px solid #FFF;
}
.border16 {
    border:16px solid #FFF;
}
  
  

    
.border-white{
    border-color:#fff;
}
    
.border-blue{
    border-color:#008BCE !important;
}
.border-darkblue{
    border-color: #234C90 !important;
}
.border-red{
    border-color:#d64844 !important;
}
.border-green{
    border-color:#a6d937 !important;
}
.border-orange{
    border-color:#ffc000 !important;
}
.border-lightgrey{
    border-color:  #ccc  !important;
}
.border-grey{
    border-color:  #333  !important;
}
.border-darkgrey{
    border-color:  #666  !important;
}
.border-black{
    border-color:  #000  !important;
}
.border-nocolor{
    border-color:  rgba(0, 0, 0, 0) !important;
}

.bl4-white{
    border-left:4px solid #fff !important;
}
    
.bl4-blue{
    border-left:4px solid #008BCE !important;
}
.bl4-darkblue{
    border-left:4px solid #234C90 !important;
}
.bl4-red{
    border-left:4px solid #d64844 !important;
}
.bl4-green{
    border-left:4px solid #a6d937 !important;
}
.bl4-orange{
    border-left:4px solid #ffc000 !important;
}
.bl4-lightgrey{
    border-left:4px solid #ccc !important;
}
.bl4-grey{
    border-left:4px solid #333 !important;
}
.bl4-darkgrey{
    border-left:4px solid #666 !important;
}
.bl4-black{
    border-left:4px solid #000 !important;
}
.bl4-nocolor{
    border-left:4px solid rgba(0, 0, 0, 0) !important;
}
.br4-white{
    border-right:4px solid #fff !important;
}
.br4-yellow{
	border-right:4px solid #ffc000 !important;
}
.br4-blue{
    border-right:4px solid #008BCE !important;
}
.br4-darkblue{
    border-left:4px solid #234C90 !important;
}
.br4-red{
    border-right:4px solid #d64844 !important;
}
.br4-green{
    border-right:4px solid #a6d937 !important;
}
.br4-orange{
    border-right:4px solid #f78a56 !important;
}
.br4-lightgrey{
    border-right:4px solid #ccc !important;
}
.br4-grey{
    border-right:4px solid #333 !important;
}
.br4-darkgrey{
    border-right:4px solid #666 !important;
}
.br4-black{
    border-right:4px solid #000 !important;
}
.br4-nocolor{
    border-right:4px solid rgba(0, 0, 0, 0) !important;
}


.block {
	display: block;
}
.fade2 {
	opacity: 1;
}
/*.fade {
	opacity: 0.5;
	transition: opacity 0.3s ease 0s;
}
/*.fade:hover {
	opacity: 1;
}*/*/

.circle {
	border: 6px solid #fff;
	border-radius: 500px;
	display: inline-block;
	overflow: hidden;
}

.badge {vertical-align:baseline; font-size:inherit;font-weight: normal;}

.bgtransparent {
	background-color:transparent !important;
}

.border-top-none { border-top: none !important; }
.border-bottom-none { border-bottom: none !important; }
.border-left-none { border-left: none !important; }
.border-right-none { border-right: none !important; }


/* FONT SIZE*/
.fs4 {font-size:4em;}
.fs3 {font-size:3em;}
.fs2 {font-size:2em;}
.fs19 {font-size:1.9em;}
.fs18 {font-size:1.8em;}
.fs17 {font-size:1.7em;}
.fs16 {font-size:1.6em;}
.fs15 {font-size:1.5em;}
.fs14 {font-size:1.4em;}
.fs13 {font-size:1.3em;}
.fs12 {font-size:1.2em;}
.fs11 {font-size:1.1em;}
.fs1 {font-size:1em;}
.fs09 {font-size:0.9em;}
.fs08 {font-size:0.8em;}
.fs07 {font-size:0.7em;}
.fs06 {font-size:0.6em;}
.fs05 {font-size:0.5em;}





/* eCARD  */
#main div.ecard div.ecard_container {
	/*overflow: hidden;*/
}
#main div.ecard .box {
    background-color: #fff;
    color: #444 !important;
    font-size: 1em;
    height: 250px;
    max-height: 400px;
    /*overflow: hidden;*/
    padding-bottom: 20px;
    text-align: center;
    margin: 10px;
}
#main div.ecard div.ecard_element.mini {
    height: 100px;
}

#main  div.ecard .box:hover { border-bottom: 2px solid #252525; }
#main  div.ecard div.ecard_element .ecard_image { height:120px; border-bottom:1px solid #efefef; }
#main  div.ecard div.ecard_element.mini .ecard_image { height: 97px; border-bottom: 1px solid #efefef; width: 100px; float: left; margin-right: 20px; }
#main  div.ecard div.ecard_element .ecard_image img { width:50%; }
#main  div.ecard div.ecard_element .ecard_details { padding: 15px 10px 12px; text-align:left;}
#main  div.ecard div.ecard_element .ecard_header { height: 20px; font-size:0.9em;}
#main  div.ecard div.ecard_element .ecard_title { font-weight: bold; }
#main  div.ecard div.ecard_element .ecard_badge { font-size: 1.5em; }
#main  div.ecard div.ecard_element .ecard_description {
    display: block;
    font-size: 0.9em;
    max-height: 60px;
    min-height: 40px;
    overflow: hidden;
}
#main  div.ecard div.ecard_element .ecard_footer {
	padding: 2px;
	font-size: 0.9em;
}

@media (max-width: 480px) { 
	#main  div.ecard div.ecard_element .ecard_image {height: 60px;} 
	}




/* dialog view - cuadro detalle // tabla de información  */

#dialog_view {
    border: 1px solid #CCCCCC;
	background-color:#FFFFEE;
    display: block;
    margin-left: -186px;
    margin-top: 10px;
	padding: 5px;
    position: absolute;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
	#dialog_view .dialog_view_arrow {
		border-bottom: 10px solid #ccc;
		border-left: 10px solid rgba(0, 0, 0, 0);
		border-right: 10px solid rgba(0, 0, 0, 0);
		height: 0;
		left: 50%;
		margin-left: -8px;
		position: absolute;
		top: -10px;
		width: 0;
	}
	#dialog_view .dialog_view_arrow:before {
		 border-bottom: 10px solid #FFFFEE;
		border-left: 10px solid rgba(0, 0, 0, 0);
		border-right: 10px solid rgba(0, 0, 0, 0);
		content: "";
		display: block;
		height: 0;
		left: 0;
		margin-left: -10px;
		position: absolute;
		top: 1px;
		width: 0;
	}
	




/* ICON PARA TABLAS Y LISTAS LI 16x16 */
.ico_attach {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/ico-attach.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_building {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/building.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_comment {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/note.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_item {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/book.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_item_go {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/book_go.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}

.ico_pdf {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/ico_pdf.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}
.ico_star {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/icons/star.png) transparent 2px 4px no-repeat;
	padding-left:20px !important;	
}




/* ICON GENERALES */
.ico_user80 {
	background:url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-user80.png) transparent 0px 0px no-repeat;
	height: 80px;
    width: 80px;
}


/* FORMULARIOS  */
input:focus {
outline: none;
}
textarea:focus {
outline: none;
}
form.form_element label{
	clear: none !important;
    font-weight: bold;
    margin-bottom: 0px;
    margin-right: 8px;
    margin-top: 50px;
    text-align: left;
    width: 100%;
	font-size:13px;
	color: #13a9e1;
}
form.form_element label.error{
	color: #FF0000;
    float:left;
	font-size: 11px;
    font-style: oblique;
	margin-top: 2px !important;
	font-weight: normal;
}

form.form_element label.form_fieldrequired:after {
    color: #FF0000;
    content: "*";
    font-size: inherit;
    margin-left: 2px;
    
}
form.form_element span.text{
	 line-height:20px;
}
form.form_element select, form.form_element textarea, form.form_element input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
form.form_element input[type="radio"], form.form_element input[type="checkbox"]
{
    height:auto;
}
form.form_element select{
	 width:250px;
     float:none;
     clear:none !important;
     vertical-align:middle !important;
     margin-right: 4px;
     border: none;
     background: transparent;
     border-radius: 0px;
     transition: all ease 0.2s;
     -webkit-appearance: none;
     -moz-appearance: none;
     padding: 10px;
     background: url(/img/homepage/img-select.png) 95% no-repeat;
    box-shadow: none;
    border: 2px solid #efefef;
    border-radius: 0px;
    background-size: 15px;
}
form.form_element select:hover{
    border: 2px solid #ccc;
    cursor: pointer;
}
form.form_element select:focus { outline: none }

form.form_element .wizardSelect {
    border: 2px solid #efefef;
    border-radius: 0px;
}
form.form_element .select-category {
    border: 2px solid #efefef;
    border-radius: 0px;
}
form.form_element .form-control {
    border: 2px solid #efefef;
    border-radius: 0px;
    width: 100%;
    background-image: none;
}
td .class_select_probabilidades {
    border: 2px solid #efefef !important;
    border-radius: 0px;
}
td .class_select_probabilidades:hover {
    border: 2px solid #ccc !important;
}
td .class_select_impactos {
    border: 2px solid #efefef !important;
    border-radius: 0px;
}
td .class_select_impactos:hover {
    border: 2px solid #ccc !important;
}

form.form_element select[multiple] {
   height: 10em;
}
form.form_element textarea{
    line-height: 150%;margin-bottom:0;
	 width:100%; float:none;clear:none !important;vertical-align:middle !important; height:100px;
}
	
form.form_element input{
	 float:none!important;
	 clear:none !important;
	 min-height: 0px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
     border: none;
     border: 2px solid #efefef;
     transition: ease all 0.2s;
     border-radius: 0px;
     box-shadow: none;
     color: #333;
}
/*form.form_element input:hover{
     border: 2px solid #ccc;
}*/
form.form_element input:focus{
     border: 2px solid #13a9e1;
}
.homePage-login-container form.form_element input { min-height: 40px; }
form.form_element textarea{
     float:none!important;
     clear:none !important;
     min-height: 40px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
     border: none;
     border: 2px solid #efefef;
     transition: ease all 0.2s;
     border-radius: 0px;
     box-shadow: none;
     color: #333;
}
form.form_element textarea:hover{
     border: 2px solid #ccc;
}
form.form_element textarea:focus{
     border: 2px solid #13a9e1;
}
input.search-box {
    background: url(/img/homepage/img-search.png) 5px no-repeat;
    background-size: 20px;
    padding-left: 30px !important;
    transition: ease all 0.5s !important;
}   
input.search-box:focus {
    background: url(/img/homepage/img-search-focus.png) 5px no-repeat;
    background-size: 20px;
}   
form.form_element input[type=checkbox]{
	 width: auto;
     float: none;
     clear: none !important;
     margin: 0 4px !important;
}
input[type="checkbox"]{
 outline: none;   
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 border: 2px solid #efefef !important;
 min-height: inherit !important;
 width: 30px !important;
 height: 30px !important;
 padding: 0px !important;
 border-radius: 0px !important;
 margin: 0 5px 0 0 !important;
 cursor: pointer;
 background: url(/img/homepage/img-checkbox.svg) -2px -25px no-repeat;
}
input[type="checkbox"]:hover {
    border: 2px solid #ccc !important;
}
input[type="checkbox"]:focus {
    border: 2px solid #13a9e1 !important;
}
input[type="checkbox"]:checked {
    border: 2px solid #13a9e1 !important;
    background: url(/img/homepage/img-checkbox.svg) -2px no-repeat;
}
input[type="checkbox"]:focus {
    outline: none;
} 
form.form_element input[type=radio]{
	 width:auto; float:none;clear:none !important; margin: 0 4px 0 0 !important;
}
form.form_element .form_inputdescription {
    color: #777777;
    /*float: left;*/
    font-style: oblique;
    width: 100%;
	margin: 0;
	font-size: 11px;
}
.fancybox-modal .form-control, .fancybox-modal textarea{
     float:none!important;
     clear:none !important;
     min-height: 32px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 15px;
     padding-bottom: 15px;
     border: none;
     border: 2px solid #efefef;
     transition: ease all 0.2s;
     border-radius: 0px;
     box-shadow: none;
     height: inherit;
}
.fancybox-modal .form-control:hover, .fancybox-modal textarea:hover{
     border: 2px solid #ccc;
}
.fancybox-modal .form-control:focus, .fancybox-modal textarea:focus{
     border: 2px solid #13a9e1;
}




/*FIELDSET */

fieldset {
    clear: both;
    margin-bottom: 10px;
    position: relative;
	border: 0 none;
	padding-top: 2px;
	margin-top: 10px;
	
}

	fieldset.border {
		border:1px solid #A2A2A2;position:relative;
			-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	}
	

fieldset legend {
    border-bottom: 1px solid #A2A2A2;
    font-size: 12px;
    width: 100%;
	margin-bottom: 4px;
    margin-top: 8px;
	text-align: left;
	text-transform: uppercase;
}

fieldset p {
    padding:16px;
}




/*FANCYBOX*/

#wrapper > section {
    padding-top: 60px;
}


.fancybox-modal {
	background-color:#fff;
	
}
#fancybox-outer{
    background:#fff url(https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/cargando.gif) no-repeat 50% 50% !important;
}

.ui-accordion .ui-accordion-header {
 font-size: 9px !important;
margin-left: 26px;
margin-top: -10px;
width: 700px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  top: 12px !important;
}
.ui-accordion .ui-accordion-content {
border-radius:0px 0px 5px 5px !important;
background:none !important;
background-color:transparent !important;
border-top:0px solid !important;
font-size:10px !important;
width:694px;
}
#accordion label{margin-bottom:5px;}
.fancybox-skin {
  background: none repeat scroll 0 0 #fff!important;;
}
.fancybox-inner #footer{display:none !important;}

.fancybox-modal tr.validOption { border-bottom: 1px solid #efefef; }
.fancybox-modal tr.validOption:hover { background-color: #f9f9f9; }
.fancybox-modal tr.validOption td { padding: 10px; }
.fancybox-modal input {
    float:none!important;
     clear:none !important;
     min-height: 0px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
     border: none;
     border: 2px solid #efefef;
     transition: ease all 0.2s;
     border-radius: 0px;
     box-shadow: none;
}
.fancybox-modal input:hover{
    border: 2px solid #ccc;
}
.fancybox-modal input:focus{
    border: 2px solid #13a9e1;
}












/* DIV ESPECIALES */
div.clear{clear:both; height:15px; width:100%}



/*INDICADORES Y CUADRO DE MANDOS */
.indicator {
    margin: 0 2px;
    padding: 0 2px;
}
.indicator_value {
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 43px;
}
.indicator_value_big {
    font-size: 3em;
    font-weight: bold;
    padding-top: 40px;
}
.indicator_text {
    padding-top: 10px;
    white-space: normal;
}
.indicator_description {
    white-space: normal;
    color: #aaa;
}


/* Tooltip styling */
[data-tooltip] {
    /*display: inline-block;*/
    position: relative;
    cursor: help;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 1.4;
    min-width: 100px;
    font-weight: normal;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}






/*Alerts bloques información*/
.alertBox
{
	min-height: 20px;
    padding: 0px;
	background-color: #fcf8e3;
    color: #555555;
	 border: 1px solid #faebcc;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	margin-bottom: 4px;
}
.alertBox.dotted
{
	
	 border: 1px dotted #E6DB55;
 
}
.alert
{
	border: medium none;
    box-shadow: none;
    font-size: 0.9em;
    margin-bottom: 0;
    min-height: 20px;
    padding:8px;
}
.alertNoBG
{
    font-size: 11px;
    height: 18px;
    padding-top: 2px;
    position: relative;
    top: 4px;
}
.alertIco
{
	overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
}
.alertDialog35
{
	background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-alertdialog35.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    width: 35px;
}
.alert240 {width:240px;background: none repeat scroll 0 0 #FFFBCC;}

.errorBox {
	min-height: 20px;
    padding: 8px;
	background-color: #FFCCCC;
    color: #555555;
	 border: 1px solid #990000;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	margin-bottom: 4px;
}
.errorBox.dotted { border: 1px dotted #990000; }
.errorTitle {
	overflow: hidden;
    padding: 8px;
	min-height: 35px;
}
.errorIco {
	overflow: hidden;
    padding: 0 8px;
}
.errorBox .errorIco li {
  list-style-type: initial;
  margin-left: 15px;
}
.errorDialog35 {
	background: url("https://s3-eu-west-1.amazonaws.com/cdn.ecixgroup.com/common_CSUITE/1/img/ico-errordialog35.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 35px;
    width: 35px;
}



/*ERROR PAGE*/

.errorPage
{
	width=100%;
	height:50%;
	margin-top:25%;
	font-size:14px;
	text-align:center;
}

#error-box{
	margin-bottom: 150px;
    margin-top: 150px;
    text-align: center;
}
.text-error
{
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 30px;
    width: 100%;
}

.button-error
{
	width:100%;
}

/* VISTA INFORMES */

/*RESPONSIVE AJUSTES VERSION MOVIL*/

@media all and (max-width: 768px) {

    /***************************************************************************
    * ZONA PRINCIPAL BOTONES PIE
    **************************************************************************/
    .box-btn-footer-as { padding: 20px 0px 20px 0px; background-color: #ddd; position: fixed; bottom: 60px; width: 100%; right: 0px; z-index: 30; font-size: 1.2em; }
    .box-btn-footer-as .br-1 { border-right: 1px solid #333; }


	
	
	/* ajustes en table_element */
    table.table_element tr th.th_cols {white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
    table.table_element tr th.td_cols {white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
	table.table_element tr th.th_cols:nth-child(4) { display:none; }
	table.table_element tr td.td_cols:nth-child(4) { display:none; }
	table.table_element tr th.th_cols:nth-child(5) { display:none; }
	table.table_element tr td.td_cols:nth-child(5) { display:none; }
	table.table_element tr th.th_cols:nth-child(6) { display:none; }
	table.table_element tr td.td_cols:nth-child(6) { display:none; }
	table.table_element tr th.th_cols:nth-child(7) { display:none; }
	table.table_element tr td.td_cols:nth-child(7) { display:none; }
	table.table_element tr th.th_cols:nth-child(8) { display:none; }
	table.table_element tr td.td_cols:nth-child(8) { display:none; }
	table.table_element tr th.th_cols:nth-child(9) { display:none; }
	table.table_element tr td.td_cols:nth-child(9) { display:none; }
	table.table_element tr th.th_cols:nth-child(10) { display:none; }
	table.table_element tr td.td_cols:nth-child(10) { display:none; }
}

@media (max-width: 480px) { 
	
	/* ajustes TAMAÑOS FUENTES */
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.0em; }
	h4 { font-size: 1.0em; }
	h5 { font-size: 1.0em; }
	h6 { font-size: 0.8em; }
	
	/* ajustes LAYOUT */
	#principal_contenidos {margin:0px;}
	
	/* ajustes en table_element */
	
	table.table_element tr th.th_cols:nth-child(3) { display:none; }
	table.table_element tr td.td_cols:nth-child(3) { display:none; }
    /* POP-UP HOME */
    #zona_mensajes_pie .mensaje_pie_text { text-align: center; }
}