.min-vh-70{
	min-height:70vh;
}
.custom-nav.active{
	background-color: #24540f !important;
	border-color:#24540f !important;	
}
.main-menu{
	background-color: #343a40;
    border-color: #454d55;
}
.navbar-brand img{
	max-width: 100px;
}
.main-menu .nav-item{
	padding: 0 20px;
}
.bg-custom-green{
	background-color: #24540f ;
	border-color:#24540f;
}
.bg-custom-green:hover{
	background-color: #28a745;
	border-color:#28a745;
}

.bg-custom-green:active{
	background-color: #28a745 !important;
	border-color:#28a745 !important;
}
.bg-custom-green:focus{
	background-color: #28a745 !important;
	border-color:#28a745 !important;
	box-shadow:none !important;
}
.dt-buttons{
	float: right;
    margin: 0 10px;
}
.buttons-print{
	background-color: #24540f;
    border-color: #24540f;
    color:#fff;
    
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 10px;
}
.buttons-excel {
	background-color: #24540f;
    border-color: #24540f;
    color:#fff;
    
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 10px;
}
.student-letter-btn{
	background-color: #24540f;
    border-color: #24540f;
    color:#fff;
    
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 10px;	
}

.bg-white{
	background-color:white;
}
.pdx-5{
	padding-left: 3rem ;
	padding-right: 3rem ;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	color: #fff;
    background-color: #343a40;
}
.text-nav-343a40{
	color:#343a40;
}
.text-nav-343a40:hover{
	color:#000;
}

.min-h-200{
	min-height:200px;
}
.error{
	color:#dc3545;
	border-color:#dc3545;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #28a745;
    border-radius: 10px;
}
.confirm-box{
	position: absolute;
    top: 10%;
    left: 30%;
    z-index: 99;
    width: 40%;
}
.override-box{
	position: absolute;
    top: 10%;
    left: 30%;
    z-index: 99;
    width: 40%;
}
.display-4{
	font-size:2rem;
}
.text-12{
	font-size:12px;
}
.show{
	display:block;
}
.hide{
	display:none;
}
.yscroll{
	min-height:200px;
	max-height:300px;
	overflow-y: scroll;
}
.yscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.yscroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

.yscroll::-webkit-scrollbar-thumb {
    background-color: #28a745;
    border-radius: 10px;
}
.deletenote-right{
	z-index: 99;
    text-align: center;
    right: 30px;	
}
.deletenote-left{	
    z-index: 99;
    text-align: center;
    left: 30px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 576px) { 
	.text-md-center{
		text-align:center;
	}
}

/*  small devices */
@media (max-width: 576px) { 
	.confirm-box{	
	    left: 10%;	    
	    width: 80%;
	}
	.override-box{	
	    left: 10%;	    
	    width: 80%;
	}
	.text-sm-left{
		text-align:left;
	}
	.pdx-sm-1{
		padding-left: .25rem ;
		padding-right: .25rem;
	}
	.px-sm-0{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.pt-sm-3{
		padding-top:0 !important;
	}
	
}