body{
    overflow-x: hidden;
 min-height: 100%;
 background: linear-gradient(0deg, #313132, rgb(124 8 66 / 30%)), url(../img/omr-sheet-fill-paper.jpg);
 background-size: cover;
 }
   .bd-placeholder-img {
     font-size: 1.125rem;
     text-anchor: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
   }
 .table-dates{
      font-size: 12px;
      padding: 0;
      margin: 0;
  }
  label{
 font-size: 15px;
 }
 .form-select,b,p,h6.my-0 {
 font-size: 14px;	
 }
 .bg-back{
     box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
  /* border-radius: 5px; */
   background: #fff;
   padding:20px;
       border-top: 4px solid #0d6efd;
 }
 .min-vh-100 {
    min-height: 83vh!important;
}
 #overlay{	
	position: fixed;
	top: 0;
	z-index: 1200;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
	}
	.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
	}
	.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
	}
	@keyframes  sp-anime {
	100% { 
	transform: rotate(360deg); 
	}
	}
	.btn-group.mb-2.w-100 button.btn.btn-light.btn-outline-primary:hover {
		background: white;
		color: #0d6efd;
	}button.btn.btn-light.btn-outline-primary.hv:hover {
		background: white;
		color: #0d6efd;
	}
   @media (min-width: 768px) {
     .bd-placeholder-img-lg {
       font-size: 3.5rem;
     }
   }