:root{
     --bg-primary: #009688;
}
body{
     font-family: 'Poppins', sans-serif;
     background-color: #696969;
     color: #333333;
}
a{
     text-decoration: none;
     color: #333333;
}
input:focus, select:focus{
     box-shadow: none !important;
}
.fw-300{
     font-weight: 300 !important;
}
.fw-400{
     font-weight: 400 !important;
}
.fw-600{
     font-weight: 600 !important;
}
.fw-700{
     font-weight: 700 !important;
}
.fs-12{
     font-size: 12px !important;
}
.fs-13{
     font-size: 13px !important;
}
.fs-14{
     font-size: 14px !important;
}
.fs-16{
     font-size: 16px !important;
}
.fs-18{
     font-size: 18px !important;
}
.fs-22{
     font-size: 22px !important;
}
.fs-32{
     font-size: 32px !important;
}
.web-text-primary{
     color: #333333 !important;
}
/* Bootstrap Costomizations */
.nav-link{
     border-radius: 3px;
     padding: 4px 10px;
     font-size: 15px;
     color: #009688;
}
.nav-link:focus, .nav-link:hover{
     background-color: var(--bg-primary) !important;
     color: #fff;
}
.bg-light{
     background-color: #f3f3f3 !important;
}
a.card:hover{
     background-color:#dce2ff;
}
label.error {
     position: relative;
     font-size: 13px;
     color: red;
     padding: 0;
}
.form-floating>.form-control:focus + label.error{
     padding-top: 10px;
     opacity: 1;
     font-size: 13px;
}
.form-floating>.form-select:focus + label.error{
     padding-top: 20px;
     opacity: 1;
     font-size: 13px;
}
.form-floating{
     height: 70px;
}
.dataTables_filter{
     font-size: 13px;
}
.dataTables_length{
     font-size: 13px;
}
.dataTables_info{
     font-size: 13px;
}
.paging_simple_numbers{
     font-size: 13px;
}
.paginate_button{
     border-radius: 5px;
}