﻿*{
	padding: 0;
	margin: 0;
}

nav{
	width: 100%;
	height: 3em;
	background: gainsboro;/* #8ed970;*/
	position: fixed;
}

ul{
	float: left;
	line-height: 3em;
}

nav ul li{
	display: inline-block;
	margin-left: 0.3em;
	margin-right: 0.5em;
}

nav ul li a{
	font-weight: bold;
}

.text-end{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 3em;
}

.contenido{
	padding-top: 3em;
}

.card{
	position:static;
}

.buscar{
	position:static;
}

.btn {
	position: static;
}

.form-check{
	position: static;
}

.btn-1{
	/*width: 24em;
	height: 10em;*/
	margin: 0.3em;
	text-decoration: none;
	/*border-color: black;*/
	text-align: center;
	/*background-color: #b3b6b7;*/
	border: 1px solid gray;
}
.btn-2{
	/*width: 24em;
	height: 3em;*/
	margin: 0.3em;
	text-decoration: none;
	/*border-color: black;*/
	border: 1px solid gray;
}
a.btn-3{
	color: black;
	/*padding:2em 9em;*/
	text-decoration: none;
}
.btn-3:hover{
	color:black;
	text-decoration: none;
}

.container-menu{
	/*display:flex;*/
	margin: auto;
	background-color: white;
	box-align: center;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.container-menu-2{
	/*display:flex;*/
	margin-right: 3em;
	background-color: white;
	box-align:end;
	text-align: end;
	align-items: end;
	justify-content: end;
}

.radio_check{
	width: 46% in !important;
	text-align: center;
}

.video_container{
	width: 50%;
	height: 33%;
	/*padding: 25px;*/
}

.none{
	display: none;
}

.bd-placeholder-img{
    font-size:1.125rem;
    text-anchor:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}

.contenedor video{
	max-width: 100%;
	width: 100%;
}

.contenedor{
	max-width: 100%;
	position:relative;
}

canvas{
	max-width: 100%;
	position: static;
}

canvas.drawingBuffer{
	position:absolute;
	top:0;
	left:0;
}

video{
	position: static;
}

.table-fixed-row{
	overflow-y: scroll;
	height: 13em;
}

.table-fixed-row2{
	overflow-y: scroll;
	height: 10em;
}

.table-fixed-row3{
	overflow-y: scroll;
	height: 25em;
}

.table-fixed-row4{
	overflow-y: scroll;
	height: 14em;
}

.table-fixed-row5{
	overflow-y: scroll;
	height: 30em;
}

.table-fixed{
	max-width: 100%;
	border-collapse: collapse;
	position: static;
}

.table-fixed thead{
  	position: sticky;
  	top: 0;
  	left: 0;
	background-color:ghostwhite;
}

/*table {
    width: auto; 
    border-collapse: collapse;
}
td, th {
    width: auto; 
    padding: 10px; /* Espaciado opcional 
}*/


/* vista celular */
@media screen and (max-width:480px){
	.btn-1{
		width:95%;
		height: 7em;
	}
	.btn-2{
		width: 95%;
		height: 3em;
	}	
	.table-fixed-row3{
		overflow-y: scroll;
		height: 30em;
	}
	.container-menu-2{
	margin-right: 1em;
	}
}
/* vista tablet */
@media screen and (min-width:481px){
	.btn-1{
		width:95%;
		height: 10em;
	}
	.btn-2{
		width: 95%;
		height: 3em;
	}
}
/* vista pc */
@media screen and (min-width:861px){
	.btn-1{
		width:30%;
		height: 10em;
	}	
	.btn-2{
		width: 30%;
		height: 3em;
	}
	.bd-placeholder-img-lg{
		font-size:3.5rem;
	}
}