:root {
    --grey-field-clr: #d9d9d9;
    --btn-second-clr: #f4eef7;
    --grey-label-clr: #252525;
    --theme-bg-clr: #ffa33c;
    --second-theme-clr: #583d72;
    --second-theme-grey-clr: #9a76be;
    --table-header-clr: #d1c2d9;
    --table-body-clr: #f2f2f2;
    --tab-label-text: #939191;
    --student-number-bg: #ffe7cf;
    --message-info-bg: #f4eef7;
    --add-prroject-bg-section: #ffc996;
}
.h-fit-screen {
    height: 100vh;
}
.h60 {
    height: 60px;
}
.w60 {
    width: 60px !important;
}
.w34 {
    width: 34px !important;
}
.h34{
    height: 34px !important;
}
.w28{
    width: 28px !important;
}
.h28{
    height: 28px !important;
}
.w9_5{
    width: 95% !important;
}
.w80 {
    width: 80px !important;
}
.h80 {
    height: 80px;
}
.h45 {
    height: 45px;
}
.w45 {
    width: 45px !important;
}
.rounded-10{
    border-radius: 10px;
}
.rounded-20 {
    border-radius: 20px !important;
}
.rounded-15 {
    border-radius: 15px !important;
}
.text-xsm {
    font-size: 12px !important;
}
.text-sm {
    font-size: 14px;
}
.w9 {
    width: 90%;
}
.h9 {
    height: 90%;
}
.w5 {
    width: 50% !important;
}
.w7 {
    width: 70% !important;
}
.object-fit {
    object-fit: cover;
}
.object-contain {
    object-fit:contain;
}
.w-fit-content {
    width: fit-content !important;
}
.w170 {
    width: 170px !important;
}
.w150 {
    width: 150px !important;
}
.h150 {
    height: 150px;
}
.w100 {
    width: 100px !important;
}
.h100 {
    height: 100px;
}
.h170 {
    height: 170px !important;
}
.w240 {
    width: 240px !important;
}
.w300 {
    width: 300px !important;
}
.w500{
    width: 500px;
}
.w400{
    width: 500px;
}
.hidden {
    overflow: hidden;
}
.pointer-none {
    pointer-events: none;
}
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Adjust the alpha value to change transparency */
}

.text-black {
    color: #252525 !important;
}