.center{
    text-align: center;
    margin: 0 auto;
}


.loading {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content/Box */
.loading-content {    
    color:#d3d3d3;
    font-size: 3em;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 30px;    
    width: 80%; /* Could be more or less, depending on screen size */
}        

.bg-primary{
    background-color: #2FB28C !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2FB28C;
    --bs-btn-border-color: #2FB28C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #37685a;
    --bs-btn-hover-border-color: #37685a;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #37685a;
    --bs-btn-active-border-color: #37685a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2FB28C;
    --bs-btn-disabled-border-color: #2FB28C;
}
.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}
.h-custom {
height: calc(100% - 73px);
}
@media (max-width: 450px) {
.h-custom {
height: 100%;
}
}