/* GLOBAL */

.w5p { width: 5%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w70p { width: 70%; }
.w90p { width: 90%; }
.w95p { width: 95%; }
.w100p { width: 100%; }

.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }

.p10t { padding: 0px 10px 10px 10px; }
.p10 { padding: 10px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }

.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }

.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0; padding-right: 0; }
.row { margin-left: 0; margin-right: 0; }
.zoom50 { zoom: 50%; -moz-transform: scale(0.80);}
.zoom75 { zoom: 75%; -moz-transform: scale(0.80);}
.bold { font-weight: bold; }
.fcb {color: #000;}
.hidding { display:none !important; }
.hiddingDate, .hiddingByTag { display:none;}

.bcg{
	background-color: #f9f9f9;
}

.bcw{
	background-color: #ffffff;
}
.dib { display: inline-block; }
/* Lists */
ul.bullet-list { margin-left: 20px; }
ul.bullet-list li.bullet { padding-left: 20px; margin: 5px 0; }

/* Links */
a.white { color: #fff; }
a.white:hover { color: #fff; }
a.disabled, a.disabled:link, a.disabled:hover, a.disabled:visited, a.disabled:active { cursor: text; text-decoration: none; }


/* Buttons icons */
.icon-button-notas-adjuntos {
	color: #007bc3;
	font-size: 14px;
	font-weight: normal !important;
	display: table-cell;
    vertical-align: middle;
}
.app_button .icon-button-notas-adjuntos { color: #fff; }

table.table th { background-color: #F6F6F6; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; }

.no-break-table,  .no-break-table *, div.descripcion_titulo table.table_element, table.table_element *, .iptable {
    page-break-inside: unset !important;
}
.no-break-table td, .no-break-table tr, .no-break-table th, .no-break-table .box, .no-break-table .box p, .no-break-table .box span, table.table_element tr,
.iptable tr, .iptable td, .iptable th, .iptable .box, table.fell tr, table.fell td, .no-break, .no-break * {
    page-break-inside: avoid !important;
}
.break{ page-break-before: always !important; }


tr > td > div.separator { width: 100%; height: 2px; margin-bottom: 2px; background-color: #007ac3; }
tr > td > div.specific-control { position: absolute; margin-left: -70px; margin-top: -8px; color: #007ac3; font-weight: bold; }

.separator-5p { width: 100%; height: 5px; }
.separator-10p { width: 100%; height: 10px; }
.separator-15p { width: 100%; height: 15px; }
.separator-20p { width: 100%; height: 20px; }


/* riskDATA */
.riskData {
	border-radius: 8px;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}

/* circleDATA */
.circleDataWrapper {
	border-radius: 10px;
	font-size: 12px;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
	margin: 2px;
	text-align: center;
	background-color: #00aff0;
	}
.circleData {
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
	padding: 1px;
}
.fancybox-iframe #main {
    padding:0px!important;
}

/* tipDATA */
.tipData {
	border-radius: 6px;
	font-size: 8px;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}

/* FORMS */
form label { width: 100%; }
form label span { display: block; }
form label.label-checkbox { width: auto; }
form input[type="file"] { height: auto; }
form label.required > span:after {
	color: #FF0000;
	content: "*";
	font-size: inherit;
	margin-left: 2px;
}
form label.required-no-span:after {
	color: #FF0000;
	content: "*";
	font-size: inherit;
	margin-left: 2px;
}
	label.app_button{
				width:auto !important;
	}
input[type="button"].app_button.disabled {
	color: #bbb;
	pointer-events: none;
	border: 1px solid #eee;
}
input[type="button"].app_button:hover{ 
	color: #0099CC;
}
input[type="button"].app_button.disabled:hover {
	color: #bbb;
}
input[type="button"].app_button img{
	vertical-align:middle;
}
input[type="button"].app_button.big{
	line-height: 24px;
	font-size: 12px;    
	height: 26px;
	padding-top: 4px;
	margin-bottom: 4px;
}

input[type="button"].app_button.verybig, input[type="submit"].app_button.verybig{
	font-size: 16px;
	height: 35px;
	padding: 8px 10px 10px;
	line-height: 18px;
}
	input[type="button"]app_button.verybig img, input[type="submit"]app_button.verybig img{
		top:2px;
		position:relative;
	}


input[type="button"].app_button.search, input[type="submit"].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;
}
	input[type="button"].app_button.big > img, input[type="submit"].app_button.big > img {
		top:4px;
		position:relative;
	}

input[type="button"].app_button.search:hover, input[type="submit"].app_button.search:hover{ 
	border-color: #0099CC;
	border-style: solid;
	border-width: 1px;
	color: #0099CC;
}



input[type="button"].app_button.blue, input[type="submit"].app_button.blue
{
	
	background-color: #3797ce;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
	background-repeat: repeat-x;
	border-color: #1976ac;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
	color: #ffffff;
	text-shadow: 0 1px 0 #000, 0 0 0 rgba(255, 255, 255, 0);

}
	input[type="button"].app_button.blue:hover, input[type="submit"].app_button.blue:hover
	{
		background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
		color:#FFF;
	}

/* FORMS FILES DROPZONE  */
.question_type_attached .dropzone {
	border: 3px dashed #39b4e5;
	color: #444;
	line-height: 21px;
	min-height: 120px;
	padding: 10px 10px 5px;
	margin-bottom: 10px;
	margin-top:10px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	z-index: 999;
}
.question_type_attached .dropzone.in {
  border: 3px dashed #ccc;
  display: block;
  opacity: 0.5;
}
.question_type_attached .dropzone.hover {
  border: 3px dashed #444;
  display: block;
  opacity: 1;
}
.question_type_attached .dropzone .dropzone-icon {
	color: #ccc;
	display: block;
	font-size: 4em;
	margin: 0 auto;
	text-align: center;
}
.question_type_attached .dropzone .dropzone-text {
	border-bottom: 1px dotted #efefef;
	color: #ccc;
	display: block;
	margin-bottom: 4px;
}
.question_type_attached .dropzone .fileUpload .upload {
	cursor: pointer;
	opacity: 0 !important;
	overflow: hidden;
	position: absolute;
	width: 150px !important;
}
.question_type_attached .status_imgdiv {
	float: left;
	margin-right: 5px;
}
.question_type_attached .status_filename {
	text-align:left;
	width:100%;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow: ellipsis;
}
.richText h1 {
    border-left: 0px ;
    border-bottom: none;
    color: #000000;
    text-transform: none;
    line-height: 1.2em;
}
.richText h2 {
    border-left: 0px ;
    border-bottom: none;
    color: #000000;
    text-transform: none;
    line-height: 1.2em;
}
.richText h3 {
    border-left: 0px ;
    border-bottom: none;
    color: #000000;
    text-transform: none;
    line-height: 1.2em;
}
.richText h4 {
    border-left: 0px ;
    border-bottom: none;
    color: #000000;
    text-transform: none;
    line-height: 1.2em;
}
.richText h5 {
    border-left: 0px ;
    border-bottom: none;
    color: #000000;
    text-transform: none;
    line-height: 1.2em;
}
.richText h6 {
    border-left: 0px ;
    border-bottom: none;
    color: #000000;
    text-transform: none;
    line-height: 1.2em;
}
/* GLOBAL RISKS DIV ZONE */
div.disableObjects {
	pointer-events:none; 
}
/*
div.checkDumpGlobal {
	padding: 20px;
	display:block;
}
*/
/* SUGGESTION DIV ZONE */
div.resp_suggestions {
	background-color: #ffffee;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	padding: 5px;
	display:none;
}

/* EWIZARD LIST TABLE*/
th .searchGlass{
	background: url("/img/homepage/img-search.png") 5px no-repeat;
	background-size: 20px;
	height: 30px;
	width: 30px;
}

th .searchGlass:hover{
	cursor: pointer;
}

th .orderList{
	height: 20px;
	width: 30px;
}

.orderList.orderNone{
	background: url("/img/img-filter01.png") 5px no-repeat;
	background-size: 20px;
}

.orderList.orderUp{
	background: url("/img/img-filter02.png") 5px no-repeat;
	background-size: 20px;
}

.orderList.orderDown{
	background: url("/img/img-filter03.png") 5px no-repeat;
	background-size: 20px;
}

th .orderList:hover{
	cursor: pointer;
}

/* TABS JQUERY */
#tabs.ui-corner-all, #tabs .ui-corner-all { border: medium none !important; border-radius: none important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;}
#tabs.ui-tabs { padding: 0px !important;}
#tabs.ui-tabs .ui-tabs-nav {
	background: #fff !important;
	border-bottom: 1px dotted #bebebe !important;
	display: block;
	padding: 20px 5px 0 !important;
	/* margin: -10px !important; */
}
.ui-tabs .ui-tabs-panel { padding: 0px 0px;}

#tabs.ui-tabs .ui-tabs-nav li.ui-state-default {      
	background-image: none;
	background: none repeat scroll 0 0 #fff;
	border-color: none;
	border-image: none;
	border-style: solid;
	border-top: none;
	border-left:none;
	border-right:none;
	border-bottom: 5px solid #f8f8f8;
	color:#333333;
	margin: 0px 4px;
	float: none !important;
	display: inline-block !important;
}
#tabs.ui-tabs .ui-tabs-nav li:hover {      
			color:#0099cc;
			border-bottom: 5px solid #0099cc;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 1px;
	border-top: none;
	border-left:none;
	border-right:none;
	border-bottom: 5px solid #0099cc;
	padding-bottom: 0 !important;

}

#tabs.ui-tabs .ui-tabs-nav li a {
	font-size:1.2em;
	font-weight:bold;
	padding: 1em !important;
}

/* Corregir el #tabs.ui-tabs .ui-tabs-nav { margin: -10px !important; } cuando debajo ha un div row */
#tabs.ui-tabs .ui-tabs-panel .row:first-child {
	margin-top: 10px !important;
}

/* JQUERY AUTOCOMPLETE */
/*.ui-autocomplete-loading { background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat }*/
.ui-autocomplete-loading { background: white url("/img/loading_white_16x16.gif") right center no-repeat; }
.ui-autocomplete { max-height: 100px; overflow-y: auto; overflow-x: hidden; }

/* JQUERY UI */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: inherit;
	font-size: inherit;
}

/* CHARTS */
#principal_contenidos .donut {width:200px; height:200px;margin: 0 auto;}
.table-riesgo { margin: 5px auto 5px auto; width: 85%; text-align: center; table-layout: fixed; font-weight: bold; font-size: 16px;}
.table-riesgo th { text-align: center; width: 50%; color: #ffffff;}
.table-riesgo td { background-color: #ffffff;}

table.table-condensed.table-riesgo.total > thead > tr > th {
	font-size: 13px;
	background-color: #007ac3 !important;
}

table.table-condensed.table-riesgo.alto > thead > tr > th {
	background-color: #D64844 !important;
}

table.table-condensed.table-riesgo.medio > thead > tr > th {
	background-color: #FFC000 !important;
}

table.table-condensed.table-riesgo.bajo > thead > tr > th {
	background-color: #A6D937 !important;
}

.complylaw-fieldset-legend {
	border: 0px;
	background-color: #007ac3;
	padding-left: 5px;
	color: #ffffff;
}

/* HEADER */
#zona_logo, #container-logo { top: 5px; padding-left: 10px; width: auto; }
#container-logo-endorso { height: 45px; padding-right: 35px; position: absolute; right: 0; text-align: right; top: 5px; width: auto; }
#container-logo-endorso a img { max-height: 25px;}

#zona_menu .options-contact {
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0px 8px 0px 8px;
	text-align: right;
	top: 0px !important;
	width: auto;
	min-width:50px;
	float: right;
	position: relative;
	cursor: pointer;
	text-align: center;
}


#zona_menu .options-contact:hover { background-color: #005b92 }
#zona_menu .options-contact.dev:hover { background-color: #5b5b5b; }
#zona_menu .options-contact a { color: #fff; display: block; width: 100%; height: 100%; min-width: 30px;}
#zona_menu .options-contact a:hover { color: #fff; text-decoration: none; }

/* HEADER DEV */
#container-logo > a.dev { opacity: 0.3; }
#container-logo-endorso > a.dev { opacity: 0.3; }
#zona_menu.dev { background-color: #aaaaaa !important; }
#menu-navigation .submenu-navigation.dev:hover { background-color: #5b5b5b; color: #fff;}




/* MENU-NAVIGATION */
#zona_menu .bg_laleydigital {
	background: #fff url("/img/menu/bg_laleydigital.png") no-repeat scroll right bottom !important;
}
table.select-cuentas .title-select { padding-top: 10px; font-size: 15px; }
.fancybox-cuentas { padding: 30px; }
.fancybox-cuentas #principal_contenidos { min-height: inherit; margin: 0px; border: none; }
/* MENU TWEAK */
#menu-navigation > li > ul > li > ul.level3 {
	top: 0px !important;
    left: 217px !important;
    margin-top: -4px;
}

#menu-navigation .level2 { cursor: default; }


/* TINY MCE */
.mce-container {border: none !important;}
.mce-menubar {border-top: 2px solid #f2f2f2 !important;}
.mce-statusbar {border-top: 1px solid #fff !important;}
.mce-menu {border: 1px solid rgba(0,0,0,0.2) !important;}
.mce-edit-area {
    background: #FFF;
    width: 98% !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
     -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.mce-content-body {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

/* FOOTER */
body > footer {
	background-color: #fff;
	bottom: 0;
	margin: 0 auto;
	padding-bottom: 0 !important;
	position: fixed;
	width: 100%;
	z-index:999;
}
footer .container {
	padding: 0;
	width: 100%;
}
#footer {
	border-top: 1px solid #ccc;
	background-color: #fff;
	clear: both;
	color: #b8b8b8;
	padding: 5px 0 0 !important;
	position: relative;
	width: 100%;
}

/* BODY */
.ui-menu {
    border: 0px solid #fff;
    border-top: 4px solid #13a9e1;
    border-radius: 0px !important;
    -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;
}
.ui-menu .ui-menu-item a {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 6px;
	padding-left: 6px;
	border-radius: 0px;
	cursor:pointer;
	}	
.ui-menu .ui-menu-item:hover {
    background-color: #F8F8F8;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	margin:auto;
	line-height:inherit;
	border:0px;
	background:none;
	color: #FFF;
	background-color: #005b92;
	border-radius: 0px;
}

form.form_element label.btn-type-radio {cursor: pointer;}
form.form_element label.btn-type-radio:hover {
	background-image: none;
	color: #FFF;
	background-color: #005b92;
	}
.btn-primary a { color: #fff; }

#wrapper #container { width:100%; padding: 0px;max-width: 100%; }
#main.empty { margin-top: 0 !important; }



.buttons-area { padding: 20px 20px 60px; text-align: center; }
div.multiselect-layout { padding: 34px 5px 0px 5px; }
button.multiselect-layout { width: 100% !important; background-color: #efefef; height: 31px; border-radius: 0px; transition: all ease 0.2s; }
button.multiselect-layout:hover { background-color: #13a9e1; color: #fff; }

/* COMMON CLASS */
div.Ntooltip {
	background-color: #f8f8f8;
	border-top: 2px solid #efefef;
	font-size: 0.9em;
	margin-bottom: 10px;
	margin-top: 10px;	padding: 10px;
}

ul.form_error > li {
	border: 1px solid;
	color: red;
	padding: 5px;
}
div.description_titulo  {
	color: #444;
	font-size: 1.8em;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}
div.description_principal  {
	color: #444;
	font-size: 1.2em;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}
div.description_cols .box.round {
	background-color: #f5f5f5;
	color: #444 !important;
	font-size: 1.2em;
	height: 260px;
	max-height: 260px;
	overflow: hidden;
	padding-bottom: 40px;
	text-align: center;
}
div.description_cols .box.round:hover {
	background-color: #eee;
}
div.description_cols .image{
	display: block;
	font-size: 10em;
	text-align: center;
}
div.description_cols .title {
	display: block;
	font-weight: bold;
	margin-top: 20px;
}
div.description_cols .description {
	display: block;
	font-size: 0.8em;
	margin-top: 10px;
	max-height: 40px;
	min-height: 40px;
	overflow: hidden;
}
div.description_cols .button {
	display: block;
	margin-top: 10px;
}

div.form_button {
	border-left: 4px solid #ffba00;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 4px;
}

div.Scroll {
	float: left;
	overflow-y: auto;
	overflow-x: hidden ;
	max-height: 600px;
}
div.separador {
	padding: 20px;
}
div.separadorMin {
	padding: 1px;
}


/* GLYPHICON */
.glyphicon { font-size:1em; position:relative; }
.glyphicon.big { font-size:1.2em; position:relative; top:1px;}
.glyphicon.morebig { font-size:1.5em; position:relative; top:5px;}
.glyphicon.verybig { font-size:2em; position:relative; top:5px;}
span.glyphicon-trash { cursor: pointer; }

/* icon FONT AWESOME */

span.icon {font-size:1.2em;}

.arrow-top {
	display: none;
	padding: 10px;
	background-color: #13a9e1;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 90px;
	right: 20px;
	transition: all ease 0.2s;
}
.arrow-top:hover {
	background-color: #005b92;
}

/* HOME/LOGIN */
#main  .view.login { margin: 0 auto; position: relative; top: 25px; }

#main  .view.login .homePage-login-container {
	background-color: #fff;
	width: 450px;
	z-index: 100;
	padding: 40px;
	margin: 25px auto;
	box-shadow: 0px 0px 50px #ccc
}
#main  .view.login  .homePage-login-container h1 {
	border-bottom: 1px solid #13a9e1;
	font-size: 1.5em;
	margin-top: 0px;
	padding-bottom: 10px;
	text-align: center;
}
#main  .view.login  .homePage-login-container h2 {
	margin-top: 10px;
	font-size:1.2em;
	text-align:center;
}
#main  .view.login .homePage-s2 {padding-bottom:40px;}
#main  .view.login .homePage-s3 {padding-bottom:40px;}
#main  .view.login .homePage-s2 .s2-title h2 {font-size: 3em;}

#main  .view.login .homePage-s2 .s2-desc {
	font-size: 1.4em;
	line-height: 1.8em;
	margin: 0 auto;
	text-align: center;
	width: 80%;
}

#main  .table_element { padding: 2px 8px 2px 80px; }

#main  .table_element td {
	padding: 5px;
}

#main .view.login input[type=checkbox] {
	margin: 0px !important;
}
#main .view.login .required span {
	margin-bottom: 10px;
}
#main .view.login .form-group { margin: 0px; padding-top: 25px; }
#main .view.login label { margin-top: 20px; }

.login-footer span{
	padding-top:10px;
}
.login-footer {
	position: absolute;
	bottom: 135px;
	right:0;
	text-align: center;
	width: 100%;
    height: 45px;
    color:#fff;
    font-size: 1.2em;
}

/* NUEVO LOGIN */

body.login_bg {
	/* background: #2e599d;
	background: -moz-linear-gradient(45deg, #2e599d 0%, #1a93d1 100%);
	background: -webkit-linear-gradient(45deg, #2e599d 0%, #1a93d1 100%);
	background: linear-gradient(45deg, #2e599d 0%, #1a93d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e599d', endColorstr='#1a93d1', GradientType=1);
	background-attachment: fixed;
	height:100%;
	width:100%; */
}
.loginBox {
    /* position: relative;
    top: 0;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 100px;
    width: 90%;
    max-width: 450px;
    height: auto;
    padding: 60px;
    background: #fff;
    
    border-radius: 80px;
    box-shadow: 15px 15px 45px rgba(0, 0, 0, 0.15);
		z-index: 2; */
		/*border-radius: 100px;*/
    /*margin-bottom: 100px;*/
}
/*resaltado focus*/
.loginBox .focusBack {
    border-bottom: 1.5px solid #2659aa;
}
.loginBox .loginLogo {
    position: relative;
    width: 100%;
    height: 55px;
    margin-bottom: 30px;
}
.loginBox input[type="submit"]:hover, .lost-pass-box input[type="submit"]:hover {
	    opacity: 1;
}
.lost-pass-box input[type="submit"]{float:none!important;}
.loginBox input[type="submit"]{
	float: right!important;
}
.loginBox input[type="submit"], .lost-pass-box input[type="submit"]{
    /* display: inline-block;
    margin: auto;
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: 0.5px;
    border: none;
    padding: 15px 30px;
    background: #1a93d1 !important;
    background: -moz-linear-gradient(-45deg, #1a93d1 0%, #2e599d 100%) !important;
    background: -webkit-linear-gradient(-45deg, #1a93d1 0%, #2e599d 100%) !important;
    background: linear-gradient(135deg, #1a93d1 0%, #2e599d 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a93d1', endColorstr='#2e599d', GradientType=1) !important;
    cursor: pointer !important;
    opacity: 0.5;
    border: 0px solid white;
    color: white;
    cursor: not-allowed;
    border-radius: 50px;
		transition: all 0.2s ease-in-out;
		*/
} 

.loginBox input[type="submit"]:focus, .loginBox input[type="submit"]:hover,
.loginBox input[type="submit"]:active {
    outline: none;
    border:0px!important;
}

/*Cajas de input e icono*/
.loginBox .loginUserBox, .loginBox .loginPassBox, .lost-pass-box .loginUserBox {
		width: 100%;
		padding: .375rem .75rem;
		/* height: 50px; */
    /* height: 60px; */
    border-bottom: 1.5px solid #efefef;
    cursor: pointer;
}

.lost-pass-box .loginUserBox input:-webkit-autofill,
.loginBox .loginUserBox input:-webkit-autofill,
.loginBox .loginPassBox input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.loginBox .submitActive {opacity: 1 !important;}
.loginBox .finalBox {
		margin-top: 20px;
    /* width: 100%;
    left: 0;
    margin: auto;
    height: 100%; */
    /*margin-top: 30px;*/
}
.lost-pass-box .loginUserBox div, .loginBox .loginUserBox div, .loginBox .loginPassBox div, .loginBox .loginUserBox:hover div, .loginBox .loginPassBox:hover div, .loginBox .loginUser_Done div, .loginBox .loginPass_Done div {
    position: relative;
		float: left;
		width: 19px;
    /* width: 25px; */
    height: 32px;
    /* margin-top: 13px; */
    background-size: contain!important;
    background-position: left bottom;
    transition: all 0.2s ease-in-out;
}

/*Quitamos el resaltados azul*/
.lost-pass-box .loginUserBox input:focus,
.loginBox .loginUserBox input:focus,
.loginBox .loginPassBox input:focus {
    outline: 0;
    border:0px!important;
}
.lost-pass-box .loginUserBox input:hover,
.loginBox .loginUserBox input:hover,
.loginBox .loginPassBox input:hover {
    outline: 0;
    border:0px!important;
}
/*Iconos Login*/
.lost-pass-box .loginUserBox:hover,
.loginBox .loginUserBox:hover,
.loginBox .loginPassBox:hover {
    border-bottom: 1.5px solid #eee;
    transition: all 0.2s ease-in-out;
}
.loginBox .loginPassBox {
    margin-top: 20px;
}
.lost-pass-box .loginUserBox div, .loginBox .loginUserBox div {
    background: url(../img/login-User-02.svg) no-repeat;
}
.loginBox .loginPassBox div {
    background: url(../img/login-password-03.svg) no-repeat;
}
.lost-pass-box .loginUserBox input, .loginBox .loginUserBox input, .loginBox .loginPassBox input {
    position: relative;
    width: 86%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    /*margin-left: 3%;*/
    background: transparent;
    box-shadow: none;
    outline: 0;
    border: none;
    /* padding-top: 4px; */
    font-size: 1.3em;
    letter-spacing: 0.25px;
}
.loginBox form.form_element label {
    margin-top:0;
    padding-top: 0;
}
.loginBox input[type=checkbox] {
	float:initial!important;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*width: 20px;
    height: 20px;*/
    border-radius: 3px!important;
    border: 2.25px solid #333!important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin-right: 5px;
    width: 22px !important;
    height: 22px !important;
    background:none;
}
.loginBox input[type=checkbox]:hover {
    border: 2.25px solid #424c5a;
}

.loginBox input[type=checkbox]:checked {
    border: 2.25px solid #424c5a!important;
    background: url(..//img/check-07.svg) no-repeat !important;
    background-size: contain!important;
}
.loginBox .checkbox-Box label span {
	display: inline-block;
    position: relative;
    top: -6px;
    font-size: 1.3em;
    color:#000;
}
.loginBox .checkbox-Box a {
    position: absolute;
    right: 15%;
    color: #a2a8ae;
    text-decoration: underline;
}

.loginBox .checkbox-Box a:hover {
    color: #2e599d;
}

.loginBox .checkbox-Box {
    /*display: inline-block;
    height: auto;
    padding-top: 10px;
    width:100%;*/
}
.loginBox .ac {margin-bottom: 27px;}
.login-footer .eLogo-E {
    width: 150px;
    background-size: contain;
    /*position: absolute;*/
    top: 10%;
    bottom: auto;
    left: auto;
    right: 20px;
    margin-bottom: 10px;
    text-align:center;
    
}
.lost_pass {
	margin-bottom: 10px;
	color: #13a9e1;
	/* width: 100%;
    margin-top: 8px;
    
	text-align: right;
    display: block;
    font-size: 14px;
     */
}
.lost-pass-box{
	padding:20px!important;
}
.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}
.fancybox-skin {border-radius: 46px!important;}

input[type="submit"].app_button {
    padding: 12px 40px;
    font-size: 19px;
}

input[type="submit"].app_button_clasic {
    background-color: #13a9e1;
	border: 2px solid #13a9e1;
	color: #fff;
	padding: 10px 15px;
	border-radius: 0px;
	display: inline-block;
	transition: all ease 0.2s;
    font-size: inherit;
}

input[type="submit"].app_button_clasic:hover {
    color: #0099CC;
    background-color: #005b92;

}

.checkbox-Box label {width: auto!important;}

@media (max-width: 768px) {

	.fancybox-type-iframe .fancybox-inner {max-width:100%!important;}
	.fancybox-wrap {width:90%!important;}

	.loginBox {
        padding: 30px;
        border-radius: 60px;
    }

    .loginBox .loginUserBox,
    .loginBox .loginPassBox {
        height: 60px;
    }

    .loginBox form.form_element label {
    padding-top: 8px;
	}

    .lost-pass-box .loginUserBox:hover, .loginBox .loginUserBox:hover, .loginBox .loginPassBox:hover {
    transition: none!important;
	}

	.lost-pass-box .loginUserBox div, .loginBox .loginUserBox div, .loginBox .loginPassBox div, .loginBox .loginUserBox:hover div, .loginBox .loginPassBox:hover div, .loginBox .loginUser_Done div, .loginBox .loginPass_Done div {
    position: relative;
    float: left;
    width: 25px;
    height: 30px;
    margin-top: 9px;
    background-size: contain!important;
    background-position: left bottom;
    transition: none;
}

.checkbox-Box label {
    font-size: 21px!important;
}

    .loginBox .loginUserBox input,
    .loginBox .loginPassBox input {
        width: 82%;
        height: 80%;
        font-size: 1.2em;
       	padding-left: 10px;
	    padding-right: 0px;
	    padding-top: 9px;
	    padding-bottom: 0px;
    }
    
    .loginBox .finalBox{margin-top: 20px;}

    .loginBox .checkbox-Box {
        padding-top: 10px;
    }

    .loginBox .checkbox-Box label span {
        font-size: 0.8em;
        padding-left: 0;
    }

    .loginBox input[type="submit"]{
        padding: 10px 20px;
        font-size: 1.2em;
    }

    .loginBox .loginUserBox div, .loginBox .loginPassBox div, .loginBox .loginUserBox:hover div, .loginBox .loginPassBox:hover div, .loginBox .loginUser_Done div, .loginBox .loginPass_Done div {
    width: 17px;
	}

	.lost_pass {
    margin-top: 0px;}
}


/* eCard Privacy se establece bytag */
#main  div.ecard div.ecard_container	.ecard_image {
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: 50%;		
}

.ecard_image_size  {
	background-position-y: 50%;
	background-size: 22% !important;
}

#main  div.ecard div.ecard_container.GP_CONFIG 			.ecard_image {background-image: url("/img/homepage/ep6-img_config.png");}
#main  div.ecard div.ecard_container.GP_OBJASSESSMENT 	.ecard_image {background-image: url("/img/homepage/ep6-img_evaluaciones-objetivas.png");}
#main  div.ecard div.ecard_container.GP_RESP 			.ecard_image {background-image: url("/img/homepage/ep6-img_dpo-responsables.png");}

#main  div.ecard div.ecard_container.GP_DPO_03 			.ecard_image {background-image: url("/img/homepage/ep6-img_dpo-responsables.png");}
#main  div.ecard div.ecard_container.GP_DPO_04			.ecard_image {background-image: url("/img/homepage/ep6-img_responsable-privacidad.png");}
#main  div.ecard div.ecard_container.GP_DPO_05 			.ecard_image {background-image: url("/img/homepage/ep6-img_responsable-cpd.png");}
#main  div.ecard div.ecard_container.GP_DPO_06 			.ecard_image {background-image: url("/img/homepage/ep6-img_responsable-cpd.png");}
#main  div.ecard div.ecard_container.GP_DPO_07 			.ecard_image {background-image: url("/img/homepage/ep6-img_responsable-cpd.png");}
#main  div.ecard div.ecard_container.GP_DPO_08 			.ecard_image {background-image: url("/img/homepage/ep6-img_responsable-cpd.png");}
#main  div.ecard div.ecard_container.GP_DPO_09 			.ecard_image {background-image: url("/img/homepage/ep6-img_responsable-cpd.png");}
#main  div.ecard div.ecard_container.GP_DPO_010			.ecard_image {background-image: url("/img/homepage/ep6-img_responsable-cpd.png");}
#main  div.ecard div.ecard_container.GP_DPO_011 		.ecard_image {background-image: url("/img/homepage/icon-perfil_comercial.svg");}
#main  div.ecard div.ecard_container.GP_DPO_012 		.ecard_image {background-image: url("/img/homepage/icon-perfil_comercial-admin.svg");}
#main  div.ecard div.ecard_container.GP_DPO_013 		.ecard_image {background-image: url("/img/homepage/icon-perfil_rrhh.svg");}
#main  div.ecard div.ecard_container.GP_DPO_014 		.ecard_image {background-image: url("/img/homepage/icon-perfil_rrhh-admin.svg");}
#main  div.ecard div.ecard_container.GP_DPO_015 		.ecard_image {background-image: url("/img/homepage/icon-perfil_marketing.svg");}
#main  div.ecard div.ecard_container.GP_DPO_016 		.ecard_image {background-image: url("/img/homepage/icon-perfil_marketing-admin.svg");}
#main  div.ecard div.ecard_container.GP_DPO_017 		.ecard_image {background-image: url("/img/homepage/icon-perfil_asesoria.svg");}
#main  div.ecard div.ecard_container.GP_DPO_018			.ecard_image {background-image: url("/img/homepage/icon-perfil_essential.svg");}
#main  div.ecard div.ecard_container.GP_DPO_019			.ecard_image {background-image: url("/img/homepage/icon-perfil_essential.svg");}
#main  div.ecard div.ecard_container.GP_DPO_020			.ecard_image {background-image: url("/img/homepage/icon-perfil_asesoria.svg");}

#main  div.ecard div.ecard_container.GP_AUTHO 			.ecard_image {background-image: url("/img/homepage/ep6-img_autoridad-control.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P01 		.ecard_image {background-image: url("/img/homepage/ep6-img_comunicacion-aepd.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P01_W01 	.ecard_image {background-image: url("/img/homepage/ep6-img_comunicacion-aepd.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P01_W02 	.ecard_image {background-image: url("/img/homepage/ep6-img_brecha-seguridad.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P02 		.ecard_image {background-image: url("/img/homepage/ep6-img_procedimiento-agencia.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P02_W01 	.ecard_image {background-image: url("/img/homepage/ep6-img_procedimiento-agencia.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P03 		.ecard_image {background-image: url("/img/homepage/ep6-img_brecha-seguridad.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P03_W01 	.ecard_image {background-image: url("/img/homepage/ep6-img_brecha-seguridad.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P03_W02 	.ecard_image {background-image: url("/img/homepage/ep6-img_brecha-seguridad.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P03_W03 	.ecard_image {background-image: url("/img/homepage/ep6-img_brecha-seguridad.png");}
#main  div.ecard div.ecard_container.GP_AUTHO_P03_W04 	.ecard_image {background-image: url("/img/homepage/ep6-img_brecha-seguridad.png");}

#main  div.ecard div.ecard_container.X_RISKCALC 		.ecard_image {background-image: url("/img/homepage/ep6-img_riesgo-legal.png");}

#main  div.ecard div.ecard_container.GP_DESIGN 			.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P01 		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P02		.ecard_image {background-image: url("/img/homepage/ep6-img_cultura-privacidad.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P03		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P04		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P05		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P06		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P07		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P08		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P09		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P10		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P11		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_DESIGN_P12		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}

#main  div.ecard div.ecard_container.GP_REQUEST		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_REQUEST_P01_W01		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_CUCO		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_GOVERN		.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}

#main  div.ecard div.ecard_container.GP_ACCOUNT 		.ecard_image {background-image: url("/img/homepage/ep6-img_accountability.png");}

#main  div.ecard div.ecard_container.GP_DEST 			.ecard_image {background-image: url("/img/homepage/ep6-img_destinatarios.png");}
#main  div.ecard div.ecard_container.GP_DEST_P01 		.ecard_image {background-image: url("/img/homepage/ep6-img_destinatarios.png");}

#main  div.ecard div.ecard_container.GP_RIGHTS 			.ecard_image {background-image: url("/img/homepage/ep6-img_tipos-datos.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P01		.ecard_image {background-image: url("/img/homepage/ep6-img_sol-acceso.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P01_W01	.ecard_image {background-image: url("/img/homepage/ep6-img_sol-acceso.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P02		.ecard_image {background-image: url("/img/homepage/ep6-img_sol-rectificacion.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P02_W01	.ecard_image {background-image: url("/img/homepage/ep6-img_sol-rectificacion.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P03		.ecard_image {background-image: url("/img/homepage/ep6-img_sol-supresion.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P03_W01	.ecard_image {background-image: url("/img/homepage/ep6-img_sol-supresion.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P04		.ecard_image {background-image: url("/img/homepage/ep6-img_sol-limitacion.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P04_W01	.ecard_image {background-image: url("/img/homepage/ep6-img_sol-limitacion.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P05		.ecard_image {background-image: url("/img/homepage/ep6-img_sol-portabilidad.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P05_W01	.ecard_image {background-image: url("/img/homepage/ep6-img_sol-portabilidad.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P06		.ecard_image {background-image: url("/img/homepage/ep6-img_sol-oposicion.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P07		.ecard_image {background-image: url("/img/homepage/ep6-img_sol-pendiente.png");}
#main  div.ecard div.ecard_container.GP_RIGHTS_P06_W01	.ecard_image {background-image: url("/img/homepage/ep6-img_sol-oposicion.png");}

#main  div.ecard div.ecard_container.GP_DATATYPE		.ecard_image {background-image: url("/img/homepage/ep6-img_tipos-datos.png");}
#main  div.ecard div.ecard_container.GP_DATATYPE_P01	.ecard_image {background-image: url("/img/homepage/ep6-img_tipos-datos.png");}

#main  div.ecard div.ecard_container.GP_MANAGER 		.ecard_image {background-image: url("/img/homepage/ep6-img_encargado-tratamiento.png");}
#main  div.ecard div.ecard_container.GP_MANAGER_P01		.ecard_image {background-image: url("/img/homepage/ep6-img_encargado-tratamiento.png");}

#main  div.ecard div.ecard_container.GP_TRANSF 			.ecard_image {background-image: url("/img/homepage/ep6-img_transferencia-internacional.png");}
#main  div.ecard div.ecard_container.GP_TRANSF_P01		.ecard_image {background-image: url("/img/homepage/ep6-img_transferencia-internacional.png");}

#main  div.ecard div.ecard_container.GP_SYSTEM 			.ecard_image {background-image: url("/img/homepage/ep6-img_sistemas-informacion.png");}
#main  div.ecard div.ecard_container.GP_SYSTEM_P01		.ecard_image {background-image: url("/img/homepage/ep6-img_sistemas-informacion.png");}

#main  div.ecard div.ecard_container.GP_AARR 			.ecard_image {background-image: url("/img/homepage/ep6-img_analisis-riesgos.png");}
#main  div.ecard div.ecard_container.GP_AARR_P01		.ecard_image {background-image: url("/img/homepage/ep6-img_contexto-pia.png");}
#main  div.ecard div.ecard_container.GP_AARR_P02 		.ecard_image {background-image: url("/img/homepage/ep6-img_realizar-pia.png");}
#main  div.ecard div.ecard_container.GP_AARR_P03 		.ecard_image {background-image: url("/img/homepage/ep6-img_analisis-riesgos.png");}
#main  div.ecard div.ecard_container.GP_AARR_P04 		.ecard_image {background-image: url("/img/homepage/ep6-img_informe-pia.png");}

#main  div.ecard div.ecard_container.GP_TTRR 			.ecard_image {background-image: url("/img/homepage/ep6-img_analisis-riesgos.png");}
#main  div.ecard div.ecard_container.GP_TTRR_P01		.ecard_image {background-image: url("/img/homepage/ep6-img_contexto-pia.png");}
#main  div.ecard div.ecard_container.GP_TTRR_P02		.ecard_image {background-image: url("/img/homepage/ep6-img_informe-pia.png");}

#main  div.ecard div.ecard_container.GP_PURPREPORT		.ecard_image {background-image: url("/img/homepage/ep6-img_informe-pia.png");}

#main  div.ecard div.ecard_container.GP_CPD				.ecard_image {background-image: url("/img/homepage/ep6-img_acceso-cpd.png");}
#main  div.ecard div.ecard_container.GP_CPD_P01_W01		.ecard_image {background-image: url("/img/homepage/ep6-img_acceso-cpd.png");}
#main  div.ecard div.ecard_container.GP_CPD_P02_W01 	.ecard_image {background-image: url("/img/homepage/ep6-img_gestionar-cpd.png");}

#main  div.ecard div.ecard_container.GP_AUDIT			.ecard_image {background-image: url("/img/homepage/ep6-img_derechos-acceso.png");}
#main  div.ecard div.ecard_container.GP_ACCESS			.ecard_image {background-image: url("/img/homepage/ep6-img_acceso-cpd.png");}
#main  div.ecard div.ecard_container.GP_ACTIVITY		.ecard_image {background-image: url("/img/homepage/ep6-img_acceso-cpd.png");}
#main  div.ecard div.ecard_container.GP_CONSERV			.ecard_image {background-image: url("/img/homepage/ep6-img_privacy-design.png");}
#main  div.ecard div.ecard_container.GP_CHECKS			.ecard_image {background-image: url("/img/homepage/ep6-img_check.png");}
#main  div.ecard div.ecard_container.GP_CHECK			.ecard_image {background-image: url("/img/homepage/ep6-img_check.png");}
#main  div.ecard div.ecard_container.GP_VULNER			.ecard_image {background-image: url("/img/homepage/ep6-img_check.png");}
#main  div.ecard div.ecard_container.GP_INCI			.ecard_image {background-image: url("/img/homepage/ep6-img_riesgo-legal.png");}
#main  div.ecard div.ecard_container.GP_EVALU			.ecard_image {background-image: url("/img/homepage/ep6-img_derechos-acceso.png");}

#main  div.ecard div.ecard_container.GP_CONSENTS		.ecard_image {background-image: url("/img/homepage/ep6-img_search-consents.png");}
#main  div.ecard div.ecard_container.GP_CONSENTS_SEARCH .ecard_image {background-image: url("/img/homepage/icons-econsent-gestor_expedientes.svg");}
#main  div.ecard div.ecard_container.GP_CONSENTS_RESP   .ecard_image {background-image: url("/img/homepage/icons-gestion_responsables.svg");}
#main  div.ecard div.ecard_container.GP_CONSENTS_CAT    .ecard_image {background-image: url("/img/homepage/icons-econsent-maestro_consentimientos.svg");}
#main  div.ecard div.ecard_container.GP_CONSENTS_PLAT	.ecard_image {background-image: url("/img/homepage/icons-econsent-gestion_dominios.svg");}

#main  div.ecard div.ecard_container.GP_PROVIDERS   .ecard_image {background-image: url("/img/homepage/icons-gestion_responsables.svg");}


#main  div.ecard div.ecard_container.GP_RISKS			.ecard_image {background-image: url("/img/homepage/ep6-img_riesgo-legal.png");}

#main  div.ecard div.ecard_container.tag_eControls		.ecard_image {background-image: url("/img/homepage/ep6-img_derechos-acceso.png");}


/* ROBINSON */
#main  div.ecard div.ecard_container.GP_CAMPAIGNS   .ecard_image {background-image: url("/img/homepage/poll.svg");}
#main  div.ecard div.ecard_container.GP_FILES   .ecard_image {background-image: url("/img/homepage/document.svg");}
#main  div.ecard div.ecard_container.GP_PLATFORMS   .ecard_image {background-image: url("/img/homepage/icons-econsent-gestion_dominios.svg");}
#main  div.ecard div.ecard_container.GP_RESP_ROB   .ecard_image {background-image: url("/img/homepage/icons-gestion_responsables.svg");}
#main  div.ecard div.ecard_container.GP_PROVIDERS   .ecard_image {background-image: url("/img/homepage/users.svg");}
#main  div.ecard div.ecard_container.GP_PROVIDERS_DATA   .ecard_image {background-image: url("/img/homepage/icons-econsent-gestor_expedientes.svg");}
#main  div.ecard div.ecard_container.GP_LIST_ROB   .ecard_image {background-image: url("/img/homepage/clipboards.svg");}


/* ERROR */
#main-error { margin-top: 0px !important; }
#main .view.error .homePage-bg {
	background: transparent url("/img/homepage/home.jpg") no-repeat scroll center center / 100% auto;
	height: 550px;
	width: 100%;
	margin: 0px;
	padding: 40px 0px 0px;
}
#main .view.error .homePage-error-container {
	background-color: #ededed;
	border: 6px solid rgba(255, 255, 255, 0.5);
	border-radius: 8px;
	width: 70%;
	z-index: 100;
	padding: 20px;
	margin: 0px auto;
	opacity: 0.97;
}
#main .view.error .homePage-error-container .title h1{ font-size: 2.3em !important; }
#main .view.error .homePage-error-container ul { margin-top: 20px !important; }
#main .view.error .homePage-error-container ul li {
	display: block;
	padding: 10px !important;
	list-style: disc !important;
	font-size: 1.2em;
	font-weight: bold;
}

.question_error { border: 2px solid red !important; } 

/* DESCRIPTION COLS */
#main #principal_contenidos .descripcion_cols .desc_entidad { padding: 20px; }
#main #principal_contenidos .descripcion_cols .bb-entidad { height: 2px; width: 20px; background-color: #13a9e1; margin: auto; }
#main #principal_contenidos .descripcion_cols .entidad { font-size: 2.5em; color:#333333; display: block; line-height: 1.4em; padding: 20px 10px 10px 10px;}
#main #principal_contenidos .descripcion_cols .description { font-size: 1.2em; color:#5d5d5d; line-height:1.6em; padding: 10px 10px 20px 10px; display: block; max-height: none;}
#main #principal_contenidos .descripcion_cols { background: #ffffff;}
/*#main #principal_contenidos .descripcion_cols.pcp_right { background: #ffffff url("/img/proyecto/bg_proyecto.jpg") no-repeat scroll right top !important; }*/
#main #principal_contenidos .descripcion_cols table .proyectos-button { padding-bottom: 5px; }
#main #principal_contenidos .descripcion_cols .descripcion_container {height:auto; background: #ffffff;}

/* PAGE */
#main #view-content { margin: 0 0px 180px;}
#main #view-content .row .col-pr40 { padding-right: 40px;}
#main #view-content .row .col-pr20 { padding-right: 20px;}


/* TITLEPAGEMAIN */
#main #principal_contenidos .titlePageMain { border-bottom:1px solid #d8d8d8; }
#main #principal_contenidos .titlePageMain .titlePageMain-glyph { text-align: center; border-right:1px solid #d8d8d8;}
#main #principal_contenidos .titlePageMain .titlePageMain-glyph .image {display: block;font-size: 3em;padding-bottom: 5px;}
#main #principal_contenidos .titlePageMain .title { text-transform: uppercase;}
#main #principal_contenidos .titlePageMain-stats-element span.title {  text-transform: uppercase; font-size: 0.7em;}


#main #principal_contenidos.proyecto-edit { margin-top: 10px; border-top: 1px solid #bebebe !important; margin: 0; padding: 0 10px; }
#main #principal_contenidos.informe-showTableRegss { margin-top: 10px; border-top: 1px solid #bebebe !important; margin: 0; padding: 20px 10px; }

/* TABLE GESTIÓN FINALIDAD */
.td-tablerip-risk { 
	padding: 10px;
	border-bottom: 1px solid #efefef;
}

/* CARGANDO... */
#ajax_loading {
	background-color: #f9edbe;
	border: 1px solid #f0c36d;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	color: #222;
	left: 50%;
	margin-left: -50px;
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	width: 100px;
	z-index: 1000;
}
.ajax_saved { border: 1px solid #d64844; border-top-right-radius: 4px; color: #d64844; font-size: 15px; height: 15px; width: 15px; }

/* CUSTOM FIXES */
.riesgoName { cursor: pointer; }
.riesgoName > span { cursor: normal !important; }
.suggest-mail-element a { cursor: pointer; }
.suggest-resp-element a { cursor: pointer; }
.underline { text-decoration: underline; }
.pointer { cursor: pointer; }
.smt-icon-cog-gear-options-outline-pref { font-weight: normal !important; }

/* BOOTBOX */
/*.modal { direction: rtl; overflow-y: auto; top: 25%;}*/
.modal .modal-dialog { direction: ltr; }
.modal-open { overflow: auto; }
.modal-body.ac { vertical-align: center; }
.modal-footer { margin: 0; }
/* MENSAJES ALERTA */
.danger {
	background-color: #d64844 !important;
	color: #ffffff !important;
	border-color: red !important;
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
	font-size: 12px !important;
}

.caution {
border:2px solid red !important;
font-size: 12px !important;
}

/* LOADING LAYER */
.loading-layer { position: fixed; top:0px; left: 0px; width: 100%; height: 100%; z-index: 10000; background-color: #fff; opacity: 0.7; display: none; background-image: url('/img/loading.gif'); background-repeat : no-repeat; background-position: 50% 48%; background-size: 100px 100px; text-align: center; color: #fff; }
.loading-layer .loading-info { top: 56%; text-align: center; vertical-align: middle; position: absolute; height: 100%; width: 100%; font-size: 2.5em; font-weight: bold; color: #007AC3; }
.loading-layer .loading-detail { top: 59%; text-align: center; vertical-align: middle; position: absolute; height: 100%; width: 100%; font-size: 1.2em; font-weight: bold; color: #007AC3; }

/* LOADING LAYER */
.loading-heatmap-layer { width: 100%; height:200px; z-index: 1000; background-color: #fff; opacity: 0.7; display: none; background-image: url('/img/loading.gif'); background-repeat : no-repeat; background-position: 50% 48%; background-size: 100px 100px; text-align: center; color: #fff; }
.loading-heatmap-layer .loading-heatmap-info { text-align: center; vertical-align: middle; height: 100%; width: 100%; font-size: 2.5em; font-weight: bold; color: #007AC3; }
.loading-heatmap-layer .loading-heatmap-detail { text-align: center; vertical-align: middle; height: 100%; width: 100%; font-size: 1.2em; font-weight: bold; color: #007AC3; }


/* WIZARD */
#principal_contenidos .wizard_container { margin: 2px 0; }
#principal_contenidos .wizard_error {   }
.ninja-label {

}

.label-group {
	text-align: center !important;
	border: none;
	background-color: #efefef;
	margin: 0px !important;
	padding: 20px !important;
	padding-bottom: 20px !important;
	transition: all ease 0.2s;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.ninja-label input[type=radio]:checked {
	background-image: none;
    background-color:#13a9e1;
    color:#fff;
    border-color:#13a9e1;
}

.label-radio-selected {
	background-color: #13a9e1;
    color: #fff !important;
    border-color: #13a9e1;	
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.wizardRadio {
	visibility:hidden;
    width: 0px !important;
}
/*
#div_autocomplete_url {
	display: none;
}
*/

/* LEGAL */
.legal-container { padding: 10px 30px 10px 30px; }
.legal-container ul { padding-left: 30px !important; }
.legal-container ol { padding-left: 30px !important; }
.legal-container ul li { list-style: circle !important; font-size: 12px !important; color: #676767 !important; }
.legal-container ol li { font-size: 12px !important; color: #676767 !important; }

/* RESPONSIBLES */
#main .view.eresponsible-responsibles .responsibles-by-type { margin-bottom: 40px; }



/* LISTADOS CON ELEMENTOS HIJOS DE OTROS ELEMENTOS PADRE */
#principal_contenidos .child, #principal_contenidos .table_element td.child{ padding-left: 20px; }

/* TRATAMIENTOS */
#main #principal_contenidos_proyectos .desc_entidad { padding-top: 30px; }
#main #principal_contenidos_proyectos .entidad { font-size: 2em; color: #333333; display: block; margin: 20px; line-height: 1.4em; }
#main #principal_contenidos_proyectos .description { font-size: 1.2em; color: #5d5d5d; line-height: 1.6em; margin: 20px; display: block; max-height: none; }
#main #principal_contenidos_proyectos .descripcion_cols { height: 356px; background: #ffffff; }
#main #principal_contenidos_proyectos .border-b-blue { width: 20%; height: 2px; background-color: #007ac3; margin: auto; }
#main .table_element { border: 0; }

/*CATEGORIAS DE TRATAMIENTOS*/
.grupo-stats { padding: 0px 10px 10px 20px; font-size: 8pt;}
.grupo-stats .info { margin: 10px 0 5px 0; font-weight: bold; padding: 2px 8px 2px 8px; }
.grupo-table {border-bottom: 0px solid #d8d8d8; margin-top: 40px;}
.grupo-table .grupo { }
.grupo-table .search-children {  font-weight: bold; cursor: pointer; background-color: transparent; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all ease 0.2s; }
.grupo-table .search-children:hover { background-color: #005b92; }
.grupo-table .access-category-data {  font-weight: bold; cursor: pointer; background-color: transparent; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all ease 0.2s; }
.grupo-table .access-category-data:hover { background-color: #005b92; }
.grupo-table a.info.app_button { font-size: 0.9em !important; padding: 2px 34px 2px 34px !important; display: block !important; position: relative !important; float: right !important; margin-right: 6px; }
.grupo-table.grupo-child {}
.grupo-table .grupo-title { padding: 14px; }
.grupo-table span.fa-header-category { padding: 14px 10px 14px 14px; transition: all ease 0.2s; width: 40px; }

.grupo-table  {
    color: #fff;
    height: 40px;
    line-height: 40px;
}



/* UPHASES GROUPS - UPHASES */

#u-phases-groups {
	padding-top: 20px;
}
#u-phases-groups div.fep-titulo  {
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #a2a2a2;
}
#u-phases-groups div.fep-fases-top  {
	height: 40px;
	text-align: right;
	width: 100%;
}
#u-phases-groups div.fep-fases  {
	width:100%;
	background-image: url("/img/lists/fep-fases-bg.jpg");
	background-repeat:repeat-y;
	background-position:right center;
}
#u-phases-groups div.fep-fases .fep-fase-button-container {
	padding-right: 20px;
	width: 100%;
}
#u-phases-groups div.fep-fase-button {
	display: inline-block;
	height: 30px;
	width: 70%;
}
#u-phases-groups div.fep-fase-button a.app_button {
	height: 30px;
	text-align: left;
	width: 99%;
	padding-top:4px;
}
#u-phases-groups div.fep-fase-button input[type="button"] { padding-left: 10px; height: 30px; text-align: left; width: 100%; }
#u-phases-groups div.fep-fase-button input[type="button"].fase-KO { font-weight:normal; }
#u-phases-groups div.fep-fase-button input[type="button"].fase-OK { font-weight:bold; }
#u-phases-groups div.fep-estado {
	float: right;
	height: 30px;
	width: 30%;
}
#u-phases-groups div.fep-estado a { height: 30px; }
#u-phases-groups div.fep-estado .fep-glyph { font-size: 1.5em; position: relative; top: 3px; }
#u-phases-groups div.fep-estado .fep-glyph-chevron { position: relative; top: 2px; }
#u-phases-groups .fep-tooltip {
background: #fff none repeat scroll 0 0;
border: 1px solid #bebebe;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-sizing: content-box;
margin-top: 1px;
padding: 10px;
position: relative;
z-index: 100;
}
#u-phases-groups .fep-tooltip-arrow:before { border-bottom: 10px solid #fff; 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; }
#u-phases-groups .fep-tooltip-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; right:12%; margin-left: -8px; position: absolute; top: -10px; width: 0; }
#u-phases-groups div.fep-fases-interfase  { height: 18px; text-align: right; width: 100%; }
#u-phases-groups div.fep-fases-bottom  { height: 18px; text-align: right; width: 100%; }
#u-phases-groups .a-fase-a { height: 130px; }
#u-phases-groups a.a-fase-a:hover { text-decoration: none; }
#u-phases-groups .a-fase-image { background-color: #19aae1; border-radius: 60px; bottom: 11px; color: #fff; font-size: 36px; height: 60px; line-height: 68px !important; opacity: 1; position: absolute; right: 11px; text-align: center; width: 60px; }

#u-phases-groups .a-fase-desc {  bottom: 15px; font-size: 1.2em;font-weight: bold;height: 40px; padding-left: 2px; padding-top: 10px; position: absolute;text-align: left; width: 80%; z-index: 10;color:#333333; }
#u-phases-groups .a-fase-desc-image {  background: transparent url("/img/lists/bg_fases_desc.png") repeat-y scroll center top / 100% auto; bottom: 15px;display: block;height: 40px; position: absolute; width: 90%;  left: 9px;}
#u-phases-groups .a-fases { border: 4px solid #FFF !important; margin:5px; height:160px; overflow:hidden; background: transparent url("/img/lists/bg_fases.png") repeat-y scroll top center / 100% auto; }
#u-phases-groups .a-fases:hover { border: 4px solid #333 !important; }

#u-phases-groups .a-fases.cog {  background: transparent url("/img/lists/bg_desc2.jpg") no-repeat scroll center top / 100% auto; }
#u-phases-groups .a-fases.fire {  background: transparent url("/img/lists/bg_iden2.jpg") no-repeat scroll center top / 100% auto; }
#u-phases-groups .a-fases.flash {  background: transparent url("/img/lists/bg_impl2.jpg") no-repeat scroll center top / 100% auto; }
#u-phases-groups .a-fases.file {  background: transparent url("/img/lists/bg_file2.jpg") no-repeat scroll center top / 100% auto; }
#u-phases-groups .a-fases.file.other-icon {  background: transparent url("/img/lists/bg_file2a.jpg") no-repeat scroll center top / 100% auto; }
#u-phases-groups .a-fases.edit {  background: transparent url("/img/lists/bg_impl2.jpg") no-repeat scroll center top / 100% auto; }

#u-phases-groups .a-fases.advanced-1-contexto-organizacion {  background: transparent url("/img/lists/bg_desc2.jpg") no-repeat scroll center top / 100% auto !important; }
#u-phases-groups .a-fases.advanced-2-cultura-compliance {  background: transparent url("/img/lists/bg_cc.jpg") no-repeat scroll center top / 100% auto !important; }
#u-phases-groups .a-fases.advanced-3-identificacion-riesgos {  background: transparent url("/img/lists/bg_iden2.jpg") no-repeat scroll center top / 100% auto !important; }
#u-phases-groups .a-fases.advanced-4-mapa-riesgos {  background: transparent url("/img/lists/bg_file2a.jpg") no-repeat scroll center top / 100% auto !important; }
#u-phases-groups .a-fases.advanced-5-implantacion-controles {  background: transparent url("/img/lists/bg_impl2.jpg") no-repeat scroll center top / 100% auto !important; }
#u-phases-groups .a-fases.advanced-6-informe-controles {  background: transparent url("/img/lists/bg_file2.jpg") no-repeat scroll center top / 100% auto !important; }

#u-phases-groups .advanced-2-cultura-compliance { background-image: url('/img/lists/fase-cultura-compliance.svg'); background-repeat: no-repeat; background-position: center; background-size: 50px 50px; }

#u-phases-groups .a-fase-image .glyphicon { font-size: 40px; margin: 8px 0 0 3px; text-align: center; }

.uStepDescription > div p { margin-bottom: 0px; background-color: #f9f9f9; padding: 10px !important; border-bottom: 2px dashed #ccc; }

/* FILTROS */
.filter-content h4 { margin-bottom: 10px; }
.filter-content .colour-risk { font-size: 1.2em; }
.filter-content .row-colour-risk { border-bottom: 1px solid #ccc; }
.filter-content .row-colour-risk h4 { margin-bottom: 0px; }
span.filter-toggle { transition: all ease 0.2s; }
span.filter-toggle:hover { color: #13a9e1; }
#id_lista_riesgos .box-apply-all { background-color: #efefef !important; padding: 10px; }
.box-filter { padding: 10px; }

/* MAPA DE CALOR */
.box-dashboard { padding: 50px 0px; }
#heatmap {
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
	padding: 20px;
}
#heatmap tbody{ border: 2px solid #fff; }
#heatmap tr { border: 2px solid #fff; }
#heatmap tr:last-child { border: 0px; }

#heatmap td { font-size: 1.0em; font-weight: bold; color: #000; background-color: #efefef; padding: 8px 0px; text-align: center; border: 2px solid #fff; border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; transition: all ease 0.2s; cursor: auto !important;}
#heatmap td.legend { color: #333; background-color: #efefef; padding: 8px 0px; text-align: center; transition: all ease 0.2s; }
#heatmap td:last-child { border: 0px; }
.table-heatmap td.legend, .table-heatmap td{
	font-size: 1.2em;
}
#heatmap td:hover { background-color: #ccc; cursor: pointer; }

.tooltip-heatmap .tooltip-heatmap-text {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: left;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    margin-top: 12px;
    max-width: 220px;
    width: -moz-max-content;
    width: max-content;
}
.tooltip-heatmap:hover .tooltip-heatmap-text {
	visibility: visible;
}

/* MANUAL DE AYUDA */
.content.manual h1 {
	margin-bottom: 20px;
	color: #13a9e1;
}
.content.manual h3 {
	margin-bottom: 20px;
	margin-top: 30px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
}
.content.manual p.subtitle-manual {
	font-weight: bold;
	margin-top: 20px;
	color: #13a9e1;
	font-size: 14px;
}

/* NEWS - Versión */
.views.news { padding: 0px 50px; }
.views.news h1 { color: #13a9e1; padding: 20px 10px; }
.views.news #titulo h1 { background-color: #f9f9f9; border-bottom: 2px solid #efefef; }
.views.news h3 { margin-bottom: 40px; border-bottom: 1px solid #efefef; padding-bottom: 10px; }

.views.news .news-info { padding-bottom: 30px; }
.views.news .news-info .news-title { font-size: 1.4em; margin-bottom: 10px; }
.views.news .news-info .news-title .glyphicon { color: #13a9e1; font-size: 0.9em } 

/* PROYECTO - index */
/*
#main .view.proyecto .modules-global-div { padding: 0px 20px 10px 10px;}
#main .view.proyecto .modules-global { font-size: 0.8em;margin: 0 0 0 1px; padding: 5px;}
#main #principal_contenidos_proyectos .desc_entidad { padding-top: 40px; }
#main #principal_contenidos_proyectos .entidad { font-size: 2em; color:#333333; display: block;margin: 20px 20px 40px; line-height: 1.4em;}
#main #principal_contenidos_proyectos .description { font-size: 1.2em; color:#5d5d5d; line-height:1.6em;margin:20px; display: block; max-height: none;}
#main #principal_contenidos_proyectos .description_cols {height:356px; background: #ffffff;}
#main #principal_contenidos_proyectos .description_cols.pcp_right { background: #ffffff url("/img/lists/bg_proyecto.jpg") no-repeat scroll right top !important; }
#main #principal_contenidos_proyectos table .proyectos-button { padding-bottom: 5px; }
#main #principal_contenidos_proyectos .description_container {height:auto; background: #ffffff;}


.showTableRegs-container { display: block; }
.showTableRegs-table td { padding: 0px 0px 5px 10px; }
.showTableRegs-table .showTableRegs { padding: 5px 5px 10px 20px; }
.showTableRegs-table .toggle { font-size: 13px; font-weight: bold; cursor: pointer; }
.showTableRegs-table .info { border: 1px solid #d8d8d8; display: inline-block; padding: 2px 8px 2px 8px; margin-left: 2px; }
.showTableRegs-table a.info.app_button { font-size: 12px !important; padding: 2px 34px 2px 34px !important; display: block !important; position: relative !important; float: right !important; margin-right: 6px; }
.showTableRegs-header {	background-color: #ffffff; color: #000000; padding: 5px; cursor: normal; font-weight: bold;}
.showTableRegs-header a { color: #000000; }
.showTableRegs-header .showTableRegs-title { margin-right: 2px; font-size: 14px; }
.showTableRegs-items { padding: 5px 0px 0px 30px; display: none; }
.showTableRegs-name { font-family: 'Fira', sans-serif !important; font-weight: bold; }
div.showTableRegs-stats { margin: 8px 0px -10px 20px; }

#main #principal_contenidos_proyectos .primera-vez {
	color: #5d5d5d;
	display: block;
	font-size: 1.2em;
	line-height: 1.6em;
}

#view-content.proyecto-index .infografia-container { position: relative;	text-align: center; overflow: hidden; margin-top: 20px; }
#view-content.proyecto-index .tag-container {
	position: absolute;
	top: 0px;
	z-index: 10;
	display: none;
	width: 100%;
}
#view-content.proyecto-index .tag {
	background-color: #000;
	opacity: 0.8;
	color: #FFFFFF;
	font-weight: bold;
	width: 100%;
	max-width: 365px;
	margin: 55px auto 0 auto;
	min-height: 200px;
}
#view-content.proyecto-index .tag p {
	display: inline-block;
	font-size: 1.2em;
	color: #fff;
	z-index: 11;
	margin: 15% auto;
	opacity: 1;
	cursor: pointer;
}
#view-content.proyecto-index .tag p:hover { text-decoration: underline; }
#view-content.proyecto-index .infografias .infografias_width { max-width: 365px; }
#view-content.proyecto-index table a { font-weight: bold; }
*/

/* PROYECTO - edit */
/*
#main #principal_contenidos table tr.modulos-lista-select {
	border-bottom: 1px solid #ccc;
	border-left: 8px solid
}
#main #principal_contenidos table tr.modulos-lista-select:hover { 
	cursor: pointer;
	background: #f8f8f8 none repeat scroll 0 0;
}

#main #principal_contenidos table tr.modulos-lista-select:last-child {
	border-bottom: medium none;
}
#main #principal_contenidos table tr.modulos-lista-select td {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
}
#main #principal_contenidos table tr.modulos-lista-select:first-child td {
	padding-top: 4px;
}
#main #principal_contenidos table tr.modulos-lista-select .modulos-lista-title {
	font-size: 1.5em;
}


#main #principal_contenidos .difProyecto{
	position: relative;
	top: -70px;
	z-index: 501;
}
#main #principal_contenidos div.proyectoForm .pmore {
	border-right: 1px solid #999;
	margin-right: 5px;
	padding-right: 5px;
}
#main #principal_contenidos div.proyectoForm .pmore:last-child {
	border-right: none;
}

*/

/* PREGUNTA */
/*
#main #principal_contenidos div.isChildQuestion { margin-left: 80px; }
#main #principal_contenidos div.isChildQuestion::before {
	border-color: transparent #006699;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	content: "";
	margin-left: -15px;
	margin-top: 4px;
	position: absolute;
}
#main #principal_contenidos div.isChildQuestion label {
	font-weight:normal;
	padding-top:0px;
}

#main #principal_contenidos div.isParentQuestion {
	margin-top: 5px;
}

#main #principal_contenidos .tableRIP .titleRIP { background-color: #f8f8f8; }
#main #principal_contenidos .tableRIP .class_select_impactos { width: 110px; }
#main #principal_contenidos .tableRIP .class_select_probabilidades { width: 110px; float: left; }
#main #principal_contenidos .tableRIP .divProbabilidadClass { background-color: #f40000; float: left; height: 20px; margin-top: -21px; opacity: 0.2; width: 110px; }
#main #principal_contenidos .tableRIP .class_select_pdca { width: 100px; }
#main #principal_contenidos .tableRIP .class_select_modulos { width: 170px; }
*/

/* RIESGOS */
/*
#main #principal_contenidos div.riesgoContainer { margin-top: 10px; margin-left: 40px; }
#main #principal_contenidos div.riesgoContainerG {margin-bottom: 40px; }
#main #principal_contenidos div.riesgoContainerR {margin-left: 40px; }
#main #principal_contenidos div.riesgoContainer span.difRiesgo-container .tipData { bottom: 1px;    padding-left: 4px;position: relative;}
#main #principal_contenidos div.ebRiesgoContainer { margin-left: 60px; }
#main #principal_contenidos div.bRiesgoContainer { margin-left: 60px; }
*/

/* MEDIDAS */
/*
#main #principal_contenidos div.medidaContainer { margin-left: 60px; margin-top: 10px; }
*/

/* RECOMENDACIONES */
/*
#main #principal_contenidos div.recomendacionesContainer { margin-left: 0px; margin-top: 0px; }
#main #principal_contenidos div.recomendacionesContainer .recomendacionesDetail td.firstglyph {font-size: 1.4em;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesDetail td.firstline {font-size: 0.8em;} 
#main #principal_contenidos div.recomendacionesContainer .recomendacionesTitle {padding-bottom: 10px;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesTitle span.tit {font-size:1.1em;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesMore .riskGroupLine th {
	border-top: medium none;
	font-weight: normal;
}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesMore .rmore.risk { font-size:0.8em; color:#333;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesMore .rmore.riskGroup { font-size:0.8em; color:#333;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesMore .rmore.dateLimit { font-size:0.8em; color:#333;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesMore .rmore.userAssigned { font-size:0.8em; color:#333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:130px;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesDetailGlyph {font-size:2.4em;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesMore .EstrellaTodos {font-size:0.8em; left: 10px;position: relative;top: 1px;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesTareasButton {margin-bottom: 2px; }


#main #principal_contenidos div.recomendacionesContainer .status {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	display: block;
	float:left;
	height: 16px;
	width: 16px;
	margin-top: 2px;
}

#main #principal_contenidos div.recomendacionesContainer .statusdisabled {
	background-color: #cccccc;
	border: 1px solid #ccc;
	display: block;
	float:left;
	height: 16px;
	width: 16px;
	margin-top: 2px;
}

#main #principal_contenidos div.recomendacionesContainer .status:hover {
	background-color: #ececec;
	border: 1px solid #666;
	cursor:pointer;
}
#main #principal_contenidos div.recomendacionesContainer .status .icon-accept-check-ok-outline-tick {
	position: relative;
	top: -2px;
	left: 1px;
	color: #222;
}
#main #principal_contenidos div.recomendacionesContainer .dataTotal {
	background: #234c90 none repeat scroll 0 0;
	border-radius: 50px;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	line-height: 1em;
	padding: 1px 5px;
}

#main #principal_contenidos div.recomendacionesContainer .recomendacionesStatus { margin: 0 auto; }

#main #principal_contenidos div.recomendacionesContainer .glyphicon.glyphicon-ok {
	color:#333;
	font-size: 1.3em;
	left: 1px;
	position: relative;
	top: -2px;
}



#main #principal_contenidos div.recomendacionesContainer .glyphicon.glyphicon-star, #main #principal_contenidos div.recomendacionesContainer .glyphicon.glyphicon-star-empty {
	font-size: 1.5em;
	left: 1px;
	position: relative;
	top: 1px;
}

#main #principal_contenidos div.recomendacionesContainer tr.showTrOptions div.trOptions { display:none; padding-right: 4px; text-align:right;}
#main #principal_contenidos div.recomendacionesContainer tr.showTrOptions:hover { background:#f8f8f8 none repeat scroll 0 0; }
#main #principal_contenidos div.recomendacionesContainer tr.showTrOptions:hover div.trOptions { display:block;}


#main #principal_contenidos div.recomendacionesTareasContainer fieldset { margin-top:0px; margin-bottom:20px;font-size: 10px; }
#main #principal_contenidos div.recomendacionesTareasContainer fieldset legend { font-size: 9px;}
#main #principal_contenidos div.recomendacionesFiltro select {
	clear: none !important;
	float: none;
	height: 22px;
	margin-right: 4px;
	vertical-align: middle !important;
	width: auto;
}

#main #principal_contenidos div.recomendacionesContainer .recomendacionesTareasList {padding-left: 5.4%;padding-bottom: 10px;}
#main #principal_contenidos div.recomendacionesContainer .recomendacionesTareasList .tarea_text {font-size:0.8em;max-width: 100px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

div.recomendacionesContainer table.table_element thead th { background-color: #85BC20; color: #fff !important; text-shadow: none; }
*/

/* TRISTATE */

.tristate:hover { cursor: pointer; }
.tristate-item { width: 16px; height: 16px; display: inline-block; }
.layer-tristate .tristate-item { display:block; margin: 6px; width: auto !important; background-position: left; background-repeat: no-repeat; }
.layer-tristate .tristate-item:hover { background-color: #efefef; }
.tristate-item:hover { cursor: pointer; }
.pdca-container { line-height: 14px; }
.tristate-item.disabled { opacity: 0.7 !important; }
.tristate-item.disabled:hover { cursor: not-allowed !important; }
.tristate-layer-close { background-image: url('/js/tristate/assets/close.png?v=5'); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: -10px; }
.tristate-layer-close:hover { cursor: pointer; opacity: 0.8; }
.layer-tristate:after { /*content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 9px solid transparent; border-right-color: #e1e1e1; border-left: 0; margin-top: -9px; margin-left: -9px;*/
	content: '';
	position: absolute;
	left: 50%;
	top: 0%;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-right-color: #e1e1e1;
	border-left: 0;
	margin-top: -9px;
	margin-left: 0px;
	transform: rotate(90deg);
}

/* BASE TASKS */
.base-tasks { margin-top: 20px; }
.base-tasks table thead th { background-color: #007AC3 !important; text-align: center; }
.base-tasks table.base-tasks-table thead th { text-align: left !important; }
.pdca-box { width: 140px; height: 140px; padding: 20px; cursor: pointer; margin: 30px auto; }
.pdca-box.arrow { opacity: 0.4; transition: all ease 0.2s; background-size: 180px !important; background-position:50% 50% !important; }
.pdca-box.arrow:hover { opacity: 1; }
.pdca-box.arrow.left { background: url('/img/assistant/control-arrow-left.png'); margin-right: -45px; }
.pdca-box.arrow.right { background: url('/img/assistant/control-arrow-right.png'); margin-left: -45px; }
.pdca-box.control.disabled { opacity: 0.2; transition: all ease 0.2s; }
.pdca-box.control.disabled:hover { opacity: 0.4; }
.pdca-box.pdca-p { background: url('/img/assistant/img-control-p.png'); background-size: cover; }
.pdca-box.pdca-d { background: url('/img/assistant/img-control-d.png'); background-size: cover; }
.pdca-box.pdca-c { background: url('/img/assistant/img-control-c.png'); background-size: cover; }
.pdca-box.pdca-a { background: url('/img/assistant/img-control-a.png'); background-size: cover; }


.policy-disabled { opacity: 0.5; }

.input-unchecked { width: 16px; height: 16px; display: inline-block; background: url(/js/tristate/assets/no.png); }
.input-unchecked:hover { cursor: pointer; }
.input-checked { width: 16px; height: 16px; display: inline-block; background: url(/js/tristate/assets/yes.png); }
.input-checked:hover { cursor: pointer; }

/* ERECOMMENDATION - EDIT */
.erecommendation-edit #tabs.ui-tabs .ui-tabs-nav { background-color: #f8f8f8 !important; padding: 8px 0px 0px 0px !important; border-bottom: none !important; }
.erecommendation-edit #tabs.ui-tabs .ui-tabs-nav li.ui-state-default { background-color: transparent; margin: 0px; }
.erecommendation-edit .wizardAutocomplete { background-color: #fff; }
.erecommendation-edit .policy-toggle-list { border-bottom: 2px solid #13a9e1; }
.erecommendation-edit .policy-toggle-list td { padding-bottom: 5px; }
.erecommendation-edit span.chevron-right { font-weight: bold; }

.erecommendation-edit table.table_element thead th { color: #fff !important; background-color: #13a9e1; }
.erecommendation-edit .base-tasks table thead th { background-color: #13a9e1 !important; }
/* MIS TAREAS */
/*
#main #principal_contenidos div.misTareasContainer { margin-left: 0px; margin-top: 0px; }
#main #principal_contenidos div.misTareasContainer div.misTareasDetail-container { border-bottom: 1px solid #ededed; padding-top: 40px;}
#main #principal_contenidos div.misTareasContainer div.misTareasDetail-container:first-child { padding-top: 20px; }
#main #principal_contenidos div.misTareasContainer div.misTareasDetail-container:last-child { border-bottom: none;}
#main #principal_contenidos div.misTareasContainer td.firstglyph {font-size: 1.5em;}
#main #principal_contenidos div.misTareasContainer .misTareasList:hover { background-color: #f8f8f8;}
#main #principal_contenidos div.misTareasContainer .misTareasList span.tit {font-size:1.1em;padding-bottom: 10px;display:block;}
#main #principal_contenidos div.misTareasContainer .misTareasMore {font-size: 0.8em;} 
#main #principal_contenidos div.misTareasContainer .misTareasMore .tmore { border-right: 1px solid #999;margin-right: 5px;padding-right: 5px;}
#main #principal_contenidos div.misTareasContainer .misTareasMore .tmore:last-child { border-right: none;}
#main #principal_contenidos div.misTareasContainer .misTareasStatus .status { font-size: 0.9em;font-weight: bold;}
#main #principal_contenidos div.misTareasContainer .misTareasStatus .statusText { font-weight:bold; text-align: center;  }
*/

/* MIS TAREAS - vista tipo mail */
/*
#main #principal_contenidos div.misTareasContainer .mytask-tlZ {height: 50px;}
#main #principal_contenidos div.misTareasContainer .mytask-tlZ .mytask-tlZ-risk { bottom: 0; display: block; position: absolute; width: 100%; }
#main #principal_contenidos div.misTareasContainer .mytask-tlZ .mytask-tlZ-risk .tlZ-risk-title {font-size:1.2em;}
#main #principal_contenidos #id_lista_mistareas .stats-container {font-size:0.8em;}
#main #principal_contenidos #id_lista_mistareas .stats-tareas {margin-right:5px;}
*/

/* REPOSITORIO */
.view .repositorio table.table_element tbody tr td:last-child { border-color: #fff !important; }
#search { width: 50%; background: url(/img/images/search.png) no-repeat; background-size: 20px 20px; background-position: right; background-origin: content-box; }
#search.searching{ background: url(/img/loading.gif) no-repeat; background-size: 26px 26px; background-position: right; background-origin: content-box; }
#tree { width: 100%; }
#tree a { color: #55b949; }
#tree .search-result .node-icon { color: #55b949; }
a.tree-download { color: #008bce !important; float: right; font-size: 18px; text-decoration: none; }
#tree .node-selected a { color: #ffffff !important; }
#tree .info-img { display: inline-block; background-image: url('/img/images/ico05.png'); background-size: 16px 16px; background-position: bottom; background-repeat: no-repeat; width: 20px; height: 20px; margin-bottom: -2px; margin-left: 5px; cursor: default; }
#tree .node-selected .info-img { background-image: url('/img/images/ico06.png'); }
#tree .node-selected { color: #ffffff !important; }
#tree .node-selected.search-result .info-img { background-image: url('/img/images/ico06.png') }
#tree .node-selected.search-result > span.icon { color: #ffffff !important; }
#tree .node-disabled { display: none; }

.docsmanager-tree { width: 49%  !important; float: left; margin-right: 5px}
#files{width: 50%  !important;
}
.docsmanager-explorer{
	min-height: 42px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
	box-shadow: 0 1px 2px rgba(0,0,0,.075);
	float: left;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 7px;
	height: 100%;
}

td.loading { height: 26px; background: url(/img/loading.gif) no-repeat; background-size: 20px 20px; background-position: right top; background-origin: content-box; }
tr.loading { opacity: 0.6; }
a.loading{ display: none; }


/* SRC */
/*
#main #principal_contenidos th.src { color:#008bce; font-size:0.8em; }
#main #principal_contenidos td.srcValue { color:#008bce; font-size:0.8em; }
*/

/* MATRIZ IMPACTO */
/*
table.table_impacto { width: 95% !important; margin: 0px auto; border-collapse: collapse; box-sizing: border-box; table-layout: fixed; }
table.table_impacto th, table.table_impacto td { padding: 5px; white-space: pre-wrap !important; }
table.table_impacto thead tr th.blue { background-color: #007ac3 !important; color: #fff !important; font-weight: bold; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
table.table_impacto tbody tr td { border-right: 1px solid #d1d1d1; }
table.table_impacto tbody tr td { border-bottom: 1px solid #d1d1d1; }
table.table_impacto tbody tr td:first-child { border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
table.table_impacto tbody tr td.green { background-color: #a6d937; color: #fff !important; font-weight: bold; text-align: center; }
table.table_impacto tbody tr td.yellow { background-color: #ffe500; color: #fff !important; font-weight: bold; text-align: center; }
table.table_impacto tbody tr td.orange-soft { background-color: #ffc000; color: #fff !important; font-weight: bold; text-align: center; }
table.table_impacto tbody tr td.orange-hard { background-color: #ff8c00; color: #fff !important; font-weight: bold; text-align: center; }
table.table_impacto tbody tr td.red { background-color: #d64844; color: #fff !important; font-weight: bold; text-align: center; }
table.table_impacto thead tr th:last-child { border-right: 1px solid #007ac3; }
table.table_impacto tbody tr:last-child { border: none; }
table.table_impacto tbody tr:last-child td:first-child { border-bottom: 1px solid #d64844; }
p.matriz-impacto { margin-top: -10px; font-size: 14px; }
*/

/* COLORES MATRIZ IMPACTO */
/*
.matriz-green { color: #a6d937 !important; }
.matriz-yellow { color: #ffe500 !important; }
.matriz-orange-light { color: #ffc000 !important; }
.matriz-orange-dark { color: #ff8c00 !important; }
.matriz-red { color: #d64844 !important; }

.matriz-br4-green { border-right: 4px solid #a6d937 !important; }
.matriz-br4-yellow { border-right: 4px solid #ffe500 !important; }
.matriz-br4-orange-light { border-right: 4px solid #ffc000 !important; }
.matriz-br4-orange-dark { border-right: 4px solid #ff8c00 !important; }
.matriz-br4-red { border-right: 4px solid #d64844 !important; }
*/
/*
.bg-green { background-color: #a6d937 !important; }
.bg-orange { background-color: #ffc000 !important; }
.bg-red { background-color: #d64844 !important; }
*/
/* INFORME RIESGOS */
/*
.sanciones .sanciones-item { margin-bottom: 30px; }
.sanciones .sanciones-item:last-child { margin-bottom: 0; }
*/

/* USUARIOS */
tr.red { background-color: #d64844 !important; color: #fff; }
.users-box { margin-right: 32px; font-size: 12.8px; padding: 5px; }


@media (max-width: 991px) {
	/* CUSTOM FIXES */
	#main #principal_contenidos .titlePageMain .titlePageMain-glyph { border-right:none; }

	/* COMMON CLASS */
	#main #view-content .modules-global { display:block;}
	
	/* PAGE */
	#main #view-content .row .col-pr40 { padding-right: 0px;}
	#main #view-content .row .col-pr20 { padding-right: 0px;}
}


/* UWIZARD */
#view-html th, #view-html td{
	border:1px solid black;
	text-align: center; 
	height: 80px;
}

#view-html thead td, #view-html thead th{
	padding: 0 5px;
}

#view-html thead tr:nth-child(2n) {
	background-color: #F8F8F8;
}



/* C3 JS CHARTS */
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #000;
    font-size: 12px;
}
/*
#id_e_categories_processings option[title] {
	position: relative;
}

#id_e_categories_processings option[title]:hover:after{
	content: attr(title);
    position: absolute;
    display: block; 
	border: 2px solid #ccc;
	background-color: #fff;
	padding: 1%;
	z-index: 999;
	border-radius: 4px;
	color:#555 !important;
	font-size: 14px !important;
}*/

.label-group[data-riesgo='4'],.label-group[data-riesgo='5'],.label-group[data-riesgo='x2'],.label-group[data-riesgo='6'],.label-group[data-riesgo='8'],.label-group[data-riesgo='10']{
	color: #ff6300;
}

.label-group[data-riesgo='4']:hover,.label-group[data-riesgo='5']:hover,.label-group[data-riesgo='x2']:hover,.label-group[data-riesgo='6']:hover,.label-group[data-riesgo='8']:hover,.label-group[data-riesgo='10']:hover{
	color: #ff6300;
}

#multiselect_to_1 option, #id_e_categories_processings option{
	position: relative;
}

/************************** DATATABLES***********************************/
.pagination-table-custom tr:nth-child(2n) {
    background-color: #fdfcfc;
}
.pagination-table-custom, .pagination-table{
	padding: 2px 0px 2px 0px !important; 
}

.pagination-table-custom thead .sorting, .pagination-table  thead .sorting{
    background-size: 25px !important; 
    margin-left: 0px;
    padding-left: 0px; 
}
.pagination-table-custom thead .sorting_asc, .pagination-table-custom thead .sorting_desc, .pagination-table  thead .sorting_asc, .pagination-table thead .sorting_desc {
    background-size: 25px !important; 
}
.pagination-table-custom thead th,.pagination-table-custom thead td,.pagination-table thead th,.pagination-table thead td {
    padding: 5px 5px !important; 
}
.pagination-table-custom thead th i, .pagination-table  thead th i{
	width: 20px;
	display: inline-table;
}
.pagination-table-custom thead th p, .pagination-table thead th p{
	/*width: -moz-max-content;
	width: -webkit-max-content;*/
	margin: 0px;
}

.dataTables_scrollBody .pagination-table-custom thead th {
	line-height: 0;
	opacity:0.0;
	width: 0px;
	height:0px;
}
.pagination-table-custom thead tr th{
	background-color: #f6f6f6 !important;
	/*border-right: 1px solid #989898 !important;*/
}


.searchTable .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #13a9e1!important; 
	color: #fff!important; 
	cursor: pointer;
	transition: all ease 0.2s;
	background-color:  #13a9e1 !important; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,  #13a9e1 ), color-stop(100%, #13a9e1))!important; 
	background: -webkit-linear-gradient(top,  #13a9e1 0%, #13a9e1 100%)!important; 
	background: -moz-linear-gradient(top,  #13a9e1 0%, #13a9e1 100%)!important; 
	background: -ms-linear-gradient(top,  #13a9e1 0%, #13a9e1 100%)!important; 
	background: -o-linear-gradient(top,  #13a9e1 0%, #13a9e1 100%)!important; 
	background: linear-gradient(to bottom,  #13a9e1 0%, #13a9e1 100%)!important; 
}
.searchTable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: #13a9e1!important; 
	color: #fff!important; 
	cursor: pointer;
	transition: all ease 0.2s;
	background-color: #005b92 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,  #005b92 ), color-stop(100%, #005b92))!important; 
	background: -webkit-linear-gradient(top,  #005b92 0%, #005b92 100%)!important; 
	background: -moz-linear-gradient(top,  #005b92 0%, #005b92 100%)!important; 
	background: -ms-linear-gradient(top,  #005b92 0%, #005b92 100%)!important; 
	background: -o-linear-gradient(top,  #005b92 0%, #005b92 100%)!important; 
	background: linear-gradient(to bottom,  #005b92 0%, #005b92 100%)!important; 
}

.searchTable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	float: none !important;
	clear: none !important;
	min-height: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	border: 2px solid #efefef;
	transition: ease all 0.2s;
	border-radius: 0px;
	box-shadow: none;
	color: #333;
}


.searchTable .dataTables_length label{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	color: #333;
	font-weight: normal;
}

.dataTable_filters {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    padding: 15px;
    background-color: #424c5a;
    margin: 0 auto;
}

.searching_mtp{
	margin-top: 10px !important;
}

.advancedSearch_input {
	background: transparent;
    border-bottom: 1px solid #80808054 !important;
    border-style: none none solid none !important;
}

.close_filters {
	margin-top: 24px;
    margin-left: 5px;
}

.label_no_margin {
    margin-top: 0px !important;
}

.img-logo-home{
	padding: 2%;
	vertical-align: middle;
}

.verticalTableHeader{
    width: 1.2em;
    white-space: nowrap;
    text-decoration:none;
    margin-left: 5px;
    color: #000;
    display: block;
    /*Firefox*/
    -moz-transform: rotate(192deg);
    /*Safari*/
    -webkit-transform: rotate(192deg);
    /*Opera*/
    -o-transform: rotate(192deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;
}

.container_DT {
	width: 100%;
    max-width: 980px;
/*    overflow-x: auto;
    white-space: nowrap;*/
}

.nobuttons_style{
	border: none !important;
    border-radius: 0px !important;
    background-color: #e9e9e900 !important;
    background-image: none !important;
}

.buttons-container {
    clear:both;
    margin-bottom:1em;
}
.buttons-container div.dt-buttons {
    float:none;
}

.bottom_aligne {
	position: relative;
}

button.special_toggle.active{
    color: white;
    background-image: -webkit-linear-gradient(top, #13a9e1 0%, #13a9e1  100%) !important;
    background-image: -moz-linear-gradient(top, #13a9e1 0%, #13a9e1  100%) !important;
    background-image: -ms-linear-gradient(top, #13a9e1 0%, #13a9e1  100%) !important;
    background-image: -o-linear-gradient(top, #13a9e1 0%, #13a9e1  100%) !important;
    background-image: linear-gradient(to bottom, #13a9e1 0%, #13a9e1  100%) !important;
    border: 0px !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px !important;
}
button.special_toggle{
    color: black;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
    border: 0px !important;
    border-radius: 1px solid #9999994a !important;
}

.filter_toTop {
	top: -5px;
}


.container-logo-list img{
	height: 45px;
	width: auto;
}

.ecix-btn_white {
	background-color: #fff!important;
    color: #424c5a !important;
    padding: 3px;
    transition: all ease 0.2s;
}

.ecix-btn_transp {
	color: #ffffff !important;
    padding: 3px;
}

.inputs_h_size {
	height: 35px;
	padding: 6px !important;
}
.cutText{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:140px;
}

.cutText_format_sort{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 40px;
}
/************************** FIN DATATABLES ***********************************/


.logo-client{
	height: 40px;
	width: auto;
}

.child-element{
	margin-top: 10px;
	padding-top: 5px;
	border-top: 2px solid #f6f6f6;
}
.father-element{
	vertical-align: top;
}
.child-element, .father-element{
	height: 40px;
}
.trat-asoc{
	text-align: left;
	position: absolute;
	padding: 10px;
	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;
}
.toggle-trat{
	cursor: pointer;
}


/*********************** CUSTOM GRAFICS *******************************/
.cel-chars{
	padding: 15px;
	
}
.apexcharts-canvas {
	border-radius: 10px;
	box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.08);
	background-color: #fff;
}
.apexcharts-legend-series {
    padding-top: 5px !important;
}

.cel-father-chars{
	display: inline-block;
	width: 49%;
}
.cel-father-chars-map{
	width: 100%;
	display: grid;
}

.highcharts-container{
	display: inline-block;
	height: 420px !important;
}

.eriskBarGrafics .apexcharts-canvas, .total-grafics-grafics .apexcharts-canvas{
	border-radius: 0px !important;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08) !important;
background-color:#fff;
}


.chart_risklevel #chart_risklevel-content{
	width: 180px;
	text-align: center !important;
	max-height: 100px !important;
	display: block;
	padding-left: 10%;
}
/*
.highcharts-background{
	padding-bottom: 10px;
}
.highcharts-subtitle{
	padding-top: 10px;
}*/

.total-text-grafics{
	font-size: 48px;
	color: #01a7e0;
	padding-top: 30px;
}
.text-grafics{
	color: #01a7e0;

}
.total-text-grafics .total-title-grafics{
	font-size: 20px;
	padding-left: 12%;
	padding-top: 10%;
	font-weight: bold;
}
.total-text-grafics .total-number-grafics{
	font-size: 26px;
	padding-left: 12%;
	padding-top: 5%;
	font-weight: bold;
}


.cel-graphics-data{
	background:#fff;
	border-radius: 10px;
	margin: 10px;
	color:#01a7e0 ;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.08);
}

.cel-graphics-data .graphics-icon{
	width: 25%;
	padding: 10px;
	display: inline-block;
	text-align: center;
}

.graphics-icon p{
	width: 74%;

	vertical-align: bottom;
	color:#fff ;
}

.cel-graphics-data {
	display: flex;
	padding: 5px;
}

.cel-graphics-data img{
	padding: 0px;
	width: 60px;
	border-radius: 10px;
	background:transparent;

}


/*************** CONSULTAS ************************/

.uQuestion .uWizardTitle{
    font-weight: bold;
    padding-left: 1%;
}

.uQuestion .row:first-child {
    margin-top: 0px !important;
}

.uQuestion .uWizardTitle::after { 
  content: "";
}

.uQuestion:hover, .uQuestion:focus, .uQuestion:active{
	color: #13a9e1;
	cursor: pointer; 
}

.question_group{
	padding-bottom: 20px;
}

.c-1-color { 
	background: #4ead5b; 
	width: 20%;
	left: 0%;
}
.c-2-color { 
	background: #fffd54; 
	width: 20%;
	left: 20%;
}
.c-3-color { 
	background: #f6c243; 
	width: 20%;
	left: 40%;
}
.c-4-color { 
	background: #b02418; 
	width: 20%;
	left: 60%;
}
.c-5-color { 
	background: #4c100b; 
	width: 20%;
	left: 80%;
}


.responsible_figure_card{
	background-color:rgba(0,0,0,0.10)!important;
}
.leter_figure{
	position: absolute;
	right: 20px;
}



/*NEW LOGIN 2020 ----------------------------------*/
body.login_bg {
	padding: 0;
	background: rgb(2,0,36);
	/* background: linear-gradient(-45deg, rgb(240, 240, 240) 0%, rgb(228, 228, 228) 50%, rgba(6, 49, 129, 0.68) 100%); */
	background: linear-gradient(51deg, #063181, #ffffff);
	background-size: 400% 400%;
	-webkit-animation: gradient 14s ease infinite;
	-moz-animation: gradient 14s ease infinite;
	animation: gradient 14s ease infinite;
	overflow: hidden;
	min-width: 320px;
}

.empty#main{
	/* justify-content: center;
	align-items: center;
	display: flex;
	height: calc(100vh - 100px); */
	padding: 0 !important;
  display: inherit;
}

/*buttons -----*/
.btn-info2 {
	color: #fff;
	background-color: #00a8e0;
	border-color: #00a8e0;
}
.btn-info2:hover {
	color: #fff !important;
	background-color: #027ea8;
	border-color: #027ea8;
}
.btn-ecix-blue, .loginBox input[type="submit"], .lost-pass-box input[type="submit"] {
	background: #063181 !important;
	border: 0;
	padding: .675rem .75rem;
	font-size: 1.4rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-ecix-blue:hover,.loginBox input[type="submit"], .lost-pass-box input[type="submit"]:hover {
	color: #fff !important;
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn-block {
	display: block;
	width: 100%;
}

/*alerts*/
.alert2 {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.alert-danger2 {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

/*Flex grid ---------- */
.new_login.loginWrap .col {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.d-flex {
	display: -ms-flexbox!important;
	display: flex!important;
}
.d-flex-column{
	-ms-flex-direction: column;
  flex-direction: column;
}
.justify-content-center {
	-ms-flex-pack: center!important;
	justify-content: center!important;
}
.align-items-center {
	-ms-flex-align: center!important;
	align-items: center!important;
}

/*spaces*/
.mt4 {    margin-top: 1.5rem!important;}

/*Login ---------- */
.new_login.loginWrap{
	position: relative;
	z-index: 2;
	align-items: center;
	height: 80vh;
}
.new_login .card.cardLogin {
	position: relative;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	width: 100%;
  max-width: 420px;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.08);
	border: 0;
	border-radius: 10px;
	padding: 2.10rem 2.10rem;
	margin: auto;
}
@media (max-width: 768px) {
	/* .new_login .card.cardLogin { max-width: 500px; } */
}
@media (max-width: 576px){
	.new_login .card.cardLogin { max-width: 300px; }
}

.new_login .cardLogin .card-body {
	padding: 1.15rem 1.15rem;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
}
.new_login .cardLogin .logoLogin img { max-width: 70%; }

.new_login .cardLogin .checkbox-Box label input[type=checkbox]{
	border-radius: 3px;
	border: 1px solid #b5b5b5 !important;
	width: 15px !important;
	height: 15px !important;
}
.new_login .cardLogin .checkbox-Box label span {
	font-weight: 400;
	font-size: 1.1em;
	color: #000;
	vertical-align: top;
	top: inherit;
}

/*FOOTER*/
.mainFooter {
  background: white;
  min-height: 50px;
  padding: 20px 0;
  width: 100%;
  margin-top: 30px;
  position: absolute;
  bottom: 0;
}
.mainFooter img{ width: 120px; margin-right: 2rem; }
.mainFooter p{
	font-weight: 700;
	font-size: 15px;
	color: black;
	margin-left: 2rem;
}

@media (max-width: 768px){
	.new_login.loginWrap .loginBox form.form_element label {
		padding-top: 0;
		margin-right: 0;
    display: inline-flex;
	}
	.new_login.loginWrap .loginBox .checkbox-Box label span {
		font-size: 0.7em; 
	}
}/*768*/
@media (max-width: 420px){	
	.mainFooter { padding: 0 15px; }
	.mainFooter img {
		width: 70px;
		margin-right: 1rem;
	}
	.mainFooter p{ margin-left: 1rem; font-size: 14px;}
}/*420px*/

/* ANIMATIONS --------------------------------- ---------- */
/*background gradient animation*/
@-webkit-keyframes gradient {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}
@-moz-keyframes gradient {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}
@keyframes gradient {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}

/* BG ANIMATION squares ---------- */
.login_bg .bg-bubbles {
  position: fixed;
  top: 0;
  left: 0;
	width: 100vw;
	height: 100vh;
  z-index: 0;
}
.login_bg .bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.login_bg .bg-bubbles li:nth-child(1) {
  left: 10%;
}
.login_bg .bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.login_bg .bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.login_bg .bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.nlogin_bg .bg-bubbles li:nth-child(5) {
  left: 70%;
}
.login_bg .bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.login_bg .bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.login_bg .bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.login_bg .bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.login_bg .bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}

/*X ANIMATION AND CHECK CUANDO RECUPERA PASS ----*/
.svgAnimation_error svg, .svgAnimation_ok svg {
  width: 80px;
  display: block;
  margin: 40px auto 0;
}
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}