body {
    background: #fafafa;
}
/* Left Navigation Style Start */
.Commentsstyle3 textarea {
    width: 100%;
}
.LeftNavigation {
    position: fixed;
    width: 285px;
    height: 100vh;
    background: #666060;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 0;
    transition: 0.3s;
    z-index: 9999;
    background-image: url('../../Images/Navbackground.png');

    background-repeat: no-repeat;
    background-size: cover
}
.disablenewqopgrid  {
    pointer-events: none !important;
}
.hoverdiv {
    padding-top: 0px;
    height: 100vh;
    padding-bottom: 20px;
}

ul.itemul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 9px;
}

    ul.itemul li {
        margin-top: 15px;
    }

a.menuBtn.listbtns.activetabbtn {
    border-left: 3px solid #178fe0;
}

a.menuBtn.listbtns > i {
    font-size: 25px;
    margin-right: 12px;
    display: inline-block;
    float: left;
    margin-top: 2px;
}

.HideSection a.menuBtn span {
    opacity: 0;
}

a.menuBtn {
    cursor: pointer;
    margin: 0px 10px !important;
    position: relative;
    display: inline-block;
}

    a.menuBtn p {
        color: black;
        font-size: 15px;
        display: block;
        transition: 0.2s;
        white-space: nowrap;
        margin-bottom: 0px;
        font-family: segoe ui;
        top: 3px;
        position: relative;
    }

.HideSection a.menuBtn p {
    opacity: 0;
    transform: translate(-20px);
    transition: 0.2s;
    white-space: nowrap;
    position: relative;
}

.HideSection {
    width: 125px !important;
}

    .HideSection p.logo2 {
        opacity: 0;
        transform: translate(-40px);
        transition: 0.3s;
        white-space: nowrap;
        position: relative;
    }

a.menuBtn img {
    width: 24px;
    margin-right: 12px;
    display: inline-block;
    float: left;
    margin-top: 2px;
}

a.menuBtn span {
    color: #fff;
    font-size: 14px;
    transition: visibility 0s .2s, opacity .2s linear;
}

a.menuBtn:hover {
    text-decoration: none;
}

a.menuBtn.listbtns:hover {
    border-radius: 2px;
    border-left: 3px solid #178fe0;
}

a.menuBtn.listbtns {
    display: block;
    padding: 15px 0px 15px 26px;
    margin: 0px !important;
    border-left: 3px solid transparent;
    text-decoration: none;
}

a.menuBtn.droppeddiv .customicon {
    transform: rotate(0deg);
}

a.menuBtn.listbtns.activetabbtn p {
    color: #525252;
    font-weight: 700;
}

.active-nav {
    border-radius: 2px;
}

.Logodiv img {
    width: 72px;
    margin-top: 20px;
}

.Logodiv {
    text-align: center;
}

.itemdiv {
    margin: 25px 20px 45px 20px;
    background: #ffffff;
    height: -webkit-fill-available;
    border-radius: 5px;
}

.MlogoLi a {
    padding: 16px 16px 16px 26px !important;
}

.MlogoLi img {
    width: 28px !important;
}

.MlogoLi {
    position: absolute;
    bottom: 25px;
}

.Mlogo2 img {
    width: 68px !important;
}

.Mlogo2 {
    top: -20px !important;
    left: 36px;
}

.active-nav img {
    filter: invert(44%) sepia(88%) saturate(5535%) hue-rotate(185deg) brightness(97%) contrast(101%);
}

a.menuBtn.listbtns:hover img {
    filter: invert(44%) sepia(88%) saturate(5535%) hue-rotate(185deg) brightness(97%) contrast(101%);
}

.MlogoLi a.menuBtn.listbtns:hover {
    border-left: 3px solid #fff;
}

    .MlogoLi a.menuBtn.listbtns:hover img {
        filter: none !important;
    }

a.menuBtn.listbtns.activetabbtn p {
    color: #2061a4;
}

/* Left Navigation Style End */

/* Banner and header Style start */
.BannerDiv {
    background-image: url('../../Images/Banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 280px;
}

.TopNavul button {
    background: none;
    border: none;
    padding: 0px;
    white-space: nowrap;
    font-size: 14px;
    margin-right: 6px;
}

    .TopNavul button:hover {
        background: none;
    }

.TopNavul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
}

ul.TopNavul img {
    width: 18px;
}

.TopNavul li {
    padding: 5px 14px;
    font-size: 14px;
}



.CPOtitle {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    position: relative;
    top: 6px;
    left: -10px;
}

.usernameclass span {
    color: #c5203f;
}

.Usrimagediv {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

    .Usrimagediv img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        border: 2px solid #d0203f4f;
        padding: 10px;
    }

.AlgnDiv {
    padding: 15px 55px;
}

.Usrimagediv h4 {
    margin-left: 20px;
    margin-bottom: 0;
}

.wishclass {
    font-size: 15px;
    margin: 0;
}

.usernameclass {
    font-size: 18px;
    margin-bottom: 4px;
}

.potimage {
    position: absolute;
    right: 12px;
    bottom: -8px;
}

    .potimage img {
        width: 96px;
    }

.UserPersonalCard {
    position:relative;
    background: #fff;
    border-radius: 9px;
    min-height: 90px;
    display: flex;
    align-items: center;
    border-bottom: 12px solid #f2f2f4;
}

.regiontag p {
    margin: 0;
    font-size: 13px;
}

.timetag {
    margin: 0px;
}

.datecls {
    font-size: 15px;
    margin: 0px;
    color: #2e75d0;
}

.Timecls {
    margin: 0px;
    font-size: 18px;
    margin-bottom: 1px;
}

.Divstyle {
    display: flex;
    align-items: center;
    justify-content: end;
}

.regiontag {
    margin-right: 25px;
    border-right: 1px solid #000;
    margin-bottom: 0px;
    padding-right: 25px;
}

.TimeandRegionclass {
    display: flex;
    z-index: 10;
    position: relative;
    margin-right: 85px;
    align-items: center;
}

.regiontag img {
    width: 15px;
    margin-right: 8px;
}
/* Banner and header Style End */

/* Card Body Style start */
.BodySection {
    position: relative;
    top: -115px;
}

.Cardouter {
    background: #fff;
    border-radius: 9px;
    padding: 18px 25px;
    box-shadow: 0px 4px 4px -1px #eaeaea;
    border: 1px solid #eeeeee;
}

.cardIcon img {
    width: 56px;
}

.cardIcon {
    margin: 0px;
}

.Matrixdate {
/*Changed by Disha only margin-left*/
    margin-left: 38px;
    margin-bottom: 0px;
    width: 185px;
}

.CardDiv {
    min-height: 100px;
    box-shadow: 0px 0px 4px 0px #eaeaea;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    display: flex;
    margin-bottom: 22px;
}

a.viewbtn i {
    margin-right: 2px;
}

.UnlockRequest i {
    margin-left: 4px;
}

.UnlockRequest {
    color: #0965d3 !important;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
}
.UnlockRequestSent {
    color: #8391a3;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
}
.viewbtn {
    font-size: 14px;
    text-decoration: none !important;
    margin-right: 24px;
    color: #f57527 !important;
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
}

.NotyetstartedDot {
    font-size: 12px;
    color: red;
    margin-right: 3px;
}

.InProgressDot {
    font-size: 12px;
    color: #f9a825;
    margin-right: 3px;
}

.SubmittedDot {
    font-size: 12px;
    color: #8fdd36;
    margin-right: 3px;
}

.RejectedDot {
    font-size: 12px;
    color: red;
    margin-right: 3px;
}

.Statusdiv {
    margin-left: 100px;
    margin-bottom: 0px;
}

.InfoText {
    font-size: 13px;
    color: #ff4646;
    margin: 0px;
}

.Buttonset {
    width: 100%;
    text-align: right;
    padding-top: 12px;
}

.recentreport {
    margin-bottom: 12px;
}

.StartDataEntry i {
    margin-left: 10px;
}

.datestyle1 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #595959;
}

.Divstyle3 {
    display: flex;
    align-items: center;
    padding: 0px 30px;
    justify-content: space-between;
}

.Viewallreports {
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
    color: #1766c4 !important;
    cursor: pointer;
}

.Recentandallreports {
    display: flex;
    justify-content: space-between;

}

.StartDataEntry:hover {
    background: #2061a4;
    color: #fff;
    transition: 0.5s;
}

.StartDataEntry {
    border-radius: 5px;
    color: #1766c4;
    background: #ddeaf6;
    border: none;
    padding: 7px 18px;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.4s;
}

.statusstyle {
    font-size: 14px;
    color: #757575;
    margin: 0px;
    font-weight: 400;
    white-space: nowrap;
}

.HLstatus {
    font-size: 15px;
    color: #767676;
    font-weight: 400;
    margin-bottom: 6px;
}

.datestyle {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.Divstyle2 {
    display: flex;
    align-items: center;
    padding: 0px 30px;
}

/* Card Body Style End */


/* Data entry Left Nav Style Start */
.MenuBtn {
    top: 23px;
    position: absolute;
    right: -80px;
    background: #fff;
    box-shadow: none;
    border: none;
    padding: 6px 14px;
    border-radius: 0px 21px 21px 0px;
}

.HideNav {
    transform: translate(-286px);
}
/* Data entry Left Nav Style End */

/* Data entry Header Nav Style Start */

.CPOLogo img {
    width: 210px;
}

.CPOLogo {
    margin-left: 32px;
}

.AlgnDiv1 {
    padding: 25px 55px 15px 55px;
}

.BannerDiv1 {
    background: linear-gradient(0deg, rgb(0 0 0 / 31%), rgb(0 0 0 / 0%)), url('../../Images/Banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 130px;
    background-position: center;
}
/* Data entry Header Nav Style End */


/* Data entry Body Style Start */
.DataEntryTabs .nav-link.active {
    border: none;
    background: none;
    font-weight: 600;
    border-bottom: 4px solid #ff9833;
}

.C_P_MonthDataTab .nav-link.active {
    border: none;
    background: none;
    font-weight: 600;
    border-bottom: 3px solid #2273c7;
    color: #2273c7;
}

.BodySetionDataEntry {
    position: relative;

}

.DataEntryTabs .nav-link {
    color: #fff !important;
    border: none;
    padding: 8px 20px;
    background: none;
    font-size: 13.5px !important;
}

.ButtonssetDiv {
    margin-left: auto;
    display: flex;
}

.SaveBtnDiv button:hover {
    background: #1069c6;
    color: #fff;
}

.SaveBtnDiv button {
    background: #006cdc;
    border: none;
    color: #fff;
    padding: 3px 25px 5px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 30px;
}

.StatusFilter select:focus-visible {
    outline: none;
}

.MatricOrUserList {
    display: none;
}

    .MatricOrUserList select:focus-visible {
        outline: none;
    }

.Fullscreendiv a {
    cursor: pointer;
    border: 1px solid #227fd9;
    padding: 2px 8px;
    border-radius: 5px;
    position: relative;
    top: -3px;
    color: #227fd9 !important;
}
    .Fullscreendiv a:hover {
        border: 1px solid;
    }
.CardSet {
    background: aqua;
}

.Fullscreendiv i {
    position: relative;
    top: -1px;
}

.C_P_MonthDataTab .nav-link {
    color: #5f5f5f;
    border: none;
    padding: 8px 20px;
    font-size: 13.5px;
}

.StatusFilter select {
    padding: 3px 15px 3px 9px;
    border-radius: 4px;
    border: 1px solid #bdbdbd;
    margin-right: 30px;
    font-size: 14px;
}
.no_record_div img {
    width: 30%;
}
.no_record_div {
    text-align: center;
}
.MatricOrUserList select {
    padding: 3px 15px 3px 9px;
    border-radius: 4px;
    border: 1px solid #bdbdbd;
    margin-right: 30px;
    font-size: 14px;
    width: 300px;
}

.DataEntryTabs .nav-link:hover {
    border: none;
    border-bottom: 4px solid #ff9833;
}

.C_P_MonthDataTab .nav-link:hover {
    border: none;
    border-bottom: 3px solid #2273c7;
}

.DataEntryTabs {
    padding: 0px 80px 0px 95px;
}

#searchInput input[type="text"]::placeholder {
    color: black;
}
#searchMetricInput input[type="text"]::placeholder {
    color: black;
}
.Toggleswitch {
    margin-left: auto;
    display: flex;
    margin-top: 5px;
}

    .Toggleswitch .switch-wrapper {
        display: flex;
        align-items: center;
    }

    .Toggleswitch .switch {
        position: relative;
        display: inline-block;
        width: 43px;
        height: 20px;
        margin: 0 10px;
    }

        .Toggleswitch .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .Toggleswitch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        transition: .4s;
    }

        .Toggleswitch .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 6px;
            bottom: 3px;
            background-color: #ff4c4c;
            transition: .4s;
        }

    .Toggleswitch input:checked + .slider {
        background-color: #fff;
    }

        .Toggleswitch input:checked + .slider:before {
            transform: translateX(18px);
        }

    .Toggleswitch .slider.round {
        border-radius: 34px;
    }

        .Toggleswitch .slider.round:before {
            border-radius: 50%;
        }

.Togglelable {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.toggleActive {
    font-weight: 600;
}

.LeftDataentryView {
    position: fixed;
    transition: 0.3s;
    width: 285px;
    height: 100vh;
    box-shadow: 4px 3px 5px -1px #ebebeb;
    padding: 10px;
}

.RightDataentryView {
    margin-left: 285px;
}

.BarSet {
    padding: 16px 16px;
    background: url('../../Images/Progressbar.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
}

    .BarSet p {
        font-size: 13px;
        color: #fff;
        margin-top: 6px;
        margin-bottom: 0px;
        font-weight: 500;
    }

.ProgressBardiv {
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    height: 12px;
}

.progress {
    background-color: #27fe1c !important;
    height: 100%;
}

.ProgressBardiv progress {
    width: 100%;
    height: 28px;
}

.SearchForm {
    display: flex;
    align-content: center;
}

    .SearchForm button i {
        color: #777777;
    }

    .SearchForm input:focus-visible {
        outline: none;
    }

    .SearchForm input {
        width: 100%;
        border: none;
        background: no-repeat;
        font-size: 14px;
    }

.SearchBoxSet {
    margin-top: 10px;
    background: #ffffff;
    padding: 6px 12px;
    border-radius: 4px;
    box-shadow: 0px 0px 1px 1px #e2e2e2;
}

.SearchForm button {
    border: none;
    background: none;
}

.MetricStaffUl {
    padding-left: 0px !important;
    list-style: none !important;
    padding: 0;
    margin-bottom: 0;
    margin-top: 9px;
    overflow-y: auto;
}

    .MetricStaffUl img {
        width: 16px !important;
        margin-bottom: 3px !important;
        margin-right: 5px !important;
    }

    .MetricStaffUl a:hover img {
        filter: invert(44%) sepia(88%) saturate(5535%) hue-rotate(185deg) brightness(97%) contrast(101%) ;
    }

.LiActive img {
    filter: invert(44%) sepia(88%) saturate(5535%) hue-rotate(185deg) brightness(97%) contrast(101%);
}

.LiActive {
    color: #006dde !important;
    text-decoration: none !important;
}


.MetricStaffUl a.LiTextActive {
    color: #006dde !important;
    text-decoration: none !important;
}

.MetricStaffUl a:hover {
    color: #006dde !important;
    background: aliceblue !important;
}

.MetricStaffUl a {
    display: block;
    padding: 16px 10px;
    cursor: pointer;
    font-size: 13.5px;
    color: #212529 !important;
    text-decoration: none;
}

.MetricStaffUl li {
    border-bottom: 1px solid #e8e8e8;
}

.MetricStaffUl::-webkit-scrollbar, .Tabdesign::-webkit-scrollbar, .Tabdesign1::-webkit-scrollbar {
    width: 7px !important;
}

.MetricStaffUl::-webkit-scrollbar-thumb, .Tabdesign::-webkit-scrollbar-thumb, .Tabdesign1::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #bebebe;
}

.MetricStaffUl::-webkit-scrollbar-thumb, .Tabdesign::-webkit-scrollbar-thumb, .Tabdesign1::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 5px;
}

.MetricStaffUl::-webkit-scrollbar-track, .Tabdesign::-webkit-scrollbar-track, .Tabdesign1::-webkit-scrollbar-track {
    margin-top: 20px !important;
    background: transparent;
    border-radius: 20px;
}

.MetricStaffUl::-webkit-scrollbar-track, .Tabdesign::-webkit-scrollbar-track, .Tabdesign1::-webkit-scrollbar-track {
    background: #eeeeee;
    padding: 5px 0px !important;
}

.CpoyClass input {
    top: 2px;
    position: relative;
    margin-right: 4px;
}

.MetricStaffUl input {
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.CpoyClass {
    font-size: 13.5px;
    margin-top: 12px;
    margin-left: 2px;
    cursor: pointer;
    color: #006dde;
}

.MetricStaffUl input {
    display: none;
}

ul.MetricStaffUl.UserIconActive input {
    display: inline-block !important;
}

.UserIconActive li a img {
    display: none;
}

.Copybtn {
    text-decoration: none;
    padding: 1px 17px 5px 17px;
    background: #0f76e0;
    border-radius: 4px;
    color: #fff !important;
    display: none;
}

.DataentryDiv {
    padding: 15px 20px;
}

.HideSections .AlgnDiv1 {
    display: none;
}

.HideSections .BannerDiv1 {
    min-height: 55px;
}

.HideSections .MenuBtn {
    top: 9px;
}

.HideSections .LeftDataentryView {
    transform: translate(-285px);
    transition: 0.3s;
}

.HideSections .RightDataentryView {
    transition: 0.3s;
    width: 100%;
    margin-left: 0px;
}

.HideSections .MatricOrUserList {
    display: block;
}

.Tabdesign {
    margin-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.StatusDivstyle button:hover {
    border: 1px solid #bbbbbb;
}

.StatusDivstyle i {
    font-size: 11px;
    margin-right: 8px;
}

.CardHead p i {
    font-size: 9px;
    color: #3684d5;
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.CardHead p {
    font-size: 13.5px;
    margin: 0px;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.CommentDiv a {
    font-size: 11px;
    cursor: pointer;
    color: #2273c7 !important;
    font-weight: 500;
}

.CommentDiv textarea {
    width: 100%;
    min-height: 130px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 13.5px;
    color: #666666;
}

    .CommentDiv textarea:focus-visible, .CommentDiv textarea:focus {
        outline: none;
        border: 1px solid #65aaf0;
        box-shadow: none !important;
    }

.CardHead p img {
    width: 22px;
    position: relative;
    top: -3px;
    margin-right: 7px;
}
.CardHead input {
    margin-right: 10px;
    cursor: pointer;
}
.CardSet {
    background: #ffffff;
    box-shadow: 0px 1px 5px 2px #f1f1f1;
    min-height: 180px;
    border-radius: 6px;
    padding: 18px 15px 10px 15px;
    min-height: 238px;
    border-top: 2px solid #2e80d4;
    height: 230px;
    margin-bottom: 30px;
}

.custom-dropdown {
    font-size: 16px;
}

    .custom-dropdown option {
        font-family: 'Font Awesome 5 Free';
        padding-left: 10px;
    }

.CardHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Greyclr {
    color: #bdbdbd;
}

.Greenclr {
    color: #22cb1a;
}

.Yellowclr {
    color: #e6c614;
}

.Redclr {
    color: #f63c3c;
}

.StatusDivstyle button {
    font-size: 14px;
    width: 100px;
    text-align: left;
    border: 1px solid #bbbbbb;
    padding: 4px 4px 4px 8px;
    color: #4a4a4a !important;
    background: #fff;
    border-radius: 4px;
}
/* Data entry Body  Style End */


.P0 {
    padding: 0px;
}

.M0 {
    margin: 0px;
}

.W100 {
    width: 100% !important;
}

.RightMainSection {
    position: relative;
    margin-left: 125px;
    transition: 0.3s;
}

.PT15 {
    padding-top: 15px;
}

.P1545 {
    padding: 15px 45px;
}

.MB7 {
    margin-bottom: 7px !important;
}

a.menuBtn.listbtns:hover p {
    color: #0078ca;
}

/* Latest after Zip */

.ReviewSet {
    padding: 30px 20px;
    overflow-y: auto;
  
}

.accordion-collapse {
    transition: height 0.4s ease;
}

.accordion-button:not(.collapsed) {
    transition: background-color 0.3s ease;
}

.ReviewCard img {
    width: 25px;
    margin-right: 12px;
}

.ReviewCard:focus {
    box-shadow: none;
}

.ReviewCard:focus-visible {
    outline: none;
}

.ReviewCard {
    font-size: 15px;
    font-weight: 600;
}

.ReviewSet .accordion-item {
    margin-bottom: 15px;
}
.ReviewSet3 .accordion-item {
    margin-bottom: 15px;
}
.ReviewSet3 {
    padding: 0px 20px;
    overflow-y: auto;
}
.ReviewTable table {
    width: 100%;
}

.rotatebtn {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease;
}

.HideTr {
    display: none;
}

.exapnded-viewdiv tbody tr {
    border: 1px solid #efefef;
}

.ReviewTable thead tr {
    border: 1px solid #ebebeb;
    background: #fafafa;
}

.exapnded-viewdiv tbody tr td {
    font-size: 14px;
    padding: 6px 15px;
}

.BackgroundActive .UserNamestyle {
    color: #1777db;
    font-weight: 500;
}

.ReviewTable thead tr th {
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500;
}

.Openclosebtn {
    background: none;
    border: none;
    color: #2273c7;
    font-weight: 500;
}

.blueclr {
    color: #2273c7;
}

.aligncenter {
    text-align: center;
}

.main-data-row {
    border: 1px solid #e4e4e4;
}

    .main-data-row td {
        padding: 16px 8px;
        font-size: 14px;
    }

.incompetecircle {
    font-size: 12px;
    color: #f63c3c;
}

.DownBtn {
    background: none;
    border: none;
}

.BackgroundActive {
    box-shadow: 0px 1px 20px 4px #f3f3f3;
    background: #d9e8ff;
}



/* Supplier Data entry page style start */

.pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

    .pagination button {
        padding: .4rem 1em;
        margin: 0 2px;
        cursor: pointer;
        background: transparent;
        border: 0;
        font-size: 16px;
    }

    .pagination .page-number.active {
        background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
        border: 1px solid rgba(0,0,0,.3);
        border-radius:2px;
    }

.Commntarea {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 13px;
    padding: 13px 10px 0px 10px;
}

    .Commntarea:focus-visible {
        outline: none;
        border: 1px solid #65aaf0;
    }

    .Commntarea:focus-visible {
        outline: none;
        border: 1px solid #65aaf0;
    }

.FTEtd input:focus-visible {
    outline: none;
    border: 1px solid #65aaf0;
}

.InputFiledstyle input:focus-visible, .InputFiledstyle select:focus-visible {
    outline: none;
    border: 1px solid #65aaf0;
}

.ReviewSet1 {
    padding: 20px 30px;
    overflow-y: auto;
}

.ReviewSetHublead {
    overflow-y: auto;
}

.DataentrySearchSet {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 25px;
}

.SearchBoxSet1 {
    background: #ffffff;
    padding: 6px 12px;
    border-radius: 4px;
    width: 300px;
    border: 1px solid #e8e8e8;
    margin-right: 30px;
}

.FTEtd input {
    width: 60px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    min-height: 28px;
}

.NotBillableTD input {
    width: 60px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    min-height: 28px;
    color: #6c6c6c;
}

    .NotBillableTD input:focus-visible {
        outline: none;
        border: 1px solid #65aaf0;
    }

.Openclosebtn1 {
    background: none;
    border: none;
    color: #2273c7;
    font-weight: 500;
    font-size: 14px;
}

.blueclr1 {
    color: #2273c7;
    font-size: 13px;
}

.ReviewTableDataEntry table {
    width: 100%;
}

.ReviewTableDataEntry thead tr {
    background: #fafafa;
    border-bottom: 1px solid #e4e4e4 !important;
    border: none;
}

    .ReviewTableDataEntry thead tr th {
        padding: 18px 10px;
        font-size: 13.5px;
        font-weight: 500;
        background: #fff;
        color: #2061a4;
    }

.ReviewTableDataEntry .main-data-row td {
    padding: 16px 8px;
    font-size: 13.5px;
    background: #ffffff;
}

.ReviewTableDataEntry .main-data-row {
    border-bottom: 1px solid #e4e4e4 !important;
    border: none;
}

.ReviewTableDataEntry {
    padding: 0px 10px;
    background: #fff;
    box-shadow: 0px 0px 5px 3px #f1f1f1;
}

.InputFiledstyle input, .InputFiledstyle select {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    min-height: 28px;
    color: #6c6c6c;
    width: 140px;
    padding: 5px 5px;
}

.DownBtn1 {
    background: none;
    border: none;
    color: #357cee;
    font-size: 15px;
}

.Cancelbtn {
    padding: 4px 18px;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    background: #fafafa;
    width: 90px;
    margin-right: 8px;
}

    .Cancelbtn:hover {
        background: #e8e8e8;
    }

.Savebtn:hover {
    background: #1069c6;
}

.Savebtn {
    padding: 3px 18px 6px 18px;
    border: 1px solid #006cdc;
    border-radius: 4px;
    font-size: 14px;
    background: #006cdc;
    width: 90px;
    height: 30px;
    color: #fff;
}

.SaveCancelSet {
    margin-top:24px;
    text-align: center;
}

.DemandDatatab {
    padding: 25px 25px;
    overflow-y: auto;
}

.DemandTable tr th {
    padding: 16px 10px;
    font-size: 13.5px;
    font-weight: 500;
    background: #fff;
    border: none;
    color: #2061a4;
}

.LatestDemandTable tr th {
    padding: 16px 10px;
    font-size: 13.5px;
    font-weight: 500;
    border: none;
    background: #fff;
    color: #2061a4;
}

.demandMonthValue {
    width: 185px;
}

.LatestDemandTable tr td {
    padding: 12px 10px;
    font-size: 13.5px;
    font-weight: 400;
    background: #fff;
    color: #5a5a5a;
    border: none;
    vertical-align: middle;
}

.DemandTable thead tr {
    border: none;
}

.LatestDemandTable thead tr {
    border: none;
}

.DemandTable tr td {
    padding: 12px 10px;
    font-size: 13.5px;
    font-weight: 400;
    background: #fff;
    color: #5a5a5a;
    border: none;
    vertical-align: middle;
}

.Tablebackground {
    background: #fff;
    padding: 4px 15px 8px 15px;
    box-shadow: 0px 0px 5px 3px #f1f1f1;
}

.DemandHeading {
    font-size: 16px;
    margin-bottom: 16px;
    color: #454545;
    font-weight: 600;
}

.demandMonthValue input:focus-visible, .demandMonthValue input:focus {
    outline: none;
    border: 1px solid #58abff;
    box-shadow: none;
}

.DemandHeading img {
    width: 23px;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.demandMonthValue input {
    font-size: 13.5px;
}

.PB20 {
    padding-bottom: 25px;
}

.ReviewTabSupplier {
    overflow-y: auto;
    padding: 16px 20px;
}
/* Supplier Data entry page style End */


/* HL Dahsboard  page style Start */

.UserPersonalCardHL {
    position: relative;
    background: #fff;
    border-radius: 9px 9px 0px 0px;
    min-height: 90px;
    display: flex;
    align-items: center;
    border-bottom: 12px solid #f2f2f4;
}

.BodySectionHL {
    position: relative;
    top: -152px;
}

.HLTab {
    background: #fff;
    border-radius: 1px 1px 9px 9px;
}

    .HLTab .nav-link.active {
        border: none;
        background: none;
        font-weight: 600;
        border-bottom: 5px solid #2273c7;
        color: #2273c7;
    }

    .HLTab .nav-link {
        color: #5f5f5f;
        border: none;
        padding: 12px 30px;
        font-size: 13.5px;
    }

        .HLTab .nav-link:hover {
            border: none;
            border-bottom: 5px solid #2273c7;
        }

.CardouterHL {
    background: #fff;
    border-radius: 9px;
    padding: 25px 25px 18px 25px;
    box-shadow: 0px 4px 4px -1px #eaeaea;
    border: 1px solid #eeeeee;
}

.ProgressBardivHL {
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    height: 12px;
    display: flex;
}

.progressHL {
    height: 100%;
    border-radius: 10px;
}

    .progressHL.green {
        background-color: #8bc34a;
        z-index: 10;
    }

    .progressHL.orange {
        background-color: #f9a825;
        position: relative;
        left: -10px;
        z-index: 5;
    }

.HLProgress {
    width: 40%;
    margin-left: 80px;
}

.progressHL.red {
    background-color: #ff4646;
    position: relative;
    left: -20px;
}

.ViewDeatils {
    font-size: 13px;
    text-decoration: none;
    font-weight: 500;
    color: #1766c4;
    cursor: pointer;
}

.HLstatusDeatilsDiv {
    display: none;
    width: 100%;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #eaeaea;
    box-shadow: 0px 2px 2px 0px #f2f2f2;
    border-radius: 1px 1px 10px 10px;
    padding: 18px 18px;
    height: 260px;
}

.CardDiv1 {
    min-height: 100px;
    box-shadow: 0px 0px 4px 0px #eaeaea;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    display: flex;
    margin-bottom: -1px;
}

.HLstatus1 {
    font-size: 13px;
    color: #767676;
    font-weight: 400;
    margin-bottom: 6px;
}

/*.InProgress {
    font-size: 12px;
    color: #09cbf4;
    margin-right: 3px;
}*/

.Subheading {
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin: 4px;
}

.UserList {
    padding: 10px 8px;
}

    .UserList p i {
        margin-right: 7px;
        color: #bbbbbb;
        font-size: 16px;
    }

    .UserList p {
        font-size: 14px;
        margin-bottom: 14px;
    }

.HLstatusDeatilsDiv::-webkit-scrollbar {
    width: 5px; /* Width of the scrollbar */
}

.HLstatusDeatilsDiv::-webkit-scrollbar-track {
    background: #f0f0f0; /* Track color */
    border-radius: 6px;
}

.HLstatusDeatilsDiv::-webkit-scrollbar-thumb {
    background: #888; /* Thumb color */
    border-radius: 6px; /* Rounded corners */
}

    .HLstatusDeatilsDiv::-webkit-scrollbar-thumb:hover {
        background: #555; /* Thumb hover color */
    }

.MT5 {
    margin-top: 5px !important;
}
/* HL Dahsboard  page style End */


/* Report  page style Start */

.BodySetionReport {
    padding: 12px 30px;
    overflow-y: auto;
}

.dt-length {
    display: none;
}

.ReportDataTable th {
    padding: 16px 16px !important;
    font-size: 13.5px;
    font-weight: 500 !important;
    background: #fff;
    border: none !important;
    color: #2061a4;
}
.ReportDataTable th span.dt-column-order,
.IssueDataTable th span.dt-column-order {
    right: 0 !important;
}
.ReportDataTable td {
    padding: 15px 16px !important;
    font-size: 13.5px;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.ReportDataTable tr {
    border-top: 1px solid #e7e7e7;
}

.ReportDataTable {
    box-shadow: 0px 0px 5px 3px #f1f1f1;
}

.BannerDiv2 {
    background: linear-gradient(0deg, rgb(0 0 0 / 31%), rgb(0 0 0 / 0%)), url(../../Images/Banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 85px;
    background-position: center;
}

.AlgnDiv2 {
    padding: 15px 55px 15px 55px;
}

.ReportTable .dt-search label {
    display: none;
}

.ReportTable .dt-search input {
    font-size: 14px;
    background: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    width: 230px;
    border: 1px solid #e8e8e8 !important;
}

.ReportTable .dt-search i {
    font-size: 14px;
    color: #777777;
    position: relative;
    left: 220px;
}

.ReportTable .dt-search input:focus-visible {
    outline: none;
    border: 1px solid #2b8fd7 !important;
}

.ReportTable .dt-search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.ReportFilter select {
    padding: 7px 10px 7px 10px;
    border: 1px solid #ededed;
    border-radius: 4px;
    margin-right: 20px;
    font-size: 13.5px;
    font-weight: 400;
    color: #383838;
}

.ReportFilter {
    display: inline-block;
    position: relative;
    z-index: 99;
    top: 45px;
}

    .ReportFilter select:focus-visible {
        outline: none;
        border: 1px solid #3e92f4;
    }

.NotyetstartedDot1 {
    font-size: 10px;
    position: relative;
    color: red;
    margin-right: 3px;
    top: -2px;
}

.SubmittedDot1 {
    font-size: 10px;
    color: #8fdd36;
    position: relative;
    margin-right: 3px;
    top: -2px;
}

.ReportTable .dt-paging nav {
    box-shadow: 0px 0px 5px 3px #f1f1f1;
    background: #fff;
}

.ReportTable .dt-paging nav {
    box-shadow: 0px 0px 5px 3px #fafafa;
    background: #fff;
}

.ReportTable {
    position: relative;
    top: -40px;
}
/* Report  page style End */




/* Staff Page Style Start */
.Managestaffdiv {
    display: flex;
    justify-content: space-between;
    margin-right: 230px;
    position: relative;
    top: 52px;
    z-index: 10;
}

.StaffFilter select {
    padding: 7px 10px 7px 10px;
    border: 1px solid #ededed;
    border-radius: 4px;
    margin-right: 20px;
    font-size: 13.5px;
    font-weight: 400;
    color: #383838;
    width: 200px;
    appearance: auto;
}

    .StaffFilter select:focus-visible {
        outline: none;
        border: 1px solid #3e92f4;
    }

.Downloadbtn {
    border-radius: 5px;
    color: #1766c4;
    background: #ddeaf6;
    border: 1px solid #228ced !important;
    padding: 6px 15px 9px 15px;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.4s;
    margin-right: 18px;
}

    .Downloadbtn i {
        margin-right: 7px;
    }

.AddBtn {
    border-radius: 5px;
    color: #fff;
    background: #0fc71c;
    border: 1px solid #0fc71c !important;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.4s;
}

    .AddBtn i {
        margin-right: 5px;
    }

.Downloadbtn:hover {
    background: #228ced;
    color: #fff;
}

.auditBtn:hover {
    background: #228ced;
    color: #fff;
}
.auditBtn {
    border: 1px solid #228ced !important;
    border-radius: 5px;
    color: #1766c4;
    background: #ddeaf6;
    border: none;
    padding: 7px 15px;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.4s;
    margin-right: 18px;
}

    .auditBtn i {
        margin-right: 7px;
    }

.auditBtn {
    border-radius: 5px;
    color: #1766c4;
    background: #ddeaf6;
    border: none;
    padding: 7px 15px;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.4s;
    margin-right: 18px;
}

    .auditBtn i {
        margin-right: 7px;
    }

.AddBtn:hover {
    color: #fff;
    background: #08a513;
    border: 1px solid #08a513 !important;
}

.Buttonset1 {
    white-space: nowrap;
}

.MT10 {
    margin-top: 10px !important;
}
.MT25 {
    margin-top: 25px !important;
}
.MT15 {
    margin-top: 15px !important;
}
.Deletebtn {
    color: #ff6d6d;
}

.EditAssignment {
    color: #3dc000;
}

.editLMAssignment {
    color: #3dc000;
}

.Buttonset1 a {
    margin-right: 18px;
    cursor: pointer;
    color: #acbc99;
}

.ReportDataTable tr:hover .Deletebtn {
    color: #ff6d6d;
}

.ReportDataTable tr:hover .EditAssignment {
    color: #2787ff;
}

.ReportDataTable tr:hover .Editbtn {
    color: #2a82ff;
}

.ReportDataTable tr:hover {
    cursor: pointer;
}

.RightSidepopup {
    position: fixed;
    top: 0;
    right: -100%;
    width: 45%;
    height: 100%;
    background-color: #09335e;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    padding: 25px 35px;
    transition: right 0.5s cubic-bezier(1, -0.44, 0, 0.97);
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
}


    .RightSidepopup h2 {
        margin-top: 0;
    }

    .RightSidepopup .close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
    }

    .RightSidepopup.open {
        right: 0;
    }

.closeBtn {
    background: #ff1111;
    font-size: 20px;
    width: 30px;
    height: 30px;
    color: #fff;
    align-items: center;
    display: flex;
    border-radius: 5px;
    border: none;
    justify-content: center;
    right: 16px;
    position: absolute;
}

.IRPAuditTitle,
.DeleteIRPTitle,
.AddStafftitle {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
}

    .IRPAuditTitle
    .DeleteIRPTitle,
    .AddStafftitle i {
        margin-right: 9px;
        font-size: 18px;
        position: relative;
        top: -3px;
    }

.AddstaffForm label {
    color: #fff;
    font-size: 14px;
    align-items: center;
    display: flex;
}

.AddstaffForm .form-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.AddstaffForm input {
    width: 65%;
    padding: 8px 10px 8px 10px;
    border: 1px solid #ededed;
    border-radius: 4px;
    font-size: 13.5px;
    font-weight: 400;
    color: #383838;
}

.AddstaffForm select {
    width: 65%;
    padding: 8px 10px 8px 10px;
    border: 1px solid #ededed;
    border-radius: 4px;
    font-size: 13.5px;
    font-weight: 400;
    color: #383838;
}

    .AddstaffForm select:focus-visible {
        outline: none;
    }

.Restbtn {
    padding: 4px 18px;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    background: #fafafa;
    width: 90px;
    font-size: 14px;
    margin-right: 8px;
}

.Addbtn1 {
    padding: 4px 18px;
    border: 1px solid #2db036;
    border-radius: 4px;
    background: #05b912;
    width: 90px;
    font-size: 14px;
    color: #fff;
}

.RemoveBtn {
    padding: 4px 18px;
    border: 1px solid #b90505;
    border-radius: 4px;
    background: #b90505;
    width: 90px;
    font-size: 14px;
    color: #fff;
}

.SaveCancelSet1 {
    text-align: right;
    margin-top: 40px;
}
/* Staff Page Style End */


/* Issue Page Style Start */

.AddIssue {
    border-radius: 5px;
    color: #fff;
    background: #2778c3;
    border: 1px solid #2778c3 !important;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.4s;
}

    .AddIssue:hover {
        background: #0e589e;
        border: 1px solid #0e589e !important;
    }

.IssueDataTable {
}

    .IssueDataTable th {
        padding: 16px 16px !important;
        font-size: 13.5px;
        font-weight: 500 !important;
        background: #fff;
        border: none !important;
        white-space: nowrap;
        color: #2061a4;
    }

    .IssueDataTable td {
        padding: 15px 16px !important;
        font-size: 13.5px;
        background: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 190px;
    }

    .IssueDataTable tr {
        border-top: 1px solid #e7e7e7;
    }

.IssueDataTable {
    box-shadow: 0px 0px 5px 3px #f1f1f1;
}

    .IssueDataTable tr:hover .Deletebtn {
        color: #ff6d6d;
    }

    .IssueDataTable tr:hover .editLMAssignment {
        color: #3dc000;
    }

    .IssueDataTable tr:hover .Editbtn {
        color: #2a82ff;
    }

    .IssueDataTable tr:hover {
        cursor: pointer;
    }

.W90 {
    width: 90% !important;
}
.W50 {
    width: 50% !important;
}
.MR25 {
    margin-right: 25px !important;
}
.ML20 {
    margin-left: 20px;
}
.MB10 {
    margin-bottom: 10px !important;
}
/* Issue Page Style End */
.Top0 {
    top: 0px !important;
}
.Top64{
    position:relative;
    top:-64px;
}
/* Issue Page Style End */

.Zindex9 {
    position: relative;
    z-index: 9;
}
.hViewallreports {
    font-size: 13px;
    font-weight: 500;
    color: #1766c4 !important;
    text-decoration: none;
}
.CustomstyleDrop ul {
    width: 320px;
    padding: 10px 10px;
}
    .CustomstyleDrop ul a {
        font-size: 13.5px;
        color: #2e2e2e;
        text-decoration: none;
        white-space: normal !important;
        display: block;
        padding: 4px 0px;
    }
    .CustomstyleDrop ul li:hover {
        background: #ececec;
    }
    .CustomstyleDrop ul a:hover {
        background: #ececec;
        color: #171717 !IMPORTANT;
    }
    .CustomstyleDrop ul a i {
        margin-right: 10px;
        color: #2678ff;
    }

.W250{
    width:250px !important;
}
.potimage1 {
    position: absolute;
    right: 10px;
    bottom: -8px;
}
.potimage1 img {
    width: 90px;
}
.Custombreadcrumbs a {
    color: #ffffff !important;
    font-weight: 600;
    border-left: 2px solid #fff;
    padding-left: 11px;
    text-decoration: none;
}
.Custombreadcrumbs {
    position: absolute;
    top: -61px;
    left: 318px;
    color: #fff;
    font-size: 14px;

}
.LiTextActive img {
    filter: invert(44%) sepia(88%) saturate(5535%) hue-rotate(185deg) brightness(97%) contrast(101%);
}
.HideSections .BannerDiv2 {
    min-height: 55px !important;
}
.HideSections .AlgnDiv2 {
    display: none;
}
.N_Adot {
    font-size: 10px !important;
    color: #bdbdbd;
}
.Green_dot {
    font-size: 10px !important;
    color: #22cb1a;
}
.Yelloe_Adot {
    font-size: 10px !important;
    color: #e6c614;
}
.Red_dott {
    font-size: 10px !important;
    color: #f63c3c;
}
.Status_text {
    margin-right: 12px;
}
.StatusDivstyle ul {
    padding: 3px 10px;
}
    .StatusDivstyle ul a {
        font-size: 14px;
        text-decoration: none;
        color: #1e1e1e;
    }
    .StatusDivstyle ul li {
        padding: 4px 10px 8px 10px;
    }
        .StatusDivstyle ul li:hover {
            background: #f6f6f6;
        }
.copyAllforStafftoMetricbtn {
    font-size: 11px !important;
    cursor: pointer;
    color: #2273c7 !important;
    font-weight: 500;
    padding: 0px 0px;
}
.SelectAllBtn label {
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    font-weight: 500;
    top: -2px;
    color: #2273c7;
    cursor: pointer;
}
.SelectAllBtn:active {
    border: none;
}
.copyCurrentmonthDatabtnGrid {
    font-size: 13px;
    background: #007ecc;
    padding: 4px 18px;
    position: relative;
    top: -6px;
    margin-right: 30px;
    margin-left: 20px;
    color: #fff;
}
    .copyCurrentmonthDatabtnGrid:hover {
        background: #00619c;
        color:#fff
    }
.SelectAllBtn {
    position: relative;
    top: -5px;
}
.Copystyle1 {
    font-size: 11px !important;
    cursor: pointer;
    color: #2273c7 !important;
    font-weight: 500;
    background: none;
    padding: 10px 0px;
    border: none;
}
.copyCurrentmonthDatabtn {
    font-size: 13px;
    background: #007ecc;
    padding: 5px 18px 8px 18px;
    position: relative;
    height: 32px;
    top: -4px;
    margin-right: 30px;
    margin-left: 20px;
    color: #fff;
}

    .copyCurrentmonthDatabtn:hover {
        background: #00619c;
        color: #fff
    }
.competecircle {
    font-size: 10px;
    margin-right: 3px;
    position: relative;
    top: -1px;
    color: #00ae2d;
}
.exapnded-viewdiv td:nth-child(1) {
    width: 2%;
}
.exapnded-viewdiv td:nth-child(2) {
    width: 30%;
}
.exapnded-viewdiv td:nth-child(3) {
    width: 15%;
}
.RegionBtn {
    font-size: 14px;
}
    .RegionBtn:active, .RegionBtn:focus-visible, .RegionBtn:focus, .RegionBtn:hover {
        background: none !important;
        border: none !important;
        box-shadow: none;
        color: #fff;
        opacity: 1;
    }
.Profilebtn1:active, .Profilebtn1:focus-visible, .Profilebtn1.show {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.Profilebtn1 {
    font-size: 14px;
}
.Rolehead {
    padding: 5px 14px 10px 13px;
    font-size: 12px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 2px;
}
.MetricIcon img {
    filter: none !important;
}
.MetricIcon:hover img {
    filter: none !important;
}
.MT0{
    margin-top:0px;
}
.HLMetric i {
    font-size: 9px !important;
    margin-left: 3px;
    top: 0px !important;
}
.HLMetric.active {
    color: #006dde !important;

}
.HLTopSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Align2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.MB0{
    margin-bottom:0px;
}
.Rollstatus p {
    font-size: 15px;
}
.Rollstatus i {
    font-size: 15px !important;
}
.CustomH {
    min-height: 212px !important;
    height: 212px !important;
}
.MH135{
    min-height:135px !important
}
.cardheading1 {
    font-size: 13.5px;
    font-weight: 500;
}
    .cardheading1 i {
        padding-left: 0px !important;
        color: #0093cb;
        padding-right: 10px;
    }
.F13{
    font-size:13px;
}
.Showmorebtn {
    font-size: 13.5px !important;
    text-decoration: none;
    font-weight: 500;
    color: #1766c4 !important;
    cursor: pointer;
    padding-right: 12px;
    margin-top: 10px;
}
.Aligndiv5 {
    text-align: right;
    top: -30px;
    position: relative;
}
.headingstle3 {
    padding-left: 12px;

    font-size: 14px;
    font-weight: 500;
    color: #267cd5;
}
.M10{
    margin:10px;
}
.AlgnDiv6 {
    padding: 0px 40px;
}
.Headingstle9 {
    font-size: 15px;
    font-weight: 600;
    color: #4c4c4c;
}
.Headingstle6 {
    font-size: 15px;
    font-weight: 500;
    color: #0f71c4;
}
.Headingstle7 {
    width: 100%;
    font-size: 14px;
    margin-bottom: 6px;
}
.Alignset8 {
    background: #fff;
    background: #ffffff;
    box-shadow: 0px 1px 5px 2px #f1f1f1;
    min-height: 180px;
    border-radius: 6px;
    padding: 18px 15px 10px 15px;
    min-height: 230px;
    border-top: 2px solid #2e80d4;
    height: 230px;
    margin-top: 15px;
    margin-bottom: 20px;
}
    .Alignset8 textarea {
        font-size: 14px;
    }
        .Alignset8 textarea:disabled {
            background: #fafafa !important;
        }
    .Alignset8 textarea {
        font-size: 14px;
        color: #464646;
    }
.CoomentBox3 textarea {
    font-size: 14px;
    color: #464646;
}
.Tabdesign1 {
    margin-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}
.MB30 {
    margin-bottom: 30px;
}
.MB20 {
    margin-bottom: 20px;
}
.Acknowledgebtn2 {
    background: #138700;
    border: none;
    color: #fff;
    padding: 6px 25px 9px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
}
.Savebtn3 {
    background: #006cdc;
    border: none;
    color: #ffffff;
    padding: 6px 25px 9px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin-right: 10px;
}
    .Savebtn3:hover {
        background: #1069c6;
        color: #fff;
    }
.cancletbtn3 {
    background: #e8e8e8;
    border: none;
    color: #535353;
    padding: 6px 25px 9px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin-left: 10px;
}
.AlgnDivchange {
    padding: 28px 55px 15px 55px !important;
}
.Custombreadcrumbs1 {
    position: absolute;
    top: 33px;
    left: 318px;
    color: #fff;
    font-size: 14px;
}
    .Custombreadcrumbs1 a {
        color: #ffffff !important;
        font-weight: 600;
        border-left: 2px solid #fff;
        padding-left: 11px;
    }
.FullWidthscreen {
    margin-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.DesignTableset .dt-search label {
    font-size: 14px;
    margin-right: 8px;
}

.DesignTableset .dt-search input {
    font-size: 14px;
    background: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    width: 300px;
    border: 1px solid #e8e8e8 !important;
    z-index: 5;
    position: relative;
    margin-bottom: 10px;
}

.DesignTableset .dt-search i {
    font-size: 14px;
    color: #777777;
    position: relative;
    left: 290px;
}

.DesignTableset .dt-search input:focus-visible {
    outline: none;
    border: 1px solid #2b8fd7 !important;
}

.DesignTableset .dt-search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
.AlignDivset6 {
    padding: 0px 20px;
}
.Aligndivset7 {
    position: relative;
    right: 400px;
}
.Customdropdownset1 {
    display: flex;
    align-items: center;
}
.FilerSet1 {
    display: flex;
    justify-content: space-between;
    z-index: 2;
    position: relative;
}
.DesignTableset div#StaffIndex_wrapper {
    position: relative;
    top: -50px;
}
.Customdropdownset1 label {
    font-size: 14px;
    margin-right: 8px;
}
.Customdropdownset1 select {
    font-size: 14px;
    background: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    width: 200px;
    border: 1px solid #e8e8e8 !important;
}
.Customdropdownset1 select:focus {
box-shadow:none;
}
.Customdropdownset1 select {
    font-size: 14px;
    background: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    width: 200px;
    border: 1px solid #e8e8e8 !important;
    appearance: auto;
}
.DesignTableset td {
    padding: 15px 16px !important;
}
.DesignTableset th {
    padding: 20px 10px !important;
}
.DesignTableset .dt-paging {
    background: #fff;
}
.FormInner label {
    color: #fff;
    font-size: 14px;
    align-items: center;
    display: flex;
}

.FormInner {
    display: flex;
    justify-content: space-between;

}

    .FormInner input {
        width: 65%;
        padding: 8px 10px 8px 10px;
        border: 1px solid #ededed;
        border-radius: 4px;
        font-size: 13.5px;
        font-weight: 400;
        color: #383838;
        height: 38px !important;
    }
    .FormInner .select2 {
        width: 65% !important;
        height: 38px !important;
    }
    .FormInner .select2-selection {

        height: 38px !important;
    }
    .FormInner select {
        width: 65%;
        padding: 8px 10px 8px 10px;
        border: 1px solid #ededed;
        border-radius: 4px;
        font-size: 13.5px;
        font-weight: 400;
        color: #383838;
        appearance: auto;
        height: 38px !important;
    }
    .FormInner textarea {
        width: 65%;
        padding: 8px 10px 8px 10px;
        border: 1px solid #ededed;
        border-radius: 4px;
        font-size: 13.5px;
        font-weight: 400;
        color: #383838;
        appearance: auto;
    }

.FormInner select:focus-visible {
    outline: none;
}
.AddstaffForm1 .form-group {
    margin-bottom: 25px;
}
.infoStatemnt {
    color: #ff5f5f;
    font-size: 12px;
    text-align: right;
    margin-top: 8px;
}
.StaffFilter {
    display: flex;
}
.Hiddeninput input {
    width: 64%;
}
.Hiddeninput {
    text-align: right;
    display: flex;
    justify-content: end;
}
.SaveCancelSet2 {
    text-align: center;
    margin-top: 30px;
}
.Tabledesigninsidepopup th {
    color: #fff !important;
    background: none !important;
    padding: 16px 16px !important;
    font-size: 13.5px;
    font-weight: 500 !important;
    white-space: nowrap;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}
.Tabledesigninsidepopup td {
    color: #fff !important;
    background: none !important;
    padding: 16px 16px !important;
    font-size: 13.5px;
    font-weight: 500 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    border-bottom: 1px solid #fff !important;
}
.Tabledesigninsidepopup .dt-search label {
    color: #fff;
    margin-right: 10px;
}
.Tabledesigninsidepopup {
    background: #ffffff0d;
    padding: 10px 25px;
    border-radius: 15px;
    border: 1px solid #ffffff26;
    overflow: auto;
}
    .Tabledesigninsidepopup .dt-info {
        color: #fff !important;
    }
    .Tabledesigninsidepopup .dt-paging button {
        background: #fff !important;
    }
    .Tabledesigninsidepopup .dt-input {
        color: #fff !IMPORTANT;
    }
.Aligndivset8 {
    display: flex;
    align-items: center;
}
.Searchcustom  input{
    font-size: 14px;
    background: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    width: 230px;
    border: 1px solid #e8e8e8 !important;
}
.Searchcustom input:focus {
  box-shadow:none;
}
.Custompaginations ul li {
    padding: 6px 10px;
    background: #fff;
}
.Custompaginations ul {
    margin: 0px;
    margin-bottom: 35px;
}
    .Custompaginations ul li a {
        text-decoration: none;
        color: #414141;
    }
    .Custompaginations ul li.active {
        background: #5064f5;
        color: #fff;
    }
.Custompaginations .results {
    margin-top: 20px;
    margin-bottom: 0px;
}
.AddstaffForm1 .form-control:disabled {
    background: #cfcfcf !important;
    cursor: not-allowed;
}

.ReportTable1 .dt-search label {
    display: none;
}

.ReportTable1 .dt-search input {
    font-size: 14px;
    background: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    width: 230px;
    border: 1px solid #e8e8e8 !important;
}

.ReportTable1 .dt-search i {
    font-size: 14px;
    color: #777777;
    position: relative;
    left: 220px;
}

.ReportTable1 .dt-search input:focus-visible {
    outline: none;
    border: 1px solid #2b8fd7 !important;
}

.ReportTable1 .dt-search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
.ReportTable1 .dt-paging nav {
    box-shadow: 0px 0px 5px 3px #f1f1f1;
    background: #fff;
}

.ReportTable1 .dt-paging nav {
    box-shadow: 0px 0px 5px 3px #fafafa;
    background: #fff;
}

.ReportTable1 {
    position: relative;
    top: 0px;
}
.Titledesign6 {
    font-size: 20px;
    color: #ff2424;
}
.SendBtnddesign {
    padding: 4px 18px;
    border: 1px solid #2061a4;
    border-radius: 4px;
    background: #2061a4;
    width: 90px;
    font-size: 14px;
    color: #fff;
}
.CancelBtndesign {
    padding: 4px 18px;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    background: #ededed;
    width: 90px;
    font-size: 14px;
    margin-right: 8px;
}
.Custombreadcrumbs1 a {
    color: #ffffff !important;
    font-weight: 600;
    border-left: 2px solid #fff;
    padding-left: 11px;
    text-decoration: none;
}
.Aligndivset9 {
    margin: 15px 15px;
    padding: 20px 35px;
    box-shadow: 0px 1px 5px 2px #f1f1f1;
    background: #fff;
    border: 1px solid #e7e7e7;
    overflow-y: auto;
    overflow-x: hidden;
}

.ProfileSetdesign label {
    font-size: 14px;
    font-weight: 500;
}
.ProfileSetdesign .form-group {
    margin-bottom: 25px;
}
.SubmitButton {
    background: #138700;
    border: none;
    color: #fff;
    padding: 3px 25px 5px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 10px;
}
    .SubmitButton:hover {
        background: #1ca007;
        color: #fff;
    }
.ResetBtn {
    background: #2f73c1;
    border: none;
    color: #fff;
    padding: 3px 25px 5px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 10px;
}
.Cancelbtn1 {
    background: #d7d7d7;
    border: none;
    color: #585858;
    padding: 3px 25px 5px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 10px;
}
.Cancelbtn1:hover {
        background: #d4d4d4;
 }
.AlignDiv11 {
    display: flex;

}
    .AlignDiv11 span {
        position: relative;
        right: 30px;
        top: 7px;
    }
.ErrorTExtstyle {
    font-size: 13px;
    color: #e92121;
}
.AlertDesign {
    position: absolute;
    width: 25%;
    right: 0;
    top: -65px;
}
.Radiostyle span {
    margin-right: 15px;
    font-size: 14px;
}
.Errordivstyle label{
    font-size: 13px;
    color: #e92121;
}
.Hidespan1 span {
    display: none;
}
.Norecord1 {
    color: #a6a6a6;
}
    .Norecord1 img {
        width: 20px;
        margin-right: 4px;
        position: relative;
        top: -2px;
    }
.PRMstatus {
    font-size: 15px;
    color: #767676;
    font-weight: 400;
    margin-bottom: 4px;
}
.notactive {
    color: #adadad !important;
    cursor: not-allowed;
}
.lablestyle1 {
    color: #fff;
    margin-bottom: 5px;
    font-weight: 300;
}
.MR10{
    margin-right:10px;
}
.Buttonset4 {
    justify-content: center !important;
}
.Countcls1 {
    font-size: 14px;
    font-weight: 600;
    color: #020202;
}
.MB5 {
    margin-bottom: 5px !important;
    display: block;
}
.MR5{
    margin-right:8px;
}
.TotalSup {
    display: flex;
}
.aligndiv12 {
    display: flex;
}
.Statusinfo {
    margin-left: 12px;
    font-size: 12px;
    position: relative;
    top: 5px;
}
.FullWidthscreen1 {

    overflow-y: auto;
    overflow-x: hidden;
}
.alignDiv9 {
    position: relative;
    top: -25px;
}
.Downloadbtn1 {
    border-radius: 5px;
    color: #ffffff;
    background: none;
    border: 1px solid #ffffff !important;
    padding: 4px 15px 6px 15px;
    margin-bottom: 3px;
    font-size: 12px;
    position: relative;
    font-weight: 600;
    transition: 0.4s;
    margin-right: 18px;
    margin-left: 10px;
    top: 3px;
}
.Downloadbtn1:hover {
    background: #228ced;
    color: #fff;
}
.Downloadbtn3 {
    border-radius: 5px;
    color: #1766c4;
    background: #ddeaf6;
    border: 1px solid #228ced !important;
    padding: 6px 20px 9px 20px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.4s;
    margin-right: 14px;
    z-index: 10;
}
.Downloadbtn3:hover {
    background: #228ced;
    color: #fff;
}
.Rollstatus1 p {
    font-size: 15px;
}

.Rollstatus1 i {
    font-size: 15px !important;
    top: 5px !important;
}
.Disabled_styled {
    background: whitesmoke;
    border-color: #e3e3e3;
    cursor: not-allowed;
}
.CustomPaginations1 a {
    padding: 8px 1em;
    margin: 0 2px;
    cursor: pointer;
    background: transparent;
    border: 0;
    font-size: 16px;
    text-decoration: none;
    color: #212529;
}
.CustomPaginations1 a:hover {
    color:#fff;
    background-color:#212529;
}
.CustomPaginations1 .pagination {
    position: relative;
    top: -30px;
}
.CustomPaginations1 li.active a {
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
    color: #212529;
    border: 1px solid rgba(0,0,0,.3)
}
.P1015 {
    padding: 10px 15px;
}
.P1525 {
    padding: 0px 25px;
}
.P2015 {
    padding: 20px 15px;
}
.P015 {
    padding: 0px 15px;
}

.ReportTable2 .dt-search label {
    display: none;
}

.ReportTable2 .dt-search input {
    font-size: 14px;
    background: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    width: 230px;
    border: 1px solid #e8e8e8 !important;
}

.ReportTable2 .dt-search i {
    font-size: 14px;
    color: #777777;
    position: relative;
    left: 220px;
}

.ReportTable2 .dt-search input:focus-visible {
    outline: none;
    border: 1px solid #2b8fd7 !important;
}

.ReportTable2 .dt-search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.ReportTable2 .dt-paging nav {
    box-shadow: 0px 0px 5px 3px #f1f1f1;
    background: #fff;
}

.ReportTable2 .dt-paging nav {
    box-shadow: 0px 0px 5px 3px #fafafa;
    background: #fff;
}

.ReportTable2 {
    position: relative;
    top: 0px;
}
.W100Set {
    width: 100% !important;
    min-width: 1473px;
}
.Viewdesign {
    text-decoration: none;
    color: #0975e4;
}
.CustomDaterange {
    margin: 30px 45px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px #eaeaea;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 18px 18px;
}
    .CustomDaterange .mainform {
        margin-bottom: 35px;
        margin-top: 15px;
    }
.Tabdesign2 {

    overflow-y: auto;
    overflow-x: hidden;
}
.SaveBtnDiv1 {
    background: #138700;
    color: #fff;
    border: none;
    padding: 6px 25px 9px 25px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin-left: 10px;
}
    .SaveBtnDiv1:hover {
        background: #199805;
        color: #fff;
    }
.progressHL.blue {
    background-color: #09cbf4;
    position: relative;
    left: -20px;
}
.FilerSet2 {
    display: flex;
    justify-content: space-between;
    z-index: 2;
    position: relative;
    margin-right: 355px;
}
.AlignDivset11 div#example_wrapper  {
    position: relative;
    top: -48px;
}
.AlignDivset12 {
    padding: 20px 30px;
}

.ReviewTableDataEntry1 table {
    width: 100%;
}

.ReviewTableDataEntry1 thead tr {
    background: #fafafa;
    border-bottom: 1px solid #e4e4e4 !important;
    border: none;
}

    .ReviewTableDataEntry1 thead tr th {
        padding: 18px 10px;
        font-size: 13.5px;
        font-weight: 500;
        background: #fff;
    }

.ReviewTableDataEntry1 .main-data-row td {
    padding: 16px 8px;
    font-size: 13.5px;
    background: #ffffff;
}

.ReviewTableDataEntry1 .main-data-row {
    border-bottom: 1px solid #e4e4e4 ;

}

.ReviewTableDataEntry1 {

}
.SupplierFilter {
    z-index: 10;
    position: relative;
    display: inline-block;
}
    .SupplierFilter label {
        font-size: 14px;
        font-weight: 500;
    }
    .SupplierFilter button {
        background: #fff;
        border: 1px solid #e6e6e6;
        box-shadow: 0px 2px 4px 2px #f3f3f3;
        border-radius: 3px;
        padding: 8px 20px 8px 14px;
        font-size: 14px;
        max-width: 275px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
        .SupplierFilter button i {
            margin-left: 10px;
            margin-right: 15px;
        }
        .SupplierFilter button:hover {
            background: #fff;
            border: 1px solid #e6e6e6;
        }
        .SupplierFilter button:active, .SupplierFilter button:focus-visible, .SupplierFilter button:active {
            border: 1px solid #8ea4ff !important;
        }
    .SupplierFilter .fa-solid.fa-circle-check {
        color: #08b000;
        font-size: 14px;

    }
    .SupplierFilter .fa-solid.fa-clock-rotate-left {
        color: #ff6846;
        font-size: 14px;
    }
    .SupplierFilter ul {
        min-width: 257px;
        border-radius: 3px;
        border: 1px solid #e6e6e6;
        box-shadow: 1px 2px 6px 2px #f2f2f2;
    }
    .SupplierFilter li a {
        padding: 14px 12px;
        font-size: 15px;
        border-bottom: 1px solid #ececec;
    }
        .SupplierFilter li a i {
            margin-left: 8px;
        }
.StatusDeatils i {
    font-size: 13px !important;
    margin-left: 7px;
}
.StatusDeatils {
    font-size: 13px;
}
.PRMStatus1 p {
    margin: 0px;
}
.PRMStatus1 {
    display: inline-block;
    position: relative;
    top: -35px;
    left: 550px;
    z-index: 10;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 10px;
    color: #2273c7;
    background: #2273c71c;
    border-radius: 4px;
}
    .PRMStatus1 span {
        margin-left: 11px;
        font-weight: 700;
    }
.aligndiv14 {
    position: relative;
    top: -72px;
}
.SaveCancelSet3 {
    text-align: center;
    padding: 15px 10px 40px 10px;
}
.RejectBtn1 {
    padding: 6px 18px;
    border: none;
    border-radius: 4px;
    background: #dc1a1a;
    width: 90px;
    margin-right: 8px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.Addbtn2 {
    padding: 6px 18px;
    border: none;
    border-radius: 4px;
    background: #05b912;
    width: 90px;
    margin-right: 8px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.Restbtn1 {
    padding: 6px 18px;
    font-size: 14px;
    cursor: pointer;
}
.SearchBoxSet2 {
    background: #ffffff;
    padding: 6px 12px;
    border-radius: 4px;
    width: 240px;
    border: 1px solid #e8e8e8;
    margin-right: 30px;
}
.aligndiv14 textarea {
    border: 1px solid #a0c7ff;
}
.lablestyle8 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}
.pagination1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}
    .pagination1 button {
        padding: 4px 10px;
        border-radius: 3px;
        border: 1px solid #2273c7;
        font-size: 15px;
        background: #2273c7;
        color: #fff;
    }
    .pagination1 span {
        font-size: 15px;
        margin: 10px 10px;
    }
    .pagination1 button:disabled {
        background: #dadada;
        border: 1px solid #dadada;
    }
.MB50 {
    margin-bottom: 50px;
}
.RejectBtn1:disabled {
    background: #dc1a1a78;
    cursor: not-allowed;
}
.aligndiv15 {
    position: relative;
    top: -50px;
}

.PerfectTableSet {
}

    .PerfectTableSet th {
        padding: 16px 16px !important;
        font-size: 13.5px;
        font-weight: 500 !important;
        background: #fff;
        border: none !important;
        white-space: nowrap;
    }

    .PerfectTableSet td {
        padding: 13px 16px !important;
        font-size: 13.5px;
        background: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 190px;
    }

    .PerfectTableSet tr {
        border-top: 1px solid #e7e7e7;
    }

.PerfectTableSet {
    box-shadow: 0px 0px 5px 3px #f1f1f1;
}

    .PerfectTableSet tr:hover .Deletebtn {
        color: #ff6d6d;
    }

    .PerfectTableSet tr:hover .editLMAssignment {
        color: #3dc000;
    }

    .PerfectTableSet tr:hover .Editbtn {
        color: #2a82ff;
    }

    .PerfectTableSet tr:hover {
        cursor: pointer;
    }
.Addbtn3 {
    padding: 6px 18px;
    border: none;
    border-radius: 4px;
    background: #05b912;
    margin-right: 8px;
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    margin-top: 40px;
    margin-bottom: 20px;
}
.labeldesign8 {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #267cd5;
}
.CustomH1 {
    min-height: 240px !important;
    height: 240px !important;
}
    .labeldesign8 i {
        margin-right: 6px;
    }
.Newcopybtn {
    border: none;
    padding: 5px 10px 5px 9px !important;
    color: #1484f7 !important;
    font-size: 16px !important;
    margin-top: 8px;
    background: #1484f724;
    border-radius: 9px;
    position: relative;
    z-index: 10;
}
.H200 {
    height: 200px;
}
.CardH {
    max-height: 300px;
    height: 285px;
}
.aligndiv19 {
    padding-left: 13px;
    margin-bottom: 0px;
    margin-top: 16px;
}
.P25 {
    padding: 0px 25px !important;
}
.MT30 {
    margin-top: 30px !important;
}
.BGcolr:focus {
    border: 1px solid #5970fa;
}
.BGcolr {
    background: #fff !important;
}
.alignset45 {
    display: flex;
    align-items: center;
}
.H140 {
    height: 140px !important;
}
.CardH1 {
    max-height: 300px;
    height: 205px !important;
    min-height: 205px;
}
.CardH2 {
    max-height: 300px;
    height: 225px !important;
    min-height: 225px;
}
.Imgstyle7 img {
    width: 21px;
    position: relative;
    top: -2px;
}
.Disabled_styled {
    background: whitesmoke;
    border-color: #e3e3e3;
    cursor: not-allowed;
    pointer-events: auto !important;
}
.Usernamestylee1 span {
    margin-right: 6px;
}
.Usernamestylee1 {
    font-size: 14px;
    margin-bottom: 8px;
}
.aligndiv23 {
    background: #ffffff;
    box-shadow: 0px 1px 5px 2px #f1f1f1;
    padding: 16px 20px;
    margin-bottom: 18px;
}

.MB15 {
    margin-bottom: 15px;
}
.Textareadesign {
    font-size: 13.5px;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #dddddd;
}
.TextareadesignA {
    font-size: 13.5px;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #88abff;
}
.SelectDropFix ul.select2-selection__rendered {
    overflow-y: scroll !important;
    height: 35px;
}
.Copystyle4 {
    font-size: 13px;
    color: #0f71c4;
    font-weight: 500;
    margin-top: 15px !important;
    display: block;
}
.Rightsedetext {
    width: 65%;
}
    .Rightsedetext input, .Rightsedetext select {
        width: 100% !important;
    }
    .Rightsedetext .field-validation-error {
        font-size: 13px;
    }
.Checkboxdesign3 input {
    width: 15px !important;
    margin-top: 10px;
}
.dateI {
    position: absolute;
    right: 50px;
    margin-top: -35px;
    color: #4c4c4c !important;
}
.Rightsedetext span.select2.select2-container{
    width: 100% !important;
}
.dateset45 {
    font-weight: 600;
}
.InfoTextdesign1 {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    font-size: 13.5px;
    text-align: center;
    padding: 7px 10px;
    font-weight: 500;
    margin-bottom: 0px;
}
.Aligndivset34 {
    position: relative;
    top: -40px;
}
.aligndiv45 {
    position: relative;
    z-index: 99;
    gap:28px;
    border-bottom:1px solid #ddd;
    padding:0 .5rem;
}
/*Supplier DataEntry Tabs Added Disha*/
    .aligndiv45 .btn_people_filter.active {
        border: 0;
        background-color:transparent;
        border-bottom: 2px solid #ff9833;
    }
    .aligndiv45 .btn_people_filter:hover {
        border: 0;
        background-color: transparent;
        border-bottom: 2px solid #ff9833;
        font-weight: 500;
        color: #0d6efd;
    }
    .aligndiv45 .btn_people_filter {
        border: 0;
    }
    .aligndiv45 .btn-danger {
        border-radius: 4px !important;
        padding: 4px 10px;
    }
    .aligndiv45 .btn-danger.btn_people_filter:hover{
        background-color:#b02a37;
        color:#fff;
        font-weight:400;
        border:0;
    }
.InfoTextdesign2 {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    font-size: 13.5px;
    text-align: center;
    padding: 10px 10px;
    margin-bottom: 0px;
}
.DemandHeading1 {
    font-size: 16px;
    margin-bottom: 0px;
    color: #454545;
    font-weight: 600;
    padding-top: 20px;
}
    .DemandHeading1 img {
        width: 23px;
        margin-right: 8px;
        position: relative;
        top: -2px;
    }
.DemandHeading2 {
    font-size: 16px;
    margin-bottom: 0px;
    color: #454545;
    font-weight: 600;
    padding-top: 0px;
}
.DemandHeading2 img {
    width: 23px;
    margin-right: 8px;
    position: relative;
    top: -2px;
}
.AlignDiv46 .demandMonthValue {
    padding: 14px 10px !important;
}
.aligndiv47 button {
    padding: 6px 15px;
    color: #5b5b5b;
}
.aligndiv47 {
    position: relative;
    z-index: 99;
    border: 1px solid #e5e5e5;
    padding: 7px 10px;
    background: #fff;
}
    .aligndiv47 button:hover {
        background: #cce5ff;
        border: 1px solid #0d6bcd;
        border-radius: 8px !important;
        margin-right: 4px;
        color: #0b6dd3 !important;
    }
        .aligndiv47 button:hover i {
            color: #0b6dd3 !important;
        }
.Aligndiv51 button {
    padding: 5px 10px;
    font-size: 13.5px;
    border: 1px solid #dedede !important;
}
    .Aligndiv51 button.active {
        background: #4f5aff !important;
        color: #fff;
    }
.ReportmonthFilterdesign label {
    font-size: 14px;
    font-weight: 500;
}
.ReportmonthFilterdesign > span {
    font-size: 14px;
    width: 225px !important;
    background: #fff !important;
    padding: 9px 13px 0px 13px !important;
    border-radius: 4px !important;
    border: 1px solid #e8e8e8 !important;
}
.aligndiv47 button i {
    color: #a4a4a4;
    margin-right: 3px;
    font-size: 13px;
    position: relative;
    top: -1px;
}
.PB10 {
    padding-bottom: 10px;
}
@media only screen and (max-width: 1400px) {
    .cardIcon img {
        width: 35px;
    }
    .Matrixdate {
        margin-left: 18px;
        margin-bottom: 0px;
        width: 150px;
    }
    .Divstyle2 {

        padding: 0px 13px;
    }
    .Divstyle3 {

        padding: 0px 15px;

    }
    .HLstatus {
        font-size: 13px;

    }

    .statusstyle {
        font-size: 13px;

    }
    .viewbtn {
        font-size: 13px;

    }
    .UnlockRequest {

        font-size: 13px;

    }
    .Statusdiv {
        margin-left: 75px;
    }
}

.ring-indicator {
    position: relative;
    display: inline-block;
    padding: 10px;
    border-radius: 50%;
}

    .ring-indicator::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        background: rgb(0 123 255 / 42%);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        animation: ring-pulse 1.5s infinite ease-out;
    }

@keyframes ring-pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.8);
        opacity: 0;
    }
}

.Saveifnodiv {
    position: relative;
    text-align: right;
    float: right;
    top: 28px;
    right: 463px;
    cursor: pointer;
    z-index: 99;
    display: inline-block;
}
.InfoModal {
    background: #00000047;
}
.Algnright {
    text-align: right;
}
.Crosclosebtn {
    font-size: 12px;
    color: #000000 !important;
    opacity: 1;
    position: relative;
    top: -8px;
}
.InfoModal .modal-dialog {
    padding-top: 3%;
    max-width: 45%;
}
.InfoModal .modal-body {
    padding: 12px 15px 26px 15px;
}
.DeleteModalstyle {
    background: #00000047;
}
    .DeleteModalstyle .modal-dialog {
        align-items: flex-start;
    }
    .DeleteModalstyle .modal-title {
        font-size: 17px !important;
    }
.buttondesign12 {
    padding: 4px 14px;
    font-size: 13px;
    font-weight: 400;
}
.aligndiv47 button.active {
    background: #0d6efd !important;
    color: #fff;
}
.aligndiv47 button.btn-danger:hover {
    background: var(--bs-btn-hover-border-color) !important;
}
.Noborder {
    border-left: none !important;
    padding-left: 3px !important;
}
.Cancelbtn {
    padding: 3px 18px 6px 18px;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
    background: #e5e5e5;
    width: 90px;
    margin-right: 8px;
    height: 30px;
    color: #4a4a4a;
    font-size: 14px;
    margin-left: 6px;
}
.Savebtn:hover, .Savebtn:active {
    color: #fff !important;
    background: #1069c6;
    border-color: #1069c6;
}
.Cancelbtn:hover {
    background: #e8e8e8;
    border-color: #e8e8e8;
    border: 1px solid #b6b6b6;
}
.Aligndiv56 {
    top: 46px !important;
}
.loginContainer1 {
    background: #fff;
    border-radius: 8px;
    min-height: 535px;
    box-shadow: 0px 3px 10px 5px #0000001c;
}
.Aligndiv58 {
    display: flex;
    align-items: center;
}
.Logindivstyle1 {

    position: relative;
    top: -32px;
}
.InnerLogin {
    background: #267bd2;
    color: #fff;
    min-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .InnerLogin img {
        width: 20px;
        position: relative;
        top: -2px;
        margin-right: 3px;
    }
    .InnerLogin p {
        margin: 0px;
    }
.AlignDiv59 {
    margin: 0px 25px;
}
    .AlignDiv59 .input-group {
        border: 1px solid #e7e7e7;
        padding: 6px 0px;
    }
    .AlignDiv59 .form-control {
        background: #ffffff !important;
    }
.AlignDiv59 input:-webkit-autofill {
    background-color: white !important;
    box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    color: black !important; /* Ensure text remains visible */
}
.Titlestyle9 a {
    font-size: 13px;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 20px;
}
.divContainerCapcha {
    margin-bottom: 30px;
}
.LoginLogo {
    position: absolute;
    top: 55px;
    left: 55px;
}
    .LoginLogo img {
        width: 25%;
    }
.Copyrightdesign p {
    font-size: 13px;
    color: #b0b0b0 !important;
    text-align: center;
    font-weight: 400;
}
.Copyrightdesign {
    bottom: 0;
    position: absolute;
    width: 100%;
    left: 0px;
}

    @media (min-width: 1350px) and (max-width: 1450px) {
        .DataEntryTabs .nav-link {
            color: #fff !important;
            border: none;
            padding: 8px 15px;
            background: none;
            font-size: 12px !important;
        }

        .DataEntryTabs {
            padding: 0px 40px 0px 95px;
        }

        .Aligndivset43 {
            padding: 2px 40px 0px 95px !important;
        }
    }

    @media (min-width: 1200px) and (max-width: 1350px) {
        .Tabledesigninsidepopup th {
            font-size: 11.5px !important;
        }

        .Aligndivset43 {
            padding: 2px 40px 0px 95px !important;
        }

        .DataEntryTabs .nav-link {
            color: #fff !important;
            border: none;
            padding: 8px 15px;
            background: none;
            font-size: 11.5px !important;
        }

        .DataEntryTabs {
            padding: 0px 35px 0px 95px;
        }

        .Tabledesigninsidepopup td {
            font-size: 11.5px !important;
        }

        button.dt-paging-button {
            font-size: 11px;
        }

        div#example_info {
            font-size: 12px;
        }

        .IssueDataTable td {
            font-size: 11.5px;
        }

        .IssueDataTable th {
            font-size: 11.5px;
        }

        .Saveifnodiv {
            top: 18px;
            right: 415px;
        }

        .TDFont td {
            font-size: 11.5px !important;
        }

        .TDFont th {
            font-size: 11.5px !important;
        }

        .TDNowrp th {
            white-space: normal !important;
            font-size: 11px !important;
        }

        .TDNowrp td {
            white-space: normal !important;
            font-size: 11px !important;
        }

        .ReviewTableDataEntry .dt-layout-cell.dt-layout-start {
            font-size: 12px;
        }

        .ReportDataTable th {
            font-size: 11px !important;
        }

        .ReportDataTable td {
            font-size: 11px !important;
        }

        .Aligndiv67 div#tbl_staff_info {
            font-size: 12px;
        }

        .Aligndiv67 button.dt-paging-button {
            font-size: 11px;
        }

        .ReportDataTable td {
            font-size: 11px;
        }

        .ReviewTableDataEntry button.dt-paging-button {
            padding: 3px 10px !IMPORTANT;
            font-size: 12px;
        }

        .InputFont {
            font-size: 11.5px !important;
        }

        .DemandHeading {
            font-size: 13px;
        }

        DemandHeading img {
            width: 16px;
        }

        .ReviewTableDataEntry thead tr th {
            padding: 18px 10px;
            font-size: 11.5px;
            font-weight: 500;
            background: #fff;
        }

        .InfoTextdesign2 {
            font-size: 10.5px;
        }

        .InfoTextdesign1 {
            font-size: 10.5px;
        }

        .ReviewTableDataEntry .main-data-row td {
            padding: 16px 8px;
            font-size: 11.5px;
            background: #ffffff;
        }

        .aligndiv47 button {
            padding: 6px 15px;
            color: #5b5b5b;
            font-size: 10px;
        }

        .SearchBoxSet1 {
            background: #ffffff;
            padding: 6px 12px;
            border-radius: 4px;
            width: 230px;
            border: 1px solid #e8e8e8;
            margin-right: 30px;
            font-size: 13px;
        }

        .Openclosebtn1 {
            font-size: 12px;
        }

        .aligndiv47 button i {
            font-size: 10px;
        }

        .DemandTable tr th {
            font-size: 11.5px;
            white-space: nowrap;
        }

        .DemandTable tr td {
            font-size: 11.5px;
        }

        .LatestDemandTable tr th {
            font-size: 11.5px;
            white-space: nowrap;
        }

        .LatestDemandTable tr td {
            font-size: 11.5px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1400px) {
        .loginContainer1 {
            min-height: 485px;
        }

        .Logindivstyle1 {
            position: relative;
            top: -25px;
        }

        .InnerLogin {
            min-height: 50px;
            text-align: center;
            font-size: 15px;
        }

        .divContainerCapcha {
            margin-bottom: 14px;
        }

        .AlignDiv59 .alert.alert-danger {
            padding: 7px 10px;
            font-size: 12px;
        }
    }

    @media (min-width: 2000px) and (max-width: 8000px) {

        .loginContainer1 {
            background: #fff;
            border-radius: 8px;
            min-height: 630px;
            box-shadow: 0px 3px 10px 5px #0000001c;
        }

        .loginContainer1 {
            width: 530px;
            background: #fff;
            border-radius: 8px;
            min-height: 630px;
            box-shadow: 0px 3px 10px 5px #0000001c;
        }
    }

    .MT20 {
        margin-top: 20px;
    }

    .Imgstyle5 {
        width: 16px;
        position: relative;
        top: -2px;
        margin-right: 4px;
    }

    .AddStafftitle1 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 30px;
        display: inline-block;
    }

    .lable1style1 {
        color: #a3a3a3;
        position: relative;
        top: 7px;
        font-size: 15px;
    }

    .Regiontogglestyle {
        display: inline-block;
        right: 50px;
        position: relative;
        float: right;
    }

    .MR4 {
        margin-right: 5px;
    }

    .labledesign {
        color: #fff !important;
        font-weight: 600 !important;
    }

    @media (min-width: 576px) and (max-width: 767px) {
        /* Styles for small tablets */
    }

    .AlignDiv81 {
        padding: 20px 20px;
    }

        .AlignDiv81 h4 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .AlignDiv81 img {
            width: 23px;
            position: relative;
            top: -3px;
            margin-right: 4px;
        }

        .AlignDiv81 ul {
            padding-left: 0px;
            padding: 5px 5px;
        }

        .AlignDiv81 .mail-contnet h5 {
            font-size: 20px !important;
        }

        .AlignDiv81 .mail-contnet {
            margin-left: 15px;
        }

            .AlignDiv81 .mail-contnet h5 {
                font-size: 14px !important;
                font-weight: 400;
                color: #3d3d3d;
                margin-bottom: 7px !important;
            }

            .AlignDiv81 .mail-contnet span {
                font-size: 13px !important;
                font-style: normal !important;
                color: #0c73f5 !important;
            }

        .AlignDiv81 .message-center a:hover {
            background: #f1f6ff !important;
        }

        .AlignDiv81 .message-center i {
            background: #2e8ae9;
            border-radius: 25px;
            padding: 4px 5px;
            color: #fff;
        }

        .AlignDiv81 .message-center a:hover i {
            background: #0556aa;
            border-radius: 25px;
            padding: 5px 5px;
        }

    .LogbackImgdiv img {
        width: 400px;
        opacity: 0.7;
    }

    .LogbackImgdiv {
        position: absolute;
        right: 41px;
        bottom: 20px;
    }

    .dynamicDivSupplierName .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px;
        min-height: 38px !important;
    }

    .ReportDataTable1 th {
        padding: 16px 16px !important;
        font-size: 13.5px;
        font-weight: 500 !important;
        background: #f0f0f0;
        border: none !important;
    }

        .ReportDataTable1 th span.dt-column-order,
        .IssueDataTable th span.dt-column-order {
            right: 0 !important;
        }

    .ReportDataTable1 td {
        padding: 15px 16px !important;
        font-size: 13.5px;
        background: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
    }

    .ReportDataTable1 tr {
        border-top: 1px solid #e7e7e7;
    }

    .ReportDataTable1 {
        margin-top: 10px !important;
    }

    .delegationHistoryTabContainer .dt-paging {
        text-align: right;
        margin-top: 15px;
    }

    .StartDataEntry1 {
        border-radius: 5px;
        color: #8c8c8cbf !important;
        background: #ededed;
        border: none;
        padding: 7px 18px;
        margin-bottom: 6px;
        font-size: 14px;
        font-weight: 600;
        transition: 0.4s;
    }

    .PFlex {
        display: flex;
    }

        .PFlex input {
            position: relative;
            top: -2px !important;
        }

    .UserNamestyle img {
        width: 18px;
        position: relative;
        top: -3px;
        margin-right: 4px;
    }

    .Imagestyle8 {
        width: 18px;
        position: relative;
        top: -3px;
        margin-right: 4px;
    }

    .ReportDataTable a {
        text-decoration: none !important;
    }

    .TableAlgnDIv th {
        text-align: center;
    }

    .TableAlgnDIv td {
        text-align: center;
    }

    .ReportDataTable a i {
        margin-left: 5px;
    }

    .DisabledAtag {
        color: #959595 !important;
    }

    .UnlockRequest {
        color: #a7a7a7;
    }

    .FixColmn {
        position: sticky !important;
        left: 0px;
        z-index: 10;
    }

    .FixColmn1 {
        position: sticky !important;
        z-index: 10;
    }

    .LSTCSTDiv button {
        border: none;
        background: none;
        display: block;
        width: 100%;
        text-align: left;
        padding: 11px 13px;
        cursor: pointer;
        font-size: 13.5px;
        color: #212529;
        text-decoration: none;
        font-weight: 500;
    }

    .LSTCSTDiv {
        margin-bottom: 0px;
        margin-top: 8px;
    }

        .LSTCSTDiv i {
            color: #a4a4a4;
            margin-right: 6px;
        }

    .BtnActive i {
        color: #006dde !important;
    }

    .BtnActive {
        color: #006dde !important;
    }

    button#viewLSTCSTbtn:hover {
        color: #006dde !important;
        background: aliceblue !important;
    }

        button#viewLSTCSTbtn:hover i {
            color: #006dde !important;
        }

    .DataentryDiv1 {
        padding: 0px 10px;
    }

    .delegatehandle {
        top: 2px;
    }

    .delegateswitch {
        width: 65px;
        height: 23px;
        margin-left: 12px;
    }

    .switch-input:checked ~ .switch-handle.delegatehandle {
        left: 42px;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    }

    .delegateul {
        width: max-content;
    }

    .switch-handle {
        position: absolute;
        top: 3px;
        left: 4px;
        width: 18px;
        height: 18px;
        background: white;
        border-radius: 10px;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
        background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
        background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
        background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
        -webkit-transition: left 0.15s ease-out;
        -moz-transition: left 0.15s ease-out;
        -o-transition: left 0.15s ease-out;
        transition: left 0.15s ease-out;
    }

        .switch-handle:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -6px 0 0 -6px;
            width: 12px;
            height: 12px;
            background: #f9f9f9;
            border-radius: 6px;
            box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
            background-image: -webkit-linear-gradient(top, #eeeeee, white);
            background-image: -moz-linear-gradient(top, #eeeeee, white);
            background-image: -o-linear-gradient(top, #eeeeee, white);
            background-image: linear-gradient(to bottom, #eeeeee, white);
        }



    .switch-input:checked ~ .switch-label {
        background: green;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
    }

    .switch-disabledinput:checked ~ .switch-label {
        background: rgba(128, 150, 128, 0.43);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
    }


    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }


    .switch-input:checked ~ .switch-handle {
        left: 55px;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    }

    .switch-green > .switch-input:checked ~ .switch-label {
        background: #4fb845;
    }

    .switch-red > .switch-input:checked ~ .switch-label {
        background: red;
    }

    .Aligndiv91 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .Aligndiv91 p {
            margin: 0;
        }

            .Aligndiv91 p input {
                position: relative;
                top: 0px;
                cursor: pointer;
                border: 1px solid #9a9a9a;
            }

    .FilterActive {
        background: #cce5ff;
        border: 1px solid #0d6bcd;
        border-radius: 8px !important;
        margin-right: 4px;
        color: #0b6dd3 !important;
        font-weight: 500;
    }

    .aligndiv47 button i.fa-sliders {
        margin-left: 6px;
    }

    .FilterActive i {
        color: #0b6dd3 !important;
    }

    /* Loader style start */
    .loaderC {
        display: flex;
        font-size: 24px;
        font-weight: bold;
        white-space: nowrap;
        justify-content: center;
        position: fixed;
        align-items: center !important;
        align-items: center;
        top: 0;
        left: 0;
        z-index: 9999999;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
        background: #0000007a;
        text-align: center;
        padding-top: 15%;
    }

        .loaderC span {
            display: inline-block;
            position: relative;
            margin-right: 1px;
            font-size: 26px;
            color: #fff;
            font-family: segoe ui;
            text-shadow: 0px 4px 7px #0606064a;
        }

    .ringC {
        width: 40px;
        height: 40px;
        border: 3px solid #ffffff;
        border-radius: 50%;
        border-top-color: transparent;
        animation: spin 1s linear infinite;
        margin-right: 34px;
        position: relative;
        top: -9px;
        box-shadow: 0px 0px 20px 0px #ffffff6b;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .loaderC span:nth-child(1) {
        animation-delay: 0s;
    }

    .loaderC span:nth-child(2) {
        animation-delay: 0.1s;
    }

    .loaderC span:nth-child(3) {
        animation-delay: 0.2s;
    }

    .loaderC span:nth-child(4) {
        animation-delay: 0.3s;
    }

    .loaderC span:nth-child(5) {
        animation-delay: 0.4s;
    }

    .loaderC span:nth-child(6) {
        animation-delay: 0.5s;
    }

    .loaderC span:nth-child(7) {
        animation-delay: 0.6s;
    }

    .loaderC span:nth-child(8) {
        animation-delay: 0.7s;
    }

    .loaderC span:nth-child(9) {
        animation-delay: 0.8s;
    }

    .loaderC span:nth-child(10) {
        animation-delay: 0.9s;
    }

    .loaderC span:nth-child(11) {
        animation-delay: 1s;
    }

    .loaderC span:nth-child(12) {
        animation-delay: 1.1s;
    }

    .loaderC span:nth-child(13) {
        animation-delay: 1.2s;
    }

    .loaderC span:nth-child(14) {
        animation-delay: 1.3s;
    }

    .loaderC span:nth-child(15) {
        animation-delay: 1.2s;
    }

    .loaderC span:nth-child(16) {
        animation-delay: 1.3s;
    }

    @keyframes bounce {
        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-6px);
        }
    }

    .FullDiv {
        display: grid;
        margin-right: 35px;
        position: relative;
        top: -14px;
        text-align: center;
        justify-content: center;
    }

    .wrapper {
        mix-blend-mode: difference;
        grid-area: 1/1;
        height: 5rem;
        width: 5rem;
        display: flex;
        align-items: end;
        justify-content: center;
        animation: rotate 3s ease-in-out infinite;
    }

    .ball {
        height: 2rem;
        width: 2rem;
        border-radius: 50%;
        animation: scale 3s ease-in-out infinite;
    }

    @keyframes rotate {
        0% {
            transform: none;
        }

        100% {
            transform: rotate(1turn);
        }
    }

    @keyframes scale {
        0%, 100% {
            transform: scale(1);
        }

        50% {
            transform: scale(0.25);
        }
    }

    .Lcolor1 {
        animation-delay: -1s;
        background: #54a8ff;
    }

    .Lcolor2 {
        animation-delay: -0.5s;
        background: #ffe445;
    }

    .Lcolor3 {
        background: #7dff54;
    }

    .loaderC {
        display: none;
    }
    /* Loader style End */
    .ReviewSet2 {
        padding: 20px 30px;
    }

    .AlignDiv52 td {
        padding: 15px 15px;
        background: #fbfbfb;
        border: 1px solid #dcdcdc;
    }

    .AlignDiv52 label {
        font-size: 13px;
        color: #347eff;
    }

    .AlignDiv52 .exapnded-viewdiv {
        margin-bottom: 14px;
    }

    .AlignDiv52 textarea {
        font-size: 14px !important;
    }

    .Rcommnts {
        color: #e30000 !important;
    }

    .Fixtr {
        position: sticky;
        top: 0px;
    }

    .Fixtr1 {
        position: sticky;
        top: -13px;
    }

    .Aligndiv5 .pagination {
        display: inline-block;
        position: relative;
        top: -39px;
    }

    .InputFont {
        font-size: 13.5px;
    }

    .TDPad {
        padding: 14.4px 10px !IMPORTANT;
    }

    .Pad12 {
        padding: 8px 10px;
    }

    .H90 {
        height: 90%;
    }

    .SubmitBtn {
        padding: 3px 18px 6px 18px;
        border: 1px solid #00b911;
        border-radius: 4px;
        font-size: 14px;
        background: #00b911;
        width: 100px;
        height: 30px;
        color: #fff;
    }

    .Downloadbtn4 {
        border-radius: 5px;
        color: #1766c4;
        background: #ddeaf6;
        border: 1px solid #228ced !important;
        padding: 4px 12px 7px 12px;
        margin-bottom: 0px;
        font-size: 13px;
        height: 30px;
        transition: 0.4s;
        margin-right: 7px;
    }

        .Downloadbtn4:hover {
            background: #228ced;
            color: #fff;
        }

    .Titlestyle7 {
        color: #1c74cf;
        font-weight: 600;
        font-size: 15px;
    }

    .AlignDivset54 {
        margin-top: 3px !important;
    }

        .AlignDivset54 button {
            padding: 6px 12px !important;
        }

    .AlignDivset55 {
        margin-top: 0px !important;
    }

    .OTPText {
        font-size: 14px !important;
    }

    .Textsuccess {
        color: #35b700 !important;
    }

    .AlignDiv62 label#txtUserName-error {
        position: relative;
        top: 6px;
        color: #ff3232;
        margin-right: 6px;
    }

    .Textsuccess1 {
        font-size: 13px;
        font-weight: 600;
        color: #35b700 !important;
    }

    .Deligateaatg i.fa-solid.fa-caret-down {
        margin-left: 6px;
        font-size: 14px;
    }

    .Deligateaatg {
        white-space: nowrap;
    }

    .OuterDiv1 {
        padding: 8px 20px;
    }

    .MinW200 {
        min-width: 200px;
    }

    .deligateDivset input#delegateUserType {
        width: 16px;
        height: 15px;
        cursor: pointer;
        position: relative;
        top: 2px;
        opacity: 1 !important;
    }

    .UserDetailsSet1 {
        position: relative;
        top: -1px;
        font-size: 15px;
    }

        .UserDetailsSet1 img {
            position: relative;
            top: -2px;
            margin-left: 10px;
        }

    .deligateDivset {
        margin-bottom: 8px;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 8px;
    }

    .DeligateUserdeatils img {
        width: 12px !important;
        margin-right: 14px;
    }

    .DeligateUserdeatils span {
        font-size: 12px;
    }

    .SetPad1 {
        padding: 5px 12px !important;
    }

    .deligateDivset label.switch.switch-left-right {
        width: 10px !important;
    }

    .RemoveBtn1 {
        padding: 0px;
        border: none;
        border-radius: 4px;
        background: none;
        width: 90px;
        font-size: 14px;
        color: #fff;
    }

    .TDNowrp td {
        white-space: normal !important;
        text-align: center !important;
    }

    .TDNowrp th {
        white-space: normal !important;
        text-align: center !important;
    }

    .Tabledesigninsidepopup.TDNowrp thead tr {
        background: #ffffff26 !important;
    }

    .indicatorset3 p {
        font-weight: 500;
        margin-right: 10px;
    }

    .indicatorset3 div {
        display: flex;
        font-size: 13px;
        position: relative;
        top: 6px;
        margin-left: 65px;
    }

    .Aligntdthcntr {
        text-align: center;
    }

    .Aligntdthcntr {
        text-align: center;
    }

    .ConfirmModalset5 {
        background: #0000005e;
    }

        .ConfirmModalset5 h4.modal-title {
            font-size: 17px;
        }

    .Bakccolr1 {
        background: #ffffff26 !important;
    }

    .WMore {
        width: 50%;
    }

    .ApprovalstatusDivset span {
        margin-left: 5px;
        font-weight: 500;
    }

    .ApprovalstatusDivset {
        display: block;
        margin-top: 6px;
        font-size: 13px;
    }

    .Rdot span {
        color: #ff5902;
    }

    .NYSdot span {
        color: #4d4d4d;
    }

    .Gdotgren span {
        color: #44cc42;
    }

    .Rdot1 {
        color: #ff5902;
        font-weight: 500;
    }

    .NYSdot1 {
        color: #4d4d4d;
        font-weight: 500;
    }

    .Gdotgren1 {
        color: #44cc42;
        font-weight: 500;
    }

    .SubmtedSet4 span i {
        font-size: 12px;
    }

    .SubmtedSet4 span {
        display: block;
        margin-top: 6px;
    }

    .ring-indicator1 {
        position: relative;
        padding: 10px;
        border-radius: 50%;
    }

        .ring-indicator1.zerocountcls::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 30px;
            height: 30px;
            background: #2785ff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 0;
            animation: ring-pulse 1.5s infinite ease-out;
        }

    @keyframes ring-pulse {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0.6;
        }

        100% {
            transform: translate(-50%, -50%) scale(1.8);
            opacity: 0;
        }
    }

    .Unlocknum {
        color: #fff;
        font-weight: 500;
        top: 21px;
        z-index: 999;
        text-align: center;
        margin-left: 7px;
        height: 32px;
        width: 32px;
        display: inline-block;
        position: absolute;
        padding: 7px 7px !IMPORTANT;
    }

        .Unlocknum.ring-indicator1.zerocountcls {
            background: #2273c7;
        }

        .Unlocknum.ring-indicator1 {
            background: #2273c75e;
        }

    .AlignAll th, .AlignAll td {
        text-align: center !important;
    }

    .indicatorset4 p {
        font-size: 14px;
        font-weight: 500;
        margin-right: 10px;
        position: relative;
        top: 13px;
        color: #3b3b3b;
    }

    .indicatorset4 {
        display: flex;
    }

    p.IndicatorInside {
        position: relative;
        top: 15px !important;
    }

    .UnlockRbtnst1 {
        width: 185px;
        text-align: left;
    }

    .ModalAllDesign {
        background: #00000094;
    }

    .closeBtnset7 {
        background: none;
        border: none;
        font-size: 28px;
    }

    .ModalAllDesign .modal-header {
        justify-content: space-between;
    }

    .ModalAllDesign h4.modal-title {
        font-size: 20px;
    }

    .Titlestyle8 {
        color: #1c74cf;
        font-weight: 600;
        font-size: 14px;
        display: block;
        margin-bottom: 10px;
        text-align: right;
    }

    .AlignR {
        justify-content: right;
    }

    .TopBanddesign7 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .MR0 {
        margin-right: 0px !important;
    }

    .W500 {
        min-width: 445px;
    }

    .Dropdesigns {
        padding: 10px 25px;
    }

        .Dropdesigns p {
            font-size: 13px !important;
            margin-bottom: 4px;
            font-weight: 400;
        }

    .Dropdesigns {
        padding: 10px 25px;
        overflow: auto;
        height: 400px;
    }

        .Dropdesigns p img {
            width: 12px;
            position: relative;
            top: -1px;
            margin-right: 2px;
        }

    .Title57 {
        font-size: 14px;
        margin-bottom: 10px !important;
        font-weight: 500;
    }

    .Logiconsstyle {
        margin-right: 10px;
        color: #2678ff;
    }

    .Z9 {
        z-index: 9;
    }

    /* Dashoboard Page Style Start */

    .Yearfilter select {
        padding: 3px 15px 3px 9px;
        border-radius: 4px;
        border: 1px solid #ececec;
        font-size: 14px;
        width: 130px;
        color: #544d4d;
    }

    .Dashboradtabset {
        padding: 10px 55px 10px 55px;
        overflow-y: auto;
    }

    .Yearfilter {
        text-align: right;
    }

    .lablestyle {
        font-size: 14px;
        margin-right: 6px;
    }

    .Innerset {
        background: #fff;
        min-height: 225px;
        box-shadow: 0px 1px 5px 0px #f1f1f1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 25px 35px;
    }

    .Numberset {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .Numberset img {
            width: 50px;
        }

        .Numberset h2 {
            font-size: 40px;
            margin-left: 15px;
            font-weight: 700;
        }

    .LeftDashDiv {
        text-align: center;
    }

.StarusCardbtn {
    display: flex;
    width: 300px;
    background: #fff;
    border: none;
    padding: 12px 12px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 5px;
    justify-content: space-between;
}

    .fileicon {
        color: #5d97d4;
        font-size: 20px;
        margin-right: 6px;
    }

    .numbercls {
        font-size: 20px;
        font-weight: 700;
    }

    .Ptagstyle {
        margin: 0;
        font-size: 15px;
    }

    .F10 {
        font-size: 10px;
    }

    .activebtn {
        box-shadow: 0px 1px 5px 2px #f1f1f1;
    }

    .StarusCardbtn:hover {
        box-shadow: 0px 1px 5px 2px #f1f1f1;
    }

    .Mb30 {
        margin-bottom: 30px;
    }

    .AlignLeft {
        text-align: left;
    }

    .Topstyle {
        top: 0px !important;
        margin-top: 30px;
    }

    .Supplycard {
        background: #fff;
        cursor: pointer;
        min-height: 120px;
        box-shadow: 0px 1px 5px 0px #e6e6e6;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .Supplycard1 {
        background: #fff;
        cursor: pointer;
        min-height: 120px;
        box-shadow: 0px 1px 5px 0px #e6e6e6;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .innerdiv {
        padding: 20px 35px 20px 35px;
    }

    .totaldiv {
        display: flex;
        align-items: center;
    }

    .totalcount {
        font-size: 35px;
        margin-left: 50px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .Pstyle1 {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 500;
        color: #7a7a7a;
        margin-bottom: 0px;
    }

.activeCard {
    background: linear-gradient(to top, #0062c8, #86c3ff) !important;
}

        .activeCard .totalcount {
            color: #fff;
        }

        .activeCard .Pstyle1 {
            color: #fff;
        }

    .totaldiv img {
        width: 50px;
    }

    .Innerfilterdiv {
        display: flex;
        justify-content: end;
    }

    .filterandtoggle {
        display: flex;
        justify-content: end;
    }

    .NewToggleClass {
        margin: inherit;
        margin-left: 40px;
    }

    .Togglelable1 {
        font-size: 14px;
        color: #000;
        cursor: pointer;
    }

    .NewToggleClass .slider {
        background-color: #3498db !important;
    }

        .NewToggleClass .slider:before {
            background-color: #ffffff;
        }

    .TopTd {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 14px;
        cursor: pointer;
    }

    .IRPTopTd {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 14px;
        cursor: pointer;
    }

    .NumberTable {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0px 15px;
    }

    .AnalyticsTabledashboard thead tr {
        border: none;
        background: #fafafa;
    }

        .AnalyticsTabledashboard thead tr th {
            padding: 0px 0px;
            font-size: 14px;
            font-weight: 500;
        }

.Trdesign td {
    background: #fff;
    padding: 16px 0px !IMPORTANT;
    text-align: center;
    font-size: 14px;
}

    .DownBtn2 {
        background: none;
        border: none;
        font-size: 20px;
        margin-right: 20px;
        margin-left: 25px;
        color: #1b70d6;
    }

    .DateTd {
        width: 110px;
        text-align: left !important;
    }

    .DateTd1 {
        width: 85px;
        text-align: left !important;
    }

    .BackgroundActive .DateTd {
        color: #1777db;
        font-weight: 500;
    }

    .BackgroundActive .DownBtn2 {
        color: #e75858;
    }

    .Theadcls th {
        text-align: center;
    }

    .Monthcls {
        font-weight: 600;
        color: #1a6fd6;
    }

    .BackgroundActive .DateTd .Monthcls {
        color: #e75858;
    }

    .UserNamestyle1 i {
        color: #bbbcbc;
        margin-right: 6px;
    }

    .DownTd {
        margin-bottom: 5px;
        cursor: pointer;
    }

    .Trdesign {
        box-shadow: 0px 1px 3px 0px #e6e6e6;
    }

    .UserNamestyle1 {
        font-weight: 500;
        color: #6e6e6e;
        width: 185px;
    }

    .Monthcls i {
        margin-right: 3px;
    }

    .Topstyle1 {
        margin-top: 20px;
    }

    .ReportDataTable td {
        padding: 18px 16px !important;
    }

    .Noshadow {
        box-shadow: none !important;
    }

    .totalcount1 {
        font-size: 35px;
        margin-left: 130px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .AlignLeft1 {
        margin-left: 100px;
    }

    .activeCard .totalcount1 {
        color: #fff;
    }

    .totalcount2 {
        font-size: 35px;
        margin-left: 50px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .activeCard .totalcount2 {
        color: #fff;
    }

    .StaffAssignmentDiv {
        background: #fff;
        box-shadow: 0px 1px 5px 0px #f1f1f1;
        min-height: 200px;
        padding: 20px 25px;
    }

    .titlestyle5 {
        font-size: 15px;
        font-weight: 500;
    }

    .Divstyle4 {
        display: flex;
        justify-content: space-between;
    }

    .Staffnameset i {
        color: #0074e5;
        font-size: 13px;
        margin-right: 6px;
        position: relative;
        top: -2px;
    }

    .Staffnameset {
        font-size: 14px;
        font-weight: 500;
    }

    .AccBodyset {
        padding: 25px 58px;
    }

    .AlignDiv676 {
        padding: 14px 35px;
    }
    /* Dashoboard Page Style End */

    .AlignDivset57 {
        display: flex;
        justify-content: space-between;
    }

    .sortdataSetdiv select {
        width: 60px;
        border-radius: 3px;
        border: 1px solid #b8b8b8;
        margin: 0px 5px;
    }

    .sortdataSetdiv label {
        font-size: 15px;
        font-weight: 400;
    }

    .RoleDivscroll {
        overflow-y: auto;
        max-height: 230px;
    }

    .lnkUserType {
        white-space: normal !important;
    }

    .MiddleTd {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 14px;
        cursor: pointer;
    }

    .Topstyle2 {
        margin-top: 30px;
    }

    .Setdiv20W .col {
        width: 20% !important;
    }

@media (min-width: 1100px) and (max-width: 1500px) {
    .AlignLeft1 {
        margin-left: 50px;
    }

    .Pstyle1 {
        font-size: 13px;
    }
    .AlignLeft2 {
        margin-left: 315px !important;
    }
}
.BodySetionReport1 {
    padding: 12px 4px;
    overflow-y: auto;
}
.AlignLeft2 {
    margin-left: 450px;
}
.Topstyle45 {
    margin-top: 45px;
}
.activeCard1 {
    font-weight: 700;
    color: #ff6060;
}
.TopTd:hover {
    font-weight: 700;
    color: #ff6060;
}
.DownTd:hover {
    font-weight: 700;
    color: #ff6060;
}
.MT75 {
    margin-top: 75px;
}
.Alignleft5 {
    margin-left: 250px;
}
@media (min-width: 1250px) and (max-width: 1400px) {
    .Alignleft3 {
        margin-left: 25px;
    }
    .Alignleft5 {
        margin-left: 200px;
    }

}
@media (min-width: 1100px) and (max-width: 1250px) {
    .Alignleft3 {
        margin-left: 20px;
    }
    .Alignleft5 {
        margin-left: 150px;
    }
}

.TRdesign3 {
    background: #fff;
}
.NoSpace {
    border-spacing: 0px 0px !important;
}
.TRdesign3 td {
    border-bottom: 1px solid #efefef;
}
td.AlignLeft6 {
    text-align: left;
    width: 250px;
    font-weight: 500;
    color: #6e6e6e;
}
    td.AlignLeft6 i {
        margin-left: 25px;
        margin-right: 4px;
        font-size: 14px;
        color: #bbbcbc;
    }
.NoSpace th {
    padding: 10px 10px !important;
}
.StaffCard {
    cursor: pointer;
}
.StaffCard:hover{
    font-weight: 700;
    color: #ff6060;
}
.AlignLeft7 {
    margin-left: 55px;
}

@media (min-width: 1300px) and (max-width: 1500px) {

    .AlignLeft7 {
        margin-left: 35px;
        font-size: 30px;
    }
}
@media (min-width: 1100px) and (max-width: 1300px) {

    .AlignLeft7 {
        margin-left: 20px;
        font-size: 20px;
    }
}
.ResetallData {
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    color: #4b9bff;
}
a.ResetallData i {
    margin-right: 3px;
}
.activeCard3 {
    background: #ddeaf8;
    cursor: pointer;
    border-radius: 6px;
}
.StarusCardbtn:hover {
    background: #ddeaf8;
    cursor: pointer;
    border-radius: 6px;
}
.Divstyle8 {
    display: flex;
    justify-content: end;
    margin-top: 2px;
}
td.IRPCard1 {
    cursor: pointer;
}
td.IRPCard1:hover {
    font-weight: 700;
    color: #ff6060;
}
.IRPTopTd:hover {
    font-weight: 700;
    color: #ff6060;
}
.Filterset87 .Divstyle8 {
    margin-right: 20px;
    position: relative;
    top: -2px;
}
.Filterset87 {
    display: flex;
    justify-content: end;
}
.W25Set td{
    width:25%;
}
.date-container-days {
    grid-auto-rows: 25px !important;
    font-size: 14px !important;
}
.FlexDisplay1 p {
    margin: 4px 4px;
}
.FlexDisplay1 {
    display: flex !important;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}
    .FlexDisplay1 i {
        color: #2678ff;
    }
.FlexAlign12 {
    display: flex !important;
    align-items: anchor-center;
}
.QOPCard1 {
    background: #fff;
    cursor: pointer;
    min-height: 120px;
    box-shadow: 0px 1px 5px 0px #e6e6e6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Alignflex76 {
    display: flex;
    align-items: center;
    margin-right: 0px !important;
}
.Aligndivset54 {
    text-align: right;
    margin-bottom: 15px;
}
.FW500{
    font-weight:500;
}
.InProgressDot1 {
    font-size: 10px;
    position: relative;
    color: #f9a825;
    margin-right: 3px;
    top: -2px;
}