.hidden{
    display: none;
}

.auth-cover-wrapper{
    background-color: #fff !important;
}
.errorMessage,.errorSummary,.errorSummary ul,span.required {
    color:red;
}



label .required {
    color: #ea4d4d !important;
}
.mmf_table{
    margin-top: 10px !important;
}
.mmf_addlink{
    margin-bottom: 2%;
}
.mmf_table td{
    /*padding:3px;*/
}
/* Padding classes for all sides */
.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 1.5rem; }
.p-5 { padding: 3rem; }

/* Padding classes for top, right, bottom, left */
.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 3rem; }

.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 1rem; }
.pr-4 { padding-right: 1.5rem; }
.pr-5 { padding-right: 3rem; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-4 { padding-bottom: 1.5rem; }
.pb-5 { padding-bottom: 3rem; }

.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 1rem; }
.pl-4 { padding-left: 1.5rem; }
.pl-5 { padding-left: 3rem; }

/* Padding classes for horizontal and vertical */
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-5 { padding-left: 3rem; padding-right: 3rem; }

.py-0 { padding-top: 0; padding-bottom: 0; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-5 { padding-top: 3rem; padding-bottom: 3rem; }


/* Margin classes for all sides */
.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 1rem; }
.m-4 { margin: 1.5rem; }
.m-5 { margin: 3rem; }

/* Margin classes for top, right, bottom, left */
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 1rem; }
.mr-4 { margin-right: 1.5rem; }
.mr-5 { margin-right: 3rem; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 1rem; }
.ml-4 { margin-left: 1.5rem; }
.ml-5 { margin-left: 3rem; }

/* Margin classes for horizontal and vertical */
.mx-0 { margin-left: 0; margin-right: 0; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3 { margin-left: 1rem; margin-right: 1rem; }
.mx-4 { margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-5 { margin-left: 3rem; margin-right: 3rem; }

.my-0 { margin-top: 0; margin-bottom: 0; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 1rem; margin-bottom: 1rem; }
.my-4 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-5 { margin-top: 3rem; margin-bottom: 3rem; }

.pointerblock{
    cursor: pointer;
}


/* Percentage-based width */
.w-25 {
    width: 25% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

/* Maximum width */
.mw-100 {
    max-width: 100% !important;
}

.nxl-content{
    display: flex;
    flex-direction: column;
    min-height: 77vh;
}
.dropdown .dropdown-menu .dropdown-item{
    text-wrap: auto !important;
}

span.required {
    /* display: block; */
    /* display: block; */
    color:red;
}
.stretch.stretch-full {
    height: auto !important;
}
.tasklist{
    max-height: 300px !important; /* Adjust as needed */
    min-height: 300px !important;
}

.projecttasklist{
    max-height: 500px !important; /* Adjust as needed */
}

/* Global scrollbar styles for WebKit browsers (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
    width: 4px !important; /* Thinner scrollbar width */
    height: 4px !important; /* Thinner scrollbar height for horizontal scrollbars */
}

*::-webkit-scrollbar-thumb {
    background: #888 !important; /* Scrollbar color */
    border-radius: 10px !important; /* Rounded corners */
}

*::-webkit-scrollbar-thumb:hover {
    background: #666 !important; /* Darker color on hover */
}

*::-webkit-scrollbar-track {
    background: transparent !important; /* Transparent track background */
}

/* Global scrollbar styles for Firefox */
* {
    scrollbar-width: thin !important; /* Thinner scrollbar */
    scrollbar-color: #888 transparent !important; /* Scrollbar and track colors */
}

.table-responsive > table > th,
.grid-view table th{
    font-size: 12px;
    font-weight: 700;
}

table#view-grid,
.table-responsive > table > td,
.grid-view table td{
    font-size: .84rem;
}
.headerprofileavtar{
    width: 25px !important;
}
.clientlogo{
    width: 125px !important;
}
.dd-arrow {
    appearance: auto !important; /* Ensures the dropdown arrow appears */
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    padding-right: 5px !important; /* Ensures space for the arrow */
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.custom-multiselect{
    padding: 0px !important;
    z-index: 1;
    position: relative; /* Ensure the pseudo-element is positioned correctly */
    border: #e5e7eb !important;
    background-image: none !important;
}
/* Add the exact down arrow */
.custom-multiselect::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23283c50'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.custom-multiselect input{
    min-height: 30px !important;
    font-size: 13px !important;
    color:#283c50 !important;
    font-weight:500 !important;
    font-family: inherit !important;
    padding: 5px 22px !important;
}
.custom-multiselect>.select2-choices{
    padding: 5px 10px !important;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
}

.custom-multiselect>.select2-choices>.select2-search-choice{
    background: white
}

.custom-multiselect>.select2-choices>.select2-search-choice>div
{
    position: relative;
    color: #283c50;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 15px 5px 5px;
    border-color: #e5e7eb;
}

.custom-multiselect>.select2-choices>.select2-search-choice>.select2-search-choice-close{
    right: 3px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    position: absolute;
    color:#283c50 !important;
    background-repeat: no-repeat;
    top: 8px;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
    max-height: 45rem;
    overflow-y: hidden;
}
.select2-results .select2-highlighted {
    background: #f2f6fd;
    color: #7188df;
    font-size: 13px;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  font-weight: 500;
}
.select2-results .select2-match {
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 2;
}

.select2-results{
    margin: 4px 4px 4px 0;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
}

.select2-results__options{
    max-height: fit-content !important;
}

.organization-logo {
    width: 100px !important;  /* Adjust width as needed */
    height: 50px;  /* Adjust height as needed */
    object-fit: contain; 
    border-radius: unset !important; /* Ensures the image is fully visible */
}

.select2-container{
    width: 100% !important;
}
tr.filters > td  > input {
    padding: 0.72rem 0.75rem !important;
}