/* Colors */
.bg-teal{
    background-color: #14B8A6;
}
.bg-teal-1{
    background-color: #F4FFFE !important;
}
.bg-light-warning{
    background-color: #FFF3DE;
}
.bg-light-info{
    background: #E7F0FF;
}
.bg-light-red{
    background-color: #FFEAE9;
}
.text-teal{
    color: #14B8A6;
}
.text-light-grey{
    color: #717171;
}
.hover-teal,.link{
    transition-duration: 0.5s;
}
.hover-teal:hover{
    color: #14B8A6;
}
.link:hover{
    color: black;
}
/* Shadow */
.shadow-1 {
    box-shadow: 0px 2px 16px 0px #00807224;
}
.hover-shadow:hover {
    box-shadow: 0px 2px 16px 0px #00807224;
}

/* Border Radius */
.ba-radius-12{
    border-radius: 12px;
}

.ba-radius-16{
    border-radius: 16px;
}

/* Border */
.orange-border{
    border: 1px solid #F59E0B;
}
.info-border{
    border: 1px solid #3B82F6;
}
.teal-border{
    border: 1px solid #14B8A6;
}
.red-border{
    border: 1px solid #EF4444;
}
.grey-border{
    border: 1px solid #E2E2E2
}

.hover-btn:hover {
    color: white !important;
    background-color: #0a9c8b !important;
}

.hover-white-btn:hover {
    color: #0a9c8b !important;
    background-color: white !important;
}

.bg-login-img {
    background-image: url("/images/login-img.webp");
    background-size: cover;
    background-position: center;
}