#SJmodalBG {
	width: 100% !important;
    background-color: #111;
    opacity: 0.9;
    overflow: hidden;
    z-index: 1001;
}
#SJmodalFG {
	inset: 0 !important;
    margin: auto 0;
    overflow-x: hidden;
    padding: 0;
    text-align: left;
    z-index: 1002;
    box-sizing: border-box;
}
#SJmodalImg{
	float:left;
	margin-right:15px;
}
.SJmodalTabla {
	border: 1px solid #000000;
    background-color: #FFFFFF;
    border: 6px solid #BDCDF5;
 }
.SJmodalTitle  {
	background-color: #E5ECF9;
    cursor: default;
    font-size: 1.2em;
    font-weight: bold;
    margin: 4px;
    padding: 8px;
    text-align: left;
    height: 25px;
}
.SJmodalText {
margin: 0px 25px;
   padding: 0px 15px 15px 15px;
   background-color: #FFFFFF; 
}

.SJmodalPie  {
	background-color: #E5ECF9;
    margin-top: 4px;
    padding-top: 8px;
    height: 25px;
}

#select_report {
	width: 30%;
}

#show_report {
	width: 70%;
}

@media (max-width: 767px) {
	.SJmodalTabla {	
		table-layout: fixed;
		width: 100% !important;
	}
	
	#select_report,
	#show_report {
		width: 100%;
	}
	
	#SJmodalText > table.cpc:first-of-type tbody tr {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
}
}