thead{
	background-color: gray;
	color: white;	
}
tr:nth-child(even){
	background-color: lightgray; 
}
body{
	background-color:#efefef;
}
th{
	text-align: center;
}
tr:hover td{
	background-color: #ddcba4;
	color: white;
}
#menu{
	position: relative;
}
#color{
	background-color: #F0F0F0;
}
#color:hover{
	background-color:gray;
	color:white;
}
.jumbotron{
	margin-left: 0px;
}
#margen{
	margin-right: 0px;
}
#emergente{
	list-style: none;
	padding: 0,0,0,0;
	margin-left: -40px;
}
.despliega{
	display:none;
	position: absolute;
	background-color: white;
	border-radius: 5px;
	width: 300px;
	padding: 0,0,0,0;
}
#emergente li a:hover{
	color:white;
	background-color: #ddcba4;
}
#emergente li{
	height: 40px;
}
.nombre{
	display: none;
}
.curp{
	display: none;
}
.busquedaAlumno{	
	width: 78%;
}
.listaBotones{
	width: 22%;
}

@media (max-width:800px){
	.busquedaAlumno{	
		width: 100%;
		float: right;
	}

	.listaBotones{
		width: 100%;
		float: left;
	}
}

@media (min-width:801px) and (max-width: 1000px){
 	.busquedaAlumno{	
		width: 60%;
		float: left;
	}

	.listaBotones{
		width: 40%;
		float: right;
	}
}

@media (min-width:1001px) and (max-width: 1200px){
 	.busquedaAlumno{	
		width: 60%;
		float: left;
	}

	.listaBotones{
		width: 40%;
		float: right;
	}
}
.titulos{
	background-color: gray;
	text-align: left;
	width: 45%;
}
.campos{
	background-color:white;
	color: black;
	font-style: italic; 
}
.deshabilitado{
	cursor: not-allowed;
    pointer-events: none;
    background-color: silver;
    opacity: .5;
}
#form {	
	background-color: silver;	
	margin-bottom: 25px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 14px; 
	border-radius: 15px;
}
.tabs{
	margin-bottom: 15px; 
	padding-left: 45px; 
	padding-right: 35px; 
	padding-bottom: 10px; 
	border-top-right-radius: 20px; 
	padding-top: 25px;
	border:solid 1px #efefef;
	border-radius: 5px;
}
iframe {
    border: 1px solid black;
    width: 100%;    
}
.modal-header, .modal-footer{
	background-color: silver;
	color: white;
}
.vista{
	border-radius: 100%;
	position: absolute;
	right: 15px;
}
.margen_entre{
	margin-bottom: 15px;
}
.menuicon{
	box-shadow: 2px 2px 5px #999;
	border-radius: 5px;
}
.cajas{	
	display: inline-block; 	
}
.cajasNombre{
	width: 18%;	
}
.cajaCurp{
	width: 35%;
	margin-left: 30px;	
}

@media (max-width:700px){
 	.cajas {
   		display: inline;
   		margin: 0px;
    }    

  	.btnBusqueda{
  		float: right;
  	}
}
.cotenedor{
	margin-left:0px;	
}
.btnBusqueda{
  	display: inline-flex;  		
}
.cal{
  	margin-bottom: 30px;  	
  	padding-left: 15px;
  	padding-top: 15px;
  	margin-left: 100px;  	
  	font-size: 17px;
}
.bot{
  	margin-bottom: 30px;  	
  	padding-left: 15px;
  	padding-top: 15px;
}
.botSS{
  	margin-bottom: 30px;  	
  	padding-left: 15px;
  	padding-top: 5px;
}
.tbot{
  	width: 150px;
  	border-radius: 0px;
}
.jumbotron{
  	box-shadow: 5px 5px 10px #999;
	border-radius: 5px;
}
.sombra{
  	box-shadow: 3px 3px 7px #999;
	border-radius: 5px;
}
#tabAlumno, #tabCoordinador{
  	font-weight: bold;
  	font-size: 18px; 
  	color: black;	
}
.verde .active #tabAlumno, .verde .active #tabCoordinador{ 
 	background-color: #ddcba4;
 	color: white;
 	font-size: 22px; 
}
#tabbecarios, #tabcoordinadores, #tabjefesenseñanza{
  	font-weight: bold;
  	color: black;	
}
.verdeMensajes .active #tabbecarios, .verdeMensajes .active #tabcoordinadores, .verdeMensajes .active #tabjefesenseñanza{ 
 	background-color: #DDC9A3;
 	color: white;
}
#cajaMesanje{
 	display: none; 	
 	background-color: #efefef;
 	position: absolute; 	
 	width: 20%; 	
 	margin-left: 80%;
 	padding: 10px 10px 0px 15px;
}
.content-box {
  	box-sizing: content-box;
  	/* Ancho  total: 160px + (2 * 20px) + (2 * 8px) = 216px
    Altura total: 80px + (2 * 20px) + (2 * 8px) = 136px
    Ancho de la caja de contenido: 160px
    Altura de la caja de contenido: 80px */
}
.border-box {
  	box-sizing: border-box;
  	/* Ancho total: 160px
    Altura total: 80px
    Ancho de la caja de contenido: 160px - (2 * 20px) - (2 * 8px) = 104px
    Altura de la caja de contenido: 80px - (2 * 20px) - (2 * 8px) = 24px */
}
.noti{	
	float: right;
	background-color: #285c4d;
}
.pdeslizante, .pdeslizanteN{
	padding: 5px 5px 0px 10px;
	background-color: white;
}
.cajaDeslizante, .cajaDeslizanteN{
	padding: 0px 5px 0px 10px;
	background-color: white;
	display: none;
}

@media (min-width:1101px) and (max-width: 1600px){
	#cajaMesanje{
		width: 40%; 
		margin-left: 60%;
	}
}

@media (min-width:801px) and (max-width: 1100px){
	#cajaMesanje{
		width: 40%; 
		margin-left: 60%;
	}
}

@media (min-width:400px) and (max-width: 800px){
	#cajaMesanje{
		width: 60%; 
		margin-left: 40%;
	}
}
#btnExportexcel{
 	margin-right: -90px;
 	float: right;
 	display: none;
}

@media (min-width:992px) and (max-width: 1200px){
	#btnExportexcel{
 		margin-right: -70px;
 		float: right;
 	}
}

@media (min-width:768px) and (max-width: 991px){
	#btnExportexcel{
 		margin-right: 0px;
 		float: right;
 	}
}

@media (min-width:0px) and (max-width: 767px){
	#btnExportexcel{
 		margin-right: 0px;
 		float: right;
 	}
}
#alumxtipbec tr th,#becxespe tr th, #global tr th, #porsede tr th, #porbecario tr th, #NivelEducativo tr th{		  
	vertical-align:middle;		
}
#iconExcel:focus #iconExcel, #iconExcel:hover #iconExcel, #iconPDF:focus #iconPDF, #iconPDF:hover #iconPDF{
	box-shadow: 3px 3px 7px #999;
	border-radius: 5px;
}
#iconExcel, #iconPDF{
	image-rendering: -webkit-optimize-contrast;
}
.global tbody tr td{
}
.globalmr tbody tr td{
}
.luMensaje{
	background-color: whitesmoke;
}
fieldset.scheduler-border {
	height: 324px;
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    -moz-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}
legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}
.content-input input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.content-input input{
	visibility: hidden;
	position: absolute;
	right: 0;
}
.tachado:checked + span{
	text-decoration:line-through
}
#columnas_tabla{
	position: absolute;
	top: 29%;
	left: 20%;
	bottom: 0;
	right: 0;
	z-index: 10040;
	overflow: auto;   	  
}
.tablausers thead{
	background-color: rgba(0, 0, 0, 0.03);
	color: black;   
}
.tablausers tbody{
	font-size: 12px;
}
.tablausers tr:nth-child(even){
	background-color: white;
}
.tablausers .col_id_num:hover{
	background-color: rgba(0, 0, 0, 0.03);
	color: black;
}
.tablausers .col_id_num{
	background-color: rgba(0, 0, 0, 0.03);
	font-weight: bold;
	width: 40px;
}
.tablausers #nombre, .tablausers #curp{
	width: 200px;
}
.tablausers #est_valid_doc, .tablausers #est_compl_reg{
	width: 150px;
}
.forma{
	border-radius: 20px;
}
#margen_paginador > .pagination{		
	margin-top: 0px;
	margin-bottom: -7px;
}
.inhabilitarTab{
	pointer-events: none;
}
#stepProgressBar  {
	display:  flex;
	justify-content:  space-between;
	align-items:  flex-end;
	width:  500px;
	margin:  0  auto;
	margin-bottom:  40px;
}
#stepPgressBarrSS{
	display:  flex;
	justify-content:  space-between;
	align-items:  flex-end;
	width:  200px;
	margin:  0  auto;
	margin-bottom:  40px;
}	
.step  {
	text-align:  center;
	font-weight: bold;
	font-size: 15px;
}
.step-text  {
	margin-bottom:  5px;
	color:  #ddcba4;
}
.step-text_form_alumn {
	margin-bottom:  5px;
	color:  #ddcba4;
}
.bullet {
	border: 1px solid #ddcba4;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	color: #ddcba4;
	display: inline-block;
	position: relative;
	padding-top: 5px;
	font-size: 40px;
	transition: background-color 500ms;
	line-height:20px;
}
.bullet.completed  {
	color:  white;
	background-color:  #ddcba4;
}
.bullet.completed::after {
	content: '';
	position: absolute;
	right: -140px;
	bottom: 15px;
	height: 5px;
	width: 100px;
	background-color: #ddcba4;
}
.bullet.completedSS  {
	color:  white;
	background-color:  #ddcba4;
}
.bullet.completedSS::after {
	content: '';
	position: absolute;
	right: -85px;
	bottom: 15px;
	height: 5px;
	width: 70px;
	background-color: #ddcba4;
}
.bullet.completedAlum, .bullet.completedAlumSS  {
	color:  white;
	background-color:  #ddcba4;
}
.bullet.completedAlum::after {
	content: '';
	position: absolute;
	right: -51px;
	bottom: 15px;
	height: 5px;
	width: 47px;
	background-color: #ddcba4;
}
.bullet.completedAlumSS::after {
	content: '';
	position: absolute;
	right: -72px;
	bottom: 15px;
	height: 5px;
	width: 67px;
	background-color: #ddcba4;
}
.bullet.ultimo {
	color:  white;
	background-color:  #ddcba4;
}
#coordinadorPost input:invalid, #completarRegEditar input:invalid, #nuevoAlumno input:invalid, #editAlumno input:invalid{
	border-color: #DD2C00;
}

.oculto{
	display: none;
}

.conImgDes{
	text-align: center;
	padding-top: 15px;
}

.stilo_tarjetas:hover > .btnSpan {  
  transform: scale(1.3);
  z-index: 11;
}

.btnSpan{
  transition: all 300ms;
}