/*body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
color: #00B7FF;
}

*/

@font-face{
     font-family: "Verlag Book";
     src: url('./fonts/Verlag-Book.eot') format('otf');
     src: url('./fonts/Verlag-Book.woff') format('woff');
   
      font-weight: normal;
      font-style:normal;
}
html{
    font-family: 'Verlag Book','Helvetica Neue',Oxygen,sans-serif,Arial,Timeless-Normal,Caecilia,'Helvetica Neue'  !important;
	font-size: 12px !important;

}
/* Width <= 768 pixels */
@media all and (max-width: 1600px) {
    html{
      /*  font-size: 12px !important;*/
        }
}
body{
	margin: 0 !important;
	background-color:#eee !important;
   /*font: 14px "Lucida Grande",'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	/*color:#fff;
	padding: 50px;
	border:10px solid blue;*/
}


header1{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    height: 120px;
    margin: 0;
    padding: 0;
    background: rgba(250,250,250,0.9);
    -webkit-box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
    -moz-box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
    box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 1px solid rgba(150,150,150,0.75);
    left: 50%;
    transform: translateX(-50%);
   /* max-width: 1300px;*/
}
button1 {
padding: 10px 20px;
margin-top: 20px;
margin-bottom: 10px;
background: rgba(250,250,250,0.9);
/*border-bottom: 1px solid red;*/
}
#caja_bt_acceso{
border:0px solid blue;
float:right;
text-align:center;
margin-right:10px; 
max-width:300px
}

a{
  text-decoration: none;
   color:#005085;
}
a:hover{
   cursor: pointer;
   color:#008ed0 ;
}	
table, td, th {
    
padding:5px;
 /* border:1px solid #555;*/
}
th{
   background-color:#ddd;
   color:#555;
   font-size:120%;
  
}
table {
  width: 100%;
  border-collapse: collapse;
}
/******* MODAL UI *******/
.ui-dialog-content {
  	font-family: 'Verlag Book','Helvetica Neue',Oxygen,sans-serif,Arial,Timeless-Normal,Caecilia,'Helvetica Neue';
 
}
/********* LISTAS *********/
.ul_gral li{
/*border:1px solid red;*/
padding:10px 0;
}
/******* TD COL FIJA********/
.td_fija{
background:#eee;
 position:relative; 
 width:45px; 
 right:0;
 top:auto;
 text-align:center;
}
.td_fija_penul{
background:#ddd;
}
/***** Caja Datos USR Sup Derecha ******/
#caja_datos_usr_of365{
    margin:10px;border:0px solid blue;height:90px
}
#caja_datos_usr_of365{
    margin:10px;border:0px solid blue;height:90px
}
#cuadro_usr_of365{
    border: 1px solid #555;
    position: fixed;
    /* margin-right: 10px; */
    top: 85px;
    width: 400px; 
    background-color: #fff;
        right: 1px;

}
.tab_cuadro_usr table, td, th{
    border:0;
    text-align:center;
}
.tab_cuadro_usr th{
    background: #e8eef3; /*#3d6d9c*/;
    /*color:#fff;*/
    padding:4px;
    margin-top:10px;
}
#caja_gest_usr_of365 h3{
    margin:5px;
    margin-bottom:0;
}
#caja_gest_usr_of365 p{
margin:2px;

}
/**** Caja Container ********/
   .menu_ppal li{
        display: initial;
        margin-left:20px;
   }
.capa_container{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-top:120px;
   /*
   border:3px solid blue;
   margin-top:0;
   min-height: 700px;
   background-color:#95a5a6;
   border:3px solid blue;*/
}
.div_ppal {
/*width:95%;*/border:4px solid orange|important;

margin-left:auto;
margin-right:auto;
padding:20px;
min-height:1000px;
background-color:rgba(255,255,255,0.8);
/*display: flex;
margin-top:100px;
flex-direction: column;*/

/*height:380px;*/
overflow:hidden;
    overflow-x: scroll;
    overflow-y: hidden;
/**//*
 background-color:#ddd;*/
}

#div-cuerpo {
 background-color:#eee;
  margin:2%;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  /*padding:5px;
  max-width:1424px;*/
  width:100%;
  /*height:666px;*/
}
	
/********* App SECOT ******/
#caja_datos_usr_of365:hover{
 cursor: pointer;
}
.txt_truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   /* border:1px solid orange;*/
}
/** TR **/
.tr_sele_imp{
    border:3px solid orange !important;
}
/********* App SECOT ******/
.servicios_de_secot{
    /*background-color:#fef2d0;*/
    background-color:#fff3cd;
    }
.ss_gg, .oficina_principal{
    /*background-color:#c0d7ec;*/
    background-color:#f8d7da;
    }
.delegaciones{
    /*background-color:#e4eedb;*/
    background-color:#d1e7dd;
    }
.socios{
    /*background-color:#EBC8F3;*/
    background-color:#e2d9f3;
    }
.aplicaciones{
    background-color:#f9f0f9;
    }
.otros{
    background-color:#fff1ea;
    }
.senior_asesor{
    /*background-color:#f9e5d7;#9ec5fe;*/
    background-color:#cfe2ff;
}
.pruebas{
    background-color:#90aad7;
    color:#fff;
} 
/*****ERRORES *******/
.ok_dato{
    padding:3px;
    background-color:#a2d0a2;
    color:#fff;
}
.error_dato{
    padding:3px;
     background-color:#f0b7b7 !important;
    color:#fff;
}
.error_dato_baja{

     background-color:#990000 !important; /*#f1bebe;*/
    color:#fff !important;
    display:none;
}
.error_ems{
     background-color:#e5cae5 !important; /*purple*/;
   /* color:#fff;*/
}
.error_ems_cambia{
     background-color:yellow !important;/*orange*/;
   /* */color:#fff;
}
.ems_cambia{
     background-color:orange !important;/*orange*/;
   /* */color:#fff !important;
}
.ok_ems{
  background-color:#abd9ab !important;
   /* color:#fff;*/
}
.ok_ems_susti{
  background-color:#cfd8e4 !important;
}
.ok_emp_susti{
  background-color:#eeccbe !important;
}

.error_update{
     background-color:#f1bebe !important;
    color:#fff;
}
/****** CSS QUIEN ES QUIEN ********************************************************************/
#caja_buscador{
   /* border:1px solid green;*/
}
#caja_input_buscador{
    /*border:1px solid red;*/
   /*  width:500px*/padding:10px;
    
   float:left;
}
#caja_botones_buscador{
    /*border:1px solid orange;*/
   /* width:calc(100% - 550px);*/
    float:left;
    padding:10px;
    
}
#busca_quien_es{
    /*margin-left:8px;*/
    padding: 8px;
    font-size: 1.2em;
    width:auto;
    min-width:280px;
    position: relative;
}
#caja_lista_usr{
    float:left;
    overflow: auto;
    height: 400px;
    padding:0px;
    background-color:#fff;
    border:1px solid #888;
    display:none;
    position:absolute;
    z-index: 99;
}
#caja_lista_usr a{
color:#333;
}
#caja_lista_usr a:hover{
color:#000;
}
.ico_vent_modal{
    position:relative;
    margin: 0 6px 0 6px;
    float: left;
    /*padding-right: 10px;*/
    padding:7px;
    top:0px;    
    /*border-radius: 50%;
    background-color:#fff;
    border:1px solid #555;*/
   color:#555 /*#fff*/; 
    width: 30px;
    text-align: center;
    font-size: 1.9em;
}
.ico_busca_usr i.fa-stack { font-size: 1.5em; }
.ico_busca_usr i.fa-stack-2x { font-size: 2em; color:#888}
.caja_reg_busca_usr{
    padding:8px 4px;
    margin:0;
    border-top:1px solid #888;
    /*display: -webkit-box;*/
}
.ico_busca_usr {
    /*position: relative;
    margin: 0 10px 0 8px;*/
    float: left;
    /*padding-right: 10px;
    padding: 7px;
    top: 0px;
     width:auto;*/
    /* border-radius: 50%;
    background-color:#fff;
    border: 1px solid #555;*/
    color: #555; /*#fff*/;
   
    text-align: center;
    font-size: 1.2em;
}
@media (min-width: 768px) {
    .ico_busca_usr {
        margin: 0 0px 0 8px;
    }
}
.txt_busca_usr{
/*float: left;
width:270px;
width:auto;*/
display: grid;
}
.ico_busca_usr i.fa-1x {
font-size: 1.1em;
/*color:red;*/
}
.ico_busca_usr_ant {
    position: relative;
    margin: 0 10px 0 8px;
    float: left;
    /*padding-right: 10px;*/
    padding: 7px;
    top: 0px;
    border-radius: 50%;
    /* background-color:#fff;*/
    border: 1px solid #555;
    color: #555; /*#fff*/;
    width: 50px;
    text-align: center;
}
.txt_busca_usr_ant{
float: left;/**/
display: grid;
width:270px;
}
/*** Ficha Dialog ****/
.caja_titu_usr_dialog{
    border-bottom:1px solid #888;
    font-size: 1.2em;
    /*height: 55px;*/
    padding: 8px;
    
}
.titu_ficha_dialog{
    font-weight: bold;
    border: 1px solid;
    float: inline-end;
    padding: 10px;
}
#ficha_usr_dialog{
/*border:1px solid red;
width:100%;*/
}
/**** Opciones Busquedas *****/
.caja_grupo_opciones_buscador{
    clear:both;
    /*border:1px solid #555;*/
    display: flex;
    padding:2px;
}
.tit_grupo_op{
    float:left;
    font-weight: bold;
   /* font-size: 1.2em;*/
}
span.tit_grupo_op{


}
.tit_op{
    /*color:red;*/
    font-size: .8em;
    padding-right:5px;
}
.opcion_check_buscador{
    float:left;
    padding:0 5px;
}
/***** NAV y MENU ***************/
#nav {
	/*position:relative;
	width:620px;
	margin:0 auto;*/
	height:30px;text-align:left;
	/*!background-color:rgba(0,0,0,0.03);
	 padding-top:7px; */
	padding-bottom:5px;
}
.submenu_sup{
    z-index:62;
    /*background: #d2dfe7; */
   
    display:initial;
  /*  max-width:200px;
    min-width:130px;*/
    width:80% ;
    margin-left:10% ;
   /* 
     border: 1px solid #0367B2;*/
        
    /*border: 1px solid red;
    padding:50px;
    padding-bottom: 0px;*/
    border: 1px solid rgba(150,150,150,0.75);
    border-top: 1px solid transparent;
    border-radius: 0px 0px 9px 9px;
    background:#f0f9fb;
    /*background: #005085;
    #03acdc;*/
    /* set animation */
    -webkit-box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
	-moz-box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
	box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;/* */
    
}
 .submenu_sup img{
  /*border:1px solid red;
  width:50%;
  max-width:100%; 
  max-height:100%;
  margin:auto;
  margin-top:20px;
  display:block;*/
}


ul#navigation {
	/*margin:0px auto;	
	width:100%;
	float:left;
	position:relative;
	border-left:1px solid #c4dbe7;
	border-right:1px solid #c4dbe7;*/
	
}

ul#navigation {
    padding: 0px;
     font-size:0.9em;
}

ul#navigation li {
	display:inline;
	/*font-size:12px;
	font-weight:bold;*/
	white-space: nowrap;
	width:15%;
	/*min-width:102px;*/
	max-width: 200px;
	margin:0;
	/*padding:3px;
	padding-bottom:4px;*/
	float:left;
	position:relative;
	font-size:110%;
	/*border-right: 1px solid #ddd;*/
	border-radius: 9px 9px 0px 0px;
	/*border-top:1px solid #c4dbe7;
	border-bottom:2px solid #c4dbe7;
	border:1px solid orange;*/
}
ul#navigation li:hover {
    /*background: #005085;
     background: #03acdc;*/
     background: #013e62;
     border-radius: 0px 9px 0px 0px;
     padding-bottom: 5px;
     
    
}
ul#navigation li a {
    white-space: nowrap;
	/*color: #005085;
	text-shadow:1px 1px 0px #fff;*/
	text-decoration:none;
	display:inline-block;
	/*color:#616161;
	padding:10px 25px;
	border-right:1px solid #fff;
	border-left:1px solid #C2C2C2;
	border-top:1px solid #fff;
	background: #f5f5f5;
	font-size:105%;
	padding:4px 4px 4px 4px;
	*/
	/*-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	*/
	padding: 3px;
margin: 2px;
}

ul#navigation li a:hover {
	/*background:#f8f8f8;
	
	font-weight:bold;
	 color:#fff;
	 color: #fff;*/
 /*background: #013e62;
	color: #03acdc;*/
	
    cursor:pointer;
	/*border-radius: 9px 9px 9px 9px;*/
	    
    /* border-radius: 9px 9px 9px 9px; 
    padding: 3px;
    margin: 2px;*/
	;
}

ul#navigation li:hover > a {
	/*background:#fff;*/   
	background: #013e62;


	/*border-radius: 9px 9px 9px 9px;*/
	color:#fff;
	white-space: nowrap;
	padding: 3px;
    margin: 2px;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{

	/*width: 150%;*/
	visibility:visible;
	opacity:0.99;
	
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;	 margin-top: 28px;
   /*
    padding: 10px 0 10px 0;   */
	visibility:hidden;
    position: absolute;
    z-index: 99999;
    
	/*
	width:180px;
	background:#f8f8f8;	
	border:1px solid blue;
	*/
	
	width:99%;
		
	-webkit-box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
	-moz-box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
	box-shadow: 7px 7px 7px -7px rgba(150,150,150,0.75);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;/* */
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    /* padding:5px 0px 10px 0px;
   top: 29px;*/
   border-top:1px solid #005085;
   padding:5px 20px 10px 0px;
   top: 6px;
    left: 0;
    /*font-size:0.9em;*/
   
    display: inline-table;
}

ul#navigation ul li ul {
    top: -15px;/**/
     padding:10px 20px 10px 0px;
     left: 95%;
     
     border: 1px solid rgba(150,150,150,0.75);
     border-radius: 0 9px 9px 9px;
     width: 100% !important;
      
}
ul#navigation ul li ul li ul {
    padding:10px 0px 10px 0px;
    border: 1px solid rgba(150,150,150,0.75);  
}

ul#navigation ul li {
    white-space: normal;
	clear:both;
	width:100%;
	border:0 none;

	background-color:transparent !important;
	/*border-bottom:1px solid #c9c9c9;*/
}

ul#navigation ul li a {

	background:none;
	/*color: #fff;*/
	font-size:100%;
	/*text-shadow:1px 1px 0px #fff;*/
	text-decoration:none;
	display:inline-block;
	border:0 none;
	/*float:left;*/
	clear:both;
	width:92%;
	/*margin-left:3%;
	padding:4px 0px 4px 0;*/
	width: 104%;
    margin-left: 5px;
	/*color:#616161;
	border:1px solid green;
	width:150px;padding:7px 15px;*/
}
ul#navigation ul li a:hover {
    background: #013e62;
}
ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}
/******* Caja DATOS (NEW Bootstrap) ******/
.caja_datos_bs{
/*border:red dotted 1px;*/
width:100%

}
.caja_datos_bs .cuadro_input {
    padding-top: 7px;
}
.caja_datos_bs h2 {
    padding:3px;
    margin-top:15px;
}
/********/
label{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-bbva-benton-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/24px;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
   /* padding:17px 0;*/
}
.span_dato_say{
border:0px solid red;
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;

}
form .form-group input{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-35)/var(--unnamed-line-spacing-42) var(--unnamed-font-family-bbva-benton-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-072146);
    text-align: left;
    font: normal normal bold 35px/42px BBVA Benton Sans;
    letter-spacing: 0px;
    color: #072146;
    border: 0;
    box-shadow: none;
    border-bottom: 3px solid #E9E9E9;
    border-radius: 0;
    opacity: 1;
    height: 74px;
}
form .form-group input:focus{
    border-color:#072146;
    box-shadow:none;
}
h3.title-form{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-53)/var(--unnamed-line-spacing-48) var(--unnamed-font-family-bbva-benton-sans);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-072146);
text-align: left;
font: normal normal bold 53px/48px BBVA Benton Sans;
letter-spacing: 0px;
color: #072146;
opacity: 1;
padding: 30px 0;
}

form .form-group select{
    background: #F4F4F4 0% 0% no-repeat padding-box;
border-radius: 17px;
opacity: 1;
height: 74px;
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-bbva-benton-sans);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 20px/24px BBVA Benton Sans;
letter-spacing: 0px;
color: #707070;
opacity: 1;
border:0;
box-shadow:none;
}
/******* Caja DATOS (Antigua APP) ******/
.caja_grupo {
border-top : 1px solid #913333;
margin-bottom : 20px;
}
.caja_cuadro {
padding : 3px 3px 3px 3px;
margin-top : 5px;
margin-bottom : 5px;
background-color : #f5e9e9;
}
.caja_editor {
height : 500px;
width : 100%;
border : 1px dotted #5db0de;
}
.caja, .tablacaja1 {
margin-bottom : 20px;
text-align : left;
padding : 5px 5px 5px 5px;
}
#caja_datos, .tablacaja, .caja_datos {
/*width : 98%;*/

margin-top : 0;
padding : 8px;
padding-left : 10px;
background-color : #fff;
/*font-size : 95%;*/
text-align : left;
overflow : visible;
/*border : 1px dotted #5db0de;
    display: table-cell;*/
    min-width: 300px;
float: left;

}
#caja_datos td, .tablacaja td {
color : #000;
}
.marco_input {

/*display : inline-block;width : 70%;
border : 1px dotted blue;*/

vertical-align : top;
}
.cuadro_input2 {
padding-top:5px
}
.cuadro_input2 {
display : inline-block;
/*border : 1px solid #099;
border : 1px solid #900;
font-size : 13px;
*/
vertical-align:text-top;
width : 100%;
padding:4px;
text-align: left;
}
.cuadro_input2 div1 {
/*
border : 1px solid #900;*/

/*background-color : #f5f5f5;*/
color: #333;
vertical-align:text-top;
padding:1px;
display : inline-block;
}

.cuadro_input2 label {

color: #888;
/*display : inline-block;
font-size : 90%;
border : 1px solid #990;*/
padding-right : 5px;
padding-top : 1px;
padding-bottom : 1px;
padding-left : 3px;
width : 20%;
text-align : right;
vertical-align : top;
font-weight : bold;

}

.caja_campo_pd{
border:1px dotted transparent;
/*font-weight : bold;*/
vertical-align:text-top;
border : 1px solid transparent;
display : inline-block;
}

.caja_dato_bd_con_bt{

padding:1px;
border:1px dotted transparent;
vertical-align:top;
display : inline-block;
}

.caja_dato_bd_con_bt img{
vertical-align:text-top;
}
.input_oculto{
    border:1px dotted transparent;
    display:none;
}
.INPUTferBT1 {
font-family : "lucida grande", "Trebuchet MS",Verdana, Arial, Times New Roman, Helvetica, sans-serif;
background-color : #f5f5f5;
border : 1px solid #999;
color : #000000;
font-size : 10px;
font-weight : normal;
}
.pqINPUTfer {
background-color : #f5f5f5;
border : 1px solid #999;
color : #000000;
/*font-size : 9px;*/
font-weight : normal;
margin-bottom : 1px;
}
.INPUTfer {
font-family : "lucida grande", "Trebuchet MS",Verdana, Arial, Times New Roman, Helvetica, sans-serif;
/*font-size : 12px;*/
cursor : pointer;
color : #333;
font-weight : bold;
font-weight : normal;
border : 1px solid #ddd;
padding:5px;
min-width:10px;;
max-width:100%;
}
/************** INPUTS ****************/

/**** Check Box SWITCH *********/
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 26px;
  vertical-align: middle;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  /*border:1px solid */
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;/**/
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/***** FIN SWITCH *****/
/***********************/
.tabla_lista_usrs table,.tabla_lista_usrs td,.tabla_lista_usrs th {
    
padding:2px;
  border:1px solid #555;
}
.tabla_lista_usrs th{
   background-color:#ddd;
   color:#555;
   font-size:120%;
}
.tabla_lista_usrs table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
} 
/*** LISTA REGISTROS USUARIOS***/
.listado_usr{
padding: 0;
margin: 0;
font-size:110%
overflow-x: scroll;
overflow-y: hidden;
}
.reg_user {

border-bottom:1px solid #888;
/*display:block;
padding:5px;*/
}
.reg_user:hover {
cursor: pointer;
background-color:#ddebf5 !important;
color:#888;
}
.servicios_de_secot{
    background-color:#fef2d0;
    }
.ss_gg, .oficina_principal{
    background-color:#c0d7ec;
    }
.delegaciones{
    background-color:#e4eedb;
    }
.aplicaciones{
    background-color:#f9f0f9;
    }
.otros{
    background-color:#fff1ea;
    }
.senior_asesor{
    background-color:#f9e5d7;
}
.pruebas{
    background-color:#90aad7;
    color:#fff;
}
.error_dato{
     background-color:#f1bebe;
    color:#fff;
}
.error_dato_baja{
     background-color:#990000; /*#f1bebe;*/
    color:#fff;
}
.error_ems{
     background-color:#e5cae5; /*purple*/;
   /* color:#fff;*/
}
.error_ems_cambia{
     background-color:orange; /*orange*/;
   /* */color:#fff;
}
.ok_ems{
  background-color:#abd9ab;
   /* color:#fff;*/
}
.error_update{
     background-color:#f1bebe;
    color:#fff;
}
.ok_dato{
     background-color:#fbd288;
    color:#fff;
}
.aling_left{
    text-align:left;
}
.aling_center{
    text-align:center;
}
.aling_right{
    text-align:right;
}

	a {
  		text-decoration: none;
  		color:#336597;
	}
	a:hover {
  		text-decoration: none;
  		color:#8098be;
	}

   .div-campo_lista{
      flex: 1;
      display:table-cell;
      vertical-align:middle;
      padding:5px;
      float:left;
      text-align:center;
      border:0px solid red;
   }
   .div-registro div{
		
   }
   .cajas_listas{
        /*background:#333;*/
        border:3px solid #888;
   }
   .menu_ppal li{
        display: initial;
        margin-right:30px;
   }
	.div-registro {
    	flex: 1;
    	/*background-color:#ccc;*/	
   }
   .div_campo_detalle{
   display:table-cell;vertical-align:middle;float:left;
   }
   .a_icon{
        margin-left:10px;
   }
   .a_icon:hover{
      cursor: pointer;
   }
   #caja_scroll, .caja_scroll {
   float:left;width:100%;
   height:500px;
   padding:0px;
    width: 100%;
    height: 700px;
    overflow: auto;
    /*
    border: solid 1px #E2EEFC;
    background-color: #fff;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;*/
}

.icon_of365_A:before{ /*Todos*/
content: '\f17a'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:auto;
    /*color:green !important;*/
}
.icon_of365_B:before{ /*Activos*/
content: '\f17a'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:green !important;
}
.icon_of365_C:before{ /*Bajas*/
content: '\f17a'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:red !important;
}

 
.icon_ver_A:before{ /*Todos*/
content: '\f0c0'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:auto;
    /*color:green !important;*/
}
.icon_ver_B:before{ /*Activos*/
content: '\f234'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:green !important;
}
.icon_ver_C:before{ /*Bajas*/
content: '\f235'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:red !important;
}
.icon_ver_ac_A:before{ /*Indistinto*/
content: '\f059'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:auto !important;
    /*color:green !important;*/
}
.icon_ver_ac_B:before{ /*Si Correo Acens*/
content: '\f0e0'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:green !important;
}
.icon_ver_ac_C:before{ /*No Correo Acens*/
content: '\f003'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:red !important;
}
.icon_ver:before {
    content: '\f06e'  !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:green !important;
}
.icon_no_ver:before {
    content: '\f070' ;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right:5px;
    font-size:120%;
    color:red;
}
   .fila_reg{
   border-top:1px solid #888;
   background-color:#fff;/* */
   float:left;
   padding:3px 0;
   width:100%;
   clear:both;
   }   
   .fila_reg_baja{
    background-color:#f4eaea !important;
    display:none;
   /* color:#fff;*/
   }  
   .fila_reg_baja_otro{
    background-color:#ff00007d !important;
   /* color:#fff;*/
   } 
   .usr_of_365.fila_reg_baja_otro{
    background-color:#fff0da;
   /* color:#fff;*/
   }      
   .caja_corte{
    background-color:#555;
    color:white;
    width:100%;
    padding:10px 0;
    border:0px solid blue;
    clear: both;
    }
   .campo_reg{
   /*border:1px solid orange;
   padding:3px;*/
   padding:0 3px;
   float:left;
   }
   .c_email_secot, .email_of365{
    color:blue;
    font-size:110%;
     text-align:center;
   }
   .c_numero{
    color:#fd9b02 /*orange*/;
    text-align:center;
   }
   .c_redireccion{
    color:purple;
     text-align:center;
   }
   .c_alias{
    color:green;
     text-align:center;
   }
   .fecha_de_alta,.fecha_de_baja{
    text-align:center;
   }
 .codigo_de_antena {
     text-align:center;
   }
   .c_e_mail{
    color:red;
    text-align:center;
   }
   .mail_def{
   /* color:red;
    text-align:center;*/
    border:1px solid green;
    padding: 1px 5px;
    
   }
      
   .c_cuenta_activada{
    color:green;
     text-align:center;
    }
    .usr_of_365.fila_reg_baja > .c_cuenta_activada{
    color:red;
    }
   .senior:hover,.usr_of_365:hover,.email_acens:hover{
       /* border:1px dotted green;
       font-weight: bold;*/
       cursor: pointer;
   }
   .caja_enlaces a:hover{
    cursor: pointer;
   }
   .fila_sele{
        border:0px solid black;
         background-color:#ccd3df !important;
         font-size:110%;
         font-weight: bold;
   }
 .fila_reg_tr{
   border:2px solid #888888;
    margin:30px 0;
    
   }
   .fila_reg_tr > td{
   border:0px solid red;
    padding:2px;
   }
   .tr_titulo{
    text-align:center;background-color:#888;color:#fff;font-size:80%
    
   }
   .tr_redirect{
        background-color:#80008030 !important;
        color:#fff;
    }
   .tr_encontrado{
        background-color:#00800029;
        margin-top:5px;
        border:2px solid #888888;
        border-bottom:2px solid transparent;
   }
   .tr_datos_proceso{
   display:none;
   }
   #conta_visibles:hover{
   cursor: pointer;
   }
   .a_sen:hover{
   cursor: pointer;
   }
   .caja_proc_observa{
        padding:5px;
        width:40%;
         font-size:120%;
        /**/float:left;
   }
   .caja_proc_codigo{
       border:0px solid blue;/* */
        text-align:center;
        font-size:140%;
        padding:5px;
        /*width:15%;
        float:left;*/
   }
    .caja_proc_comunicado{
        width:58%;
        border:0px solid orange;
        text-align:center;
       /* font-size:140%;*/
        padding:5px;
        float:left;
    }
   .caja_proceso{
        border:1px solid #555;
        /*display:  contents;*/
        padding:5px;
    }
  
    .informe{
        width: 100%;
        border: 1px solid #8888;
        background-color: #fff;
        margin: 1px 0;
        border-radius: 15px;
        box-shadow: 5px 5px #00000010;
        font-size:120%;
    }
   
   .caja_accion{
   border-top: 1px solid #8888
     /*border: 1px solid #8888;
   padding:10px 0;*/
   }
   .caja_accion p{
    /*border: 1px solid #8888;*/
    padding:0 20px;
   }
 .ui-draggable, .ui-droppable {
	background-position: top;
}
.text-left{
text-align:left !important;
}
.th_order{
text-align:center;
    white-space: nowrap;
/* !important*/
}
.th_order:hover{
 cursor: pointer;
}
.datatable-sort-icon{
color:transparent;
}
.th_order:hover .datatable-sort-icon{
color:#888;
}
.td_oculta{
display:none;
}
.span_link{
 color:#336597;
}
.span_link:hover{
 cursor: pointer;
 color:#8098be;
}