.gwt-Button{
		
			background-image: url("../images/backBloqueFavoritos.png");
			border-color: #EEEEEE #CDCDCD #CDCDCD #EEEEEE;
		    border-style: solid;
		    border-width: 2px;
		    color: #707173;
		    cursor: pointer;
		    font-weight: 700;
		    padding: 5px 25px;
}


.modal-wait-content{
	text-align: center;
}

.chkHeader{
	width: 10px;
}
.chkHeader:hover{
	width: 50px;
}

.chkHeader[disabled] {
    background-color: #FF0000;
    cursor: progress;
}


@media screen and (min-width: 767px) {
	.modalError { 
	  display: none;  /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 99; /* Sit on top */
	  padding-top: 12%; /* Location of the box */
	  padding-left: 5%;
	  padding-right: 5%;
	  padding-bottom: 5%;
	  left: 0;
	  top: 0%;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	}
	
	
	.modalError-redi { 
	  display: none;  /* Hidden by default */
	  position: absolute; 
	  z-index: 99; /* Sit on top */
	  padding-top: 5%; /* Location of the box */
	  padding-left: 5%;
	  padding-right: 5%;
	  padding-bottom: 5%;
	  left: 0;
	  top: 0%;
	  width: 100%; /* Full width */
	  /* height: 100%;  Full height */
	  overflow: auto; /* Enable scroll if needed */	  
	  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	}
			
	
}

@media screen and (max-width: 767px) {
	.modalError {
		display: none;  /* Hidden by default */
	  	position: fixed; /* Stay in place */
	  	z-index: 99; /* Sit on top */
	  	padding-top: 5%; /* Location of the box */
	  	padding-left: 5%;
	  	padding-right: 5%;
	  	padding-bottom: 5%;
	  	left: 0;
	  	top: 0%;
	  	width: 100%; /* Full width */
	  	height: 100%; /* Full height */
	  	overflow: auto; /* Enable scroll if needed */
	  	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	  
	  	padding-top: 30%;
	}
	
	
	
	.btn-primary{
		min-width: auto !important;
		font-size: 20px !iportant;
	}
}


.modalGraficas { 
	  display: none;  /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 99; /* Sit on top */
	  padding-top: 6%; /* Location of the box */
	  padding-left: 5%;
	  padding-right: 5%;
	  padding-bottom: 5%;
	  left: 0;
	  top: 0%;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}


.modalCboGraficas{ 
  display: none;  /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 12%; /* Location of the box */
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  left: 0;
  top: 0%;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.modal-contentGraficas {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;	  
	  padding: 0;
	  border: 1px solid #888;
	  width: 90% !important;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	  -webkit-animation-name: animatetop;
	  -webkit-animation-duration: 0.4s;
	  animation-name: animatetop;
	  animation-duration: 1.4s;
	  font-size:7px;
	  border-top-left-radius: 40px;
	  border-top-right-radius: 40px;
	  border-bottom-left-radius: 40px;
	  border-bottom-right-radius: 40px;
}
	
	
	
	
	

.lblSeleccionar{
	font-size: x-large;
}

@media screen and (max-width: 767px) {
	.lblSeleccionar{
		font-size: inherit !important;
	}
}

.modalWait{ 
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 20%; /* Location of the box */
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  left: 0;
  top: 0%;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}


.modalFicha {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */  
  padding-top: 5%; /* Location of the box */
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}






.modal-header {
  padding: 2px 16px;
  /*padding: 0px !important;*/
  background-color: white;
  color: #4a4f70;
  text-align: end;
  border-top-left-radius: 40px !important;
  border-top-right-radius: 40px !important;
  border-color: white;
  
}

.modal-body {
	padding: 2px 16px;
	background: white;
	font-size: 13px;
}

.modal-footer {
  /* padding: 2px 16px; */
  background-color: white;
  color: #595a7b;
  padding: 10px !importan;
  
  
  border-style: dotted;  
  border-color: white;  
  border-bottom-left-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
  
  
}

.radioClass{
   border-bottom-left-radius: 40px;
   border-bottom-right-radius: 40px;
}

.tableUnderline TD{
    border-bottom: solid 1px rgba(0, 0, 255, .2) !important;    
    border-bottom-style: ridge;
}



.double-scroll {
    width: 400px;
}


.trHeader{
	/*height: 150px;*/
	vertical-align: baseline;
	background-color: #5fa1d31f !important;
	text-align: center;
	
	font-family: ui-monospace;
}

/*
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgb(0 255 231 / 5%) !important;
}*/


.serieTR{
	/*color: red;*/
}
.medidaTR{
	/*color: blue;*/	
    font-size: 10px;
}
.tematicaTR{
	text-decoration: underline;
}




.mainDiv{
	
	padding-left: 7%;
	padding-right: 6%
}

.panelDescarga{
	display: flex;
	/*background-color: #FFFFFF;*/
	border-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: brown;
	border-width: thin;
}
.lblExcel{
	display: flex;
	align-items: center
}

.txtCpy{
	width: 100%;
    color: #010910;
    border-radius: 10px;
}

.divCenter{
	display: flex;
	align-items: center;
	justify-content: center;
}
.divCenterV{
	padding-top: 2%
}

.imgRedes{	
	width: 65px;
	cursor: pointer;
	/*transition: all 0.4s ease-in-out;*/
	
}
.imgUpload{
	width: 28px;
	cursor: pointer;
}

.imgRedes:hover{	
	/*transform: rotate3d(0,1,0,-180deg);*/
}

@media (min-width: 300px) and (max-width: 768px){
	.imgCompartir{
		width: 35px;
		cursor: pointer;
		 
	}
	
	.imgCompartir:hover{
		
	}
	
	.lblSeriesH{
		font-size: 18px;
		color: #213D66;
	}
	.lblTitulo{
		font-size: 15px;
	}
	.lblSubTitulo{
		font-size: 12px;
	}
}
@media (min-width: 800px) and (max-width: 2000px){
	.imgCompartir{
		width: 35px;
		cursor: pointer;
		/*transition: all 0.4s ease-in-out;*/		 
	}
	
	.imgCompartir:hover{
		/*transform: rotate3d(0,1,0,-180deg);*/
	}
	
	.lblSeriesH{
		font-size: 28px;
		color: #213D66;
	}
	.lblTitulo{
		font-size: 24px;
	}
	.lblSubTitulo{
		font-size: 20px;
	}
}
.imgDescarga{
	width: 30px;
	cursor: pointer
}


.tableContainer {
     width: 30em; 
    overflow-x: auto;
    white-space: nowrap;
    
}


.fontTabs{
	font-size: 20px;
} 
.tabAyuda{
	background-color: #9E1C31 !important;
	color: white !important;	
}

.btnSeries{
	font-size: smaller !important;
	background-color: #9E1C31 !important;
	border-radius: 35px !important;
}

.btnSeries-up {
	font-size: small;
	cursor: pointer;
}


/* Modal Content */
@media (min-width: 300px) and (max-width: 768px){
	
	.modal-content {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;	  
	  padding: 0;
	  border: 1px solid #888;
	  width: 36%;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	  -webkit-animation-name: animatetop;
	  -webkit-animation-duration: 0.4s;
	  animation-name: animatetop;
	  animation-duration: 1.4s;
	  font-size:7px;
	}
	
	.modal-contentRedes {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;	  
	  padding: 0;
	  border: 1px solid #888;
	  width: 90%;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	  -webkit-animation-name: animatetop;
	  -webkit-animation-duration: 0.4s;
	  animation-name: animatetop;
	  animation-duration: 1.4s;
	  font-size:7px;
	  border-top-left-radius: 40px;
	  border-top-right-radius: 40px;
	  border-bottom-left-radius: 40px;
	  border-bottom-right-radius: 40px;
	}
	
	.divContainer{
		/*display: flex; */
		/*overflow-x: scroll;*/
		padding-top: 10px;
		padding-bottom: 10px;		
	}
		
}

@media (min-width: 800px) and (max-width: 2000px){
	.modal-content {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;
	  padding: 0;
	  border: 1px solid #888;
	  width: 90%;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	  -webkit-animation-name: animatetop;
	  -webkit-animation-duration: 0.4s;
	  animation-name: animatetop;
	  animation-duration: 1.4s;
	}
	
	
	
	.modal-contentRedes {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;
	  padding: 0;
	  border: 1px solid #888;
	  width: 60%;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	  -webkit-animation-name: animatetop;
	  -webkit-animation-duration: 0.4s;
	  animation-name: animatetop;
	  animation-duration: 1.4s;
	  border-top-left-radius: 40px;
	  border-top-right-radius: 40px;
	  border-bottom-left-radius: 40px;
	  border-bottom-right-radius: 40px;
	}
	
	
	
	
	.divContainer{
		/*display: flex;     */
		/*overflow-x: scroll;*/
		padding-top: 10px;
		padding-bottom: 10px;
}
	
}




.tooltip-inner{
	max-width: 320px !important;
	/*background-color: #7d3232 !important;*/
}

.divTooltip{
	width: 330px;	
}


.fontRadio{
	font-size: 11px;;	
}

.mainTree{
	overflow-x: auto;
}

.fancytree-container{
	border-style: none !important;
	/*background-color: #F1F3F5 !important;*/
	/*background-color: #F8FDFF !important;*/
	background-color: #FFFF !important;
	
}




@media (min-width: 800px) and (max-width: 2000px){
	font-size: initial;
}



/* FireFox */
.doubleScroll-scroll-wrapper{
	scrollbar-color: #95C7FF  #D8ECF7;
	scrollbar-width: thin;
	border-radius: 50%;
}
.doubleScroll-scroll-wrapper:hover{
	scrollbar-color: #46abe8  #f6e4e4;
	scrollbar-width: initial;
	border-radius: 50%;	
}


.doubleScroll-scroll-wrapper::-webkit-scrollbar {
    /*width: 6px;*/
    height: 3px;
    background: #D8ECF7
}

.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb {
  background: #4e97e9; /*#95C7FF;*/ 
  border-radius: 6px;
}

/* Cambiamos el fondo y agregamos una sombra cuando est� en hover */
.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #46abe8;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.doubleScroll-scroll-wrapper::-webkit-scrollbar:hover {
    background: #f6e4e4;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.doubleScroll-scroll-wrapper:hover::-webkit-scrollbar {
     height: 9px;
}




.custom-close {
  /*height: 16px;*/
  width: 18px !important;
  /*background-image: url("/wps/PA_SaDeInformacionSVN/images/folder-close.png");*/
  /*background-image: url("/images/folder-close.png");*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAntJREFUeNq0k0toE1EUhv+ZiXnUpDFNa9pVI1RpBWtWYhHxtVFRstSFoOtAsIIgrhqLulGh1ZU7QRAUN25EupC4EpHWVIMtUm1STJqEWDJpM4kzc2e896bkUZMSFw4c7mPOfOecf84B/tMjNB6OnJm+cmDYe9ne5YHbZUu8eBVPNryeWng/XugUbGk87B0U/aePOY8Hg2f5OXLjFF8Xv6XQ7+sJ/sqfK5TLZaTTaSwty4mPsWzy0KjEXKKhUCjaFsyeTMmBua8JOC0qbDYbv3PQRS7kAg6HA263G65uL+49foPUKsGHecJcJkbGpk7QiqItwbIi4PazFLSXOWh2K0RiwLVWhL1U/meNm8BMUclOYIoCTFXg8OxgP6wVFb5khgYiNd8KySI8KfP9bNSLuXfeJrDY9CcNE6JOIGkEFmaqjh2qht9ddvw4OASle2fNN6vMYM/+dW6e3Sq7irUHmyYkWr5EM5N0nQbQKVzjxgKujPgh93lalr61YyxbwYJhUIgASaCSCELVRJHL09tTxtFLeXhW89hQ+urf2VK4eGcskssqePtwPvJ3V5i0BApm3W3qVG8OreqtV1LwCq9x4fDApnMdfPI8G4ehifjntdZgljGDc61h0GxJFS6IELV1GKUV6jXQUgoGXf5ebN/HVSilUzAIzUSkkjBpqMa5TBnPny5xP1Z2+Poo30/e/FL4NPvzCd1OtwXXtOaZ1/V2WP3QnHcxE7dCpW2oLDxAeNPf59kXw2Ls2raTV9Wa/URwOVrpzVZWWccD0kLvKJeGRjGJERN1Q5ZEA4ZGEoaSuvro/kagUiHRoqze2jYKnfddHc/scG+AWlv/PwIMABOTHCuQjD3QAAAAAElFTkSuQmCC');
  background-size: 18px 14px;
}
.custom-open {
  height: 18px !important;
   width: 18px !important;
  /*background-image: url("/wps/PA_SaDeInformacionSVN/images/folder-open.png");*/
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiVJREFUeNrEk72O00AUhY/HtrxIBIwIEVAgWCkFSZOCYumWhpo3QLwBKBXVigLRIvEAQMEDUNAhsR1tRLFbRCu8QSgRPxtnE2J77Jnh3gkJmyUBUiBGOrl2xvrmzLkzwD8aDv9cvf64QeXWsbmY1GLtvr0brwr2ftTwyaObW67rQqkCRaFm9fQpL6qc3XleFAX9p8CVFQRBXCqV7MLVajVeBgZDN65dQpIk9llrDWMM8jy/PBqNtjzPs0CuvV4P/X4fnU4H9Xr9XrvdfrYIzlFsvt7eMYPBwIzHY7PqoEUMwcOFjtlNmqbwfR9xHENKyW7nxHMUgY2Exbvi3YVhyJE0CD6LZQbmD7MsQ7lcBrm2C3Es/PwXalQqlafNZvPKlCd+ggvrUghhnaw6arXag0XHbfPh/Y03ippVuXAekt3KjCSR5BJZksLEh7SjlOLKbN3bT7DX0fj6a8s4lhuzKN7tfsGLVxGUR0fOpxNAygMfci2APBHAzQuUPx5g7Vv6O+MWyud+FsX7D0MIboYi0fllebmCL6lpmbSLRPV1DM6d+SN0rnlRZwiHonAILpQD11EwjgMtHHiCq7Dqrl+keYXSweFS6Bz40+cxHAIJbSh5uhyKLg29G4IaWydg7QoMyuFRMMPuHL/23txm2DF3lF3zq8ORTMET14bAJ+PhUSg7bS290tNECB6RYQKbyGi9byhzIXQslG5Nsi/QfXl7u4v/NL4LMABoEJPh+WxntQAAAABJRU5ErkJggg==');
  background-size: 18px 16px;  
}

.custom-paper {
  height: 18px !important;
   width: 18px !important;
  /*background-image: url("/wps/PA_SaDeInformacionSVN/images/folder-open.png")  !important;*/
  /*background-image: url("/images/hoja.png") !important;*/
  background-size: 18px 16px;  
}

.span.fancytree-custom-icon.custom-1 {
  height: 16px;
  width: 16px;
  background-image: url("/images/folder_open.png");
}
.span.fancytree-expanded > span.fancytree-custom-icon.custom-1 {
  background-image: url("/images/folder_open.png");
}


.main-svg{
	/*
	width: 1200px;
	height: 500px;
	background: blueviolet;
	opacity: 0.2;
	*/
}

.sunburstPos{
	display: flex;
	justify-content: center;
}




input[type=checkbox]:disabled:hover  + .tooltiptext  {
	  opacity: 0.8;
      visibility: visible;
}

.tooltipChk {
  position: relative;
  /*display: inline-block;
  border-bottom: 1px dotted black;*/
}

.tooltipChk .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/*
.tooltipChk:disabled .tooltiptext {
  visibility: visible;
}
*/

.btnClose{
	font-size: 3.2em;
	min-height: 0px !important
}

.divTxtCenter{
	text-align: center;
}
.advWait{
	width:80px;
}


.btnRegMain{
	/*padding-left: 40%;*/
 	padding-bottom: 6%;	
}



.div-top-radius{
	border-top-left-radius: 40px !important;
	border-top-right-radius: 40px !important;
}

.wd-15{
	width: 15%
}

.wd-90{
	width: 90%
}




.ico-help{
	color: #788fd0;
	cursor: pointer;
}
.img-series{
	height: 40px;
    width: auto;
}

.d-contents{
	display:contents !important;
}










/*Comienzan estilos btn azul responsivo*/
@media (max-width: 991px){
    .btn-azul{
        width: 40px;
        height: 40px;
        padding: 6px;
    }
    .btn-azul span{display: none;}
    .btn-azul i{
        position: relative;
        margin: 0;
        font-size: 1.5rem;
    }
    .texto-sm-btn-azul{font-size: 0.7rem; color: #293990;}
}

.d-inline-table{
	display: inline-table !important;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgb(111 197 240 / 5%) !important;
	
}


.btn-azul{
    position: relative;
    background-color: #EDF0FF !important;
    border: 2px solid #293990 !important;
    color: #293990 !important;
    -moz-border-radius: 25px !important;
    /*-webkit-border-radius: 25px !important;*/
    border-radius: 25px !important;
}
.btn-azul:hover{background-color: #FFFFFF;}
.btn-azul span{color: #293990; font-size: 0.9rem;}
.btn-azul i{color: #293990;}



@media (min-width: 992px){
    .btn-azul{
        padding-left: 1.3rem !important;
        padding-right: 3.1rem !important;
    }
    .btn-azul i{
        position: absolute;
        margin-left: 8px;
        font-size: 1.5rem;
    }
    .texto-sm-btn-azul{display: none;}
}
/*Terminan estilos btn azul responsivo*/


.indic{
	font-size: 12px;
	
}

.pd-tp-6{
	padding-top: 6%
}