body{
    width: 100%;
    padding-top: 4rem;
}

.bg-dark-blue{
     background-color: #25456f;
 }
 
 .actions form{
     margin: 0.25rem 0.5rem;
 }
 
 .img-preview{
     display:block; margin:0.5rem auto; max-width: 400px; max-height:400px;
 }
 
 @media(max-width: 400px){
     .img-preview{max-width: 100%; max-height:60vh;}
 }
 
 .table h3{
     font-size:2rem;
 }
 .table p{
     font-size: 1.1rem;
 }
 .table .img-container{
     max-width:26rem;
     background-color: #adadcf;
     padding:0.5rem;
     border: 1px solid #aaa;
     border-radius: 0.5rem;
 }
 .table img{
     display: block;
     max-height: 400px;
     border-radius: 0.5rem;
 }
 .table .badge{
     margin: 0.5rem;
     padding: 0.5rem;
     font-size: 0.9rem;
 }
 .table .actions{
     width: max-content;
     margin: 1.5rem auto;
 }
 .btn{
     font-size:0.9rem;
     width: 7.5rem;
     padding: 0.5rem 0.75rem;
     border-radius: 3rem;
 }
 
 #overlay-n {
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: 10000;
	
}
#indicator-n {
	z-index: 10000;
	color:#ffff;
	font-size:20px;
	height:50px;
	position:absolute;
	left:45%;
	top:38%;
}