html,body{
    height: 100%;
}
.body-background{
    background-image: url(../imagenes/DIA39qdW0AAz_w3.jpg)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-attachment: fixed!important;
    background-size: cover!important;
}
.marquee{
    box-shadow: #000000 0px 0px 10px 0px;
    background-color: #4e73df;
    padding: 10px;
    color: white;
}


.collapse-item{
    white-space: initial !important;
}
.d-logo{
    font-size: 0.70rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.d-logo a{
    color: white;
}
.d-logo a:hover{
    text-decoration: none;
    color: white;
}
.CSSTableGenerator thead tr:first-child td{
    background-color: var(--red)!important
}
.CSSTableGenerator tr:first-child td{
    background: unset!important;
    font-size: 11px;
}
.CSSTableGenerator tbody tr:first-child td{
    color: black;
    background-color: white!important;
    font-weight: normal;
    font-family: Avenir;
    text-align: left;
}

.fullscreen{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    z-index: 1999;
}
.fullscreen .box
{
    height: 90%;
    margin: auto;
    position: relative;
    max-width: 80%;
}

.fullscreen .box img
{
    max-height: 100%;
    max-width: 100%;
}
.fullscreen .box a{
    position: absolute;
    top: -20px;
    right: -20px;
}

.green, .green:hover, .green:focus, .green:active{
    color: white!important;
    background-color: var(--green)!important;
    border-color: var(--green)!important;
}
.red, .red:hover, .red:focus, .red:active{
    color: white!important;
    background-color: #FF0000!important;
    border-color: #FF0000!important;
}

@media only screen and (max-width: 992px)
{
	table.t-responsive{
		display: block;
	}

	table.t-responsive thead,
	table.t-responsive thead tr,
	table.t-responsive thead tr td,
	table.t-responsive thead tr th{
		display: block;
	}

	table.t-responsive thead{
		float: left;
	}

	table.t-responsive tbody{
		display: block;
		width:auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}

	table.t-responsive tbody tr{
		display: inline-block;
		vertical-align: top;
	}

	table.t-responsive tbody td{
		display: block;
		margin: 0;
	}

	table.t-responsive tbody tr:last-child td{
		border-width: 0 1px 1px 0;
    }
}