@media only screen and (max-width: 370px) {
  .main_div_container{
		background-color: white; 
		border-left: 3px solid #ffcd00; 
		margin-top: 110px; 
		margin-bottom: 15px; 
		width: 98%;	
	}
}

@media only screen and (min-width: 371px) {
  .main_div_container{
		background-color: white; 
		border-left: 3px solid #ffcd00; 
		margin-top: 90px; 
		margin-bottom: 15px; 
		width: 98%;	
	}
}
	
@media only screen and (max-width: 767px) {
  .p_carrousel_caption{
	  display: none;
	  
	}
}

@media only screen and (min-width: 768px) {
  .p_carrousel_caption{
		
	}
}	

@media only screen and (max-width: 767px) {
  .img_gallery{
	  height: 100%; width: 100%;
	}
	.main_img{
	 height: 90%; width: 90%;		
	}
}

@media only screen and (min-width: 768px) {
  .img_gallery{
	 height: 50%; width: 50%;		
	}
	.main_img{
	 height: 50%; width: 50%;		
	}
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.thumbnail {
  height: 100%;
}
 
@media (max-width: 420px) { 
	.row-height {
		height: 60%;
	}
}

@media (min-width: 421px) and (max-width: 545px) { 
	.row-height {
		height: 70%;
	}
}

@media (min-width: 546px) and (max-width: 991px) { 
	.row-height {
		height: 80%;
	}
}

@media (min-width: 992px) and (max-width: 1284px) { 
	.row-height {
		height: 60%;
	}
}

@media (min-width: 1285px) and (max-width: 1431px) { 
	.row-height {
		height: 70%;
	}
}

@media (min-width: 1432px) { 
	.row-height {
		height: 80%;
	}
}
	
  .row-equal {
    display: flex;
    flex-wrap: wrap;	
	padding-bottom: 0px;	
  }
  .col-equal {
    margin: auto;	
  }
	
	
@media only screen and (max-width: 767px) {
  .iframe_embed_video{
	  width: 250px;
	  height: 140px;
	}
}

@media only screen and (min-width: 768px) {
  .iframe_embed_video{
	  width: 400px;
	  height: 225px;
	}
}
	
	.login_div_container{
		background-color: white; 
		border-left: 3px solid #ffcd00; 
		margin-top: 30px; 				
		margin-bottom: 90px; 
		width: 98%;
	}
	
	.main_breadcrumb{
		background-color: #1f2a44;
	} 

	.color_verde_uac{
		color: #ffcd00;
	}
	
	.color_azul_uac{
		color: #1f2a44;
	}
	
	.font_notif_error{
		color: #B84464;
	}
	
	.dt_search_input {
		width: 100%; 
		color: black; 
		margin-bottom: 5px;
	}
	
	.dataTables_paginate {
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	table.dataTable thead th,
	table.dataTable thead td {
		background-color: #FBFBEF !important;
	}
	
	table.dataTable tfoot th,
	table.dataTable tfoot td {
		padding: 4px 6px !important;  
		background-color: lightgray !important;		
	}
	
	
	.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
  	position:relative;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:translatZ(0) scale(1.5); /* Opera */
    transform:translatZ(0) scale(1.5);
}
  
.img-hover:hover:after {
    content:"X";
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    width:15px;
    height:15px;
	border-radius: 10px;
    border: 1px solid #ff000;
}
	