body{
    /* background-color: #c9dabf; */
    overflow-x: hidden;

}
.avatar-30{
    width:30px; 
    height:30px;
    border-radius:30px
}
.avatar-45{
    width:45px; 
    height:45px;
    border-radius:45px
}
.avatar-60{
    width:60px; 
    height:60px;
    border-radius:60px
}

.my-spinner{
    position: fixed;
    top: 50%;
    left: 50%;
}

#spinner1{
    position: absolute;
    top: 50%;
    left: 50%;
}

.spinner-absolute{
    position: absolute;
    top: 50%;
    left: 50%;
}

.cursor-pointer{
    cursor: pointer;
}

/* .offcanvas{
    background-color: #c9dabf;
}


.btn-outline-primary{
    border-color: #198754;
    color: #198754;
}

.btn-outline-primary:hover{
    background-color: #198754;
    border-color: #198754;
    color: #ebebeb !important;
}

.btn-outline-secondary:hover{
    background-color: #6c757d;
    border-color: #6c757d;
    color: #ebebeb !important;
}


.nav-link{
    color:rgb(26, 25, 25) !important;
}

.nav-link:hover{
    color:#198754 !important;
}

.nav-pills .nav-link.active{
    border-color: #198754;
    background-color: #57cf979a;
  
    color:rgb(26, 25, 25);
}
.nav-link.active{
    border-color: #198754;
    background-color: #57cf979a;
  
}

.form-control{
    background-color: #eeffe3bf;
}

a:hover{
    color:#198754 !important;
} */

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  .fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.swal2-timer-progress-bar{
    background-color:#fafafa;
}

.introjs-button {
    
    padding: 0.3rem 1.5rem 0.3rem 1.5rem
}

.introjs-progressbar{
    background-color:#d1e6dd;
}

td{
    padding-top: 0px !important;
    padding-bottom: 0px !important
}