@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');
.table tbody tr.info > td {
    #background-color: #112f5e;
    background-color: #d89000;
}
.fabrik_groupheading {
    color: #ffffff;
}
.fabrik_groupheading .fabrik___rowlink{
    color: #ffffff;
}
.table-hover tbody tr.info:hover > td {
    #background-color: #d89000;
    background-color: #112f5e;
}
a {
	color: #112f5e;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #112f5e;
	text-decoration: none;
}
.container {
	#max-width: 960px;
	width:100%;
}
.body .container {
	border-style: none;
	box-shadow: none;
	padding: 0px;
}
.container {
	/*margin-right: auto;*/
	margin-left: 0;
}
.grafica {
	width:100%;
}
.tabla_informe{
	width: 100%;
	border: 1px solid #333;
	margin:10px;
}
.tabla_informe th{
	border: 1px solid #333;
	text-align: left;
	padding:5px;
}
.tabla_informe td{
	border: 1px solid #333;
	padding:5px;
}
.tabla_informe_cabecera{
	width: 100%;
	text-align: center;
	margin:10px;
}
.informe_seguimiento{
	background-color: #d8ffff;
	padding:10px;
}
.informe h1{
	color: #112f5e;
	text-align:center;
	font-size: 18pt;
}
.informe{
	font-size:12pt;
	font-family: 'ABeeZee', Helvetica, sans-serif;
	color: #333;
}
.resaltar{
	color: #112f5e;
	font-weight: bold;
}
.informe h3{
	color: #112f5e;
}
.add-on + #modlgn-username, .add-on + #modlgn-passwd{
  width: 200px;
}
.conjunto{
    text-align:center;
    }
    .login{
    
    }
.texto{
    
    }
 #contenedor{
    display:flex;
    justify-content:center;
    align-items:center;
    #width:400px;
    }
 #izquierda{
    #width:50%;
    padding: 10px;
 float: left;
    
 }
    #izquierda img{
    width:150px;
    }
 #derecha{
    #width: 50%;
    padding: 10px;
 float: right;
 }
    #derecha img{
    width:150px;
    }
 #separacion{
 padding-bottom:10px; 
 }
input[id^="spoiler"]{
 display: none;
}
input[id^="spoiler"] + label {
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 5px 20px;
    background: #c57e07;
    color: #fff;
    text-align: center;
    font-size: 24px;
    border-radius: 8px;
    cursor: pointer;
    transition: all .6s;
}
input[id^="spoiler"]:checked + label {
    color: #333;
    background: #ccc;
}
input[id^="spoiler"] ~ .spoiler {
    width: 50%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0; 
    padding: 10px; 
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: all .6s;
}
input[id^="spoiler"]:checked + label + .spoiler{
    height: auto;
    opacity: 1;
    padding: 10px;
}
form {
	margin: 0 0 0px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0px 0;
    word-wrap: break-word;
}