/*Added By Shripad START*/
:root {
    --eastern-blue: #00999E;
    --eastern-blue-20: rgba(0, 153, 158, 0.2);
    --light-eastern-blue: #E5F5F5;
    --border-grey: #DBDBDB;
    --google-grey: #80868B;
    --light-blue-grey: #F4F4F9;
    --image-border: rgba(135, 177, 173, 0.5);
    --silent-button-background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
    --silent-button-background-hover: linear-gradient(rgb(255, 255, 255) 0%, rgb(235, 235, 235) 100%);
    --action-button-background: linear-gradient(180deg, rgba(0, 153, 158, 0.6) 0%, #00999E 100%);
    --action-button-background-hover: linear-gradient(180deg, rgba(0, 153, 158, 0.6) 0%, #02898e 100%);
    --datatable-border-color: #D8EBEB;
    --datatable-background-color: #F3FAFB;
    --header-gradient: linear-gradient(90.45deg, #CCEBEC -0.76%, #E5FBFC 104.55%);
}
/*Added By Shripad END*/


html {
    /*background-color: #e2e2e2;*/ /*Commented by Shripad*/
    background-color: #fff;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    /*border-top: solid 10px #000;*/ /*Commented by Shripad*/
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

#MainContent_divTable {
    margin-bottom: 42px;
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none; /*added by dnyaneshwari*/
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

.linked-silent-btn {
    background: var(--silent-button-background);
    padding: 7px 21px;
    border: 1px solid var(--border-grey);
    text-decoration: none; /* Changed by Dnyaneshwari*/
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

    .linked-silent-btn:hover {
        background: var(--silent-button-background-hover);
    }


#MainContent_defaultfilelink {
    background: var(--silent-button-background);
    padding: 8px 21px;
    border: 1px solid var(--border-grey);
    text-decoration: none;
    text-decoration: none; /* Changed by Dnyaneshwari*/
    border-radius: 4px;
    cursor: pointer;
    margin-left: 2px;
}

    #MainContent_defaultfilelink:hover {
        background: var(--silent-button-background-hover);
    }




a:hover { 
    /*background-color: #c7d1d6;*/ /*Commented by Shripad*/
    background-color: var(--eastern-blue-20);
}

header {
    z-index: 10000;
    position: sticky;
    top: 0;
    background: white;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    /*color: #000;*/
    color: var(--eastern-blue);
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: capitalize;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
    /*margin-top: 0;*/
    margin-bottom: 34px; /*changed by Dnyaneshwari*/
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    /*max-width: 80%;*/ /*Commented by Shripad*/
    max-width: 100%; /*Added by Shripad*/
    /*padding-left: 10%;*/ /*Added by Shripad*/ /*commented by Dnyaneshwari*/
    /*    padding-right: 10%;*/ /*Added by Shripad*/ /*commented by Dnyaneshwari*/
}

#body {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 120px; /*changed by Dnyaneshwari*/
    padding-left: 10%; /*Added by Shripad*/
    padding-right: 10%; /*Added by Shripad*/
    overflow: auto;
}

.main-content {
    /*background: url("../Images/accent.png") no-repeat;*/ /*Commented by Shripad*/
    padding-left: 1px; /* changed byDnyaneshwari*/
    /* padding-top: 30px;*/ /*commented by Dnyaneshwari*/
    padding-bottom: 100px; /*Added by Shripad*/
}

.featured + .main-content {
    background: url("../Images/heroAccent.png") no-repeat;
}

header .content-wrapper {
    /*padding-top: 10px;*/
    padding-top: calc(0.5vw + 3px); /*Added by Shripad*/
}

footer {
    background-position: 66vw 55%;
    clear: both;
    background: white;                               /* Added by Dnyaneshwari*/
    /*background-color: #e2e2e2; 
    height: 100px;
    */ /*Commented by Shripad*/
    /*Added by Shripad START*/
    /*background-color: #CCEBEC;*/
    bottom: 0;
    position: fixed;
    width: 100%;
    min-height: 48.4px;                           /* changed by Dnyaneshwari*/
    /*Added by Shripad END*/
    font-size: .8em;
    background-size: 18%;
    background-repeat: no-repeat;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }

.mandatoryStar {
    color: red;
}

/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em !important;
    /*margin: 0 0 10px;*/ /*Commented by Shripad*/
    margin-top: 5px; /*Added by Shripad*/
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin-left: 0px;
            /*text-decoration: underline;*/ /*Commented by Shripad*/
            text-decoration: none;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        /*padding-left: 15px;*/
    }

        ul#menu li a {
            background: none;
            /*color: #999;*/
            /* color: var(--google-grey);*/ /*commented by Dnyaneshwari  */ /*Added by Shripad*/

            text-decoration: none;
            padding: 9px 10px 9px 37px; /*Added by Shripad*/
        }

            ul#menu li a:hover {
                /* color: #333;*/ /*commented by Dnyaneshwari*/
                text-decoration: none;
                /* background-color: var(--light-blue-grey) !important;*/ /* commented by Dnyaneshwari*/
            }
/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            /*background: url("../Images/orderedList0.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList0.svg") no-repeat;
        }

        ol.round li.one {
            /*background: url("../Images/orderedList1.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList1.svg") no-repeat;
        }

        ol.round li.two {
            /*background: url("../Images/orderedList2.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList2.svg") no-repeat;
        }

        ol.round li.three {
            /*background: url("../Images/orderedList3.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList3.svg") no-repeat;
        }

        ol.round li.four {
            /*background: url("../Images/orderedList4.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList4.svg") no-repeat;
        }

        ol.round li.five {
            /*background: url("../Images/orderedList5.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList5.svg") no-repeat;
        }

        ol.round li.six {
            /*background: url("../Images/orderedList6.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList6.svg") no-repeat;
        }

        ol.round li.seven {
            /*background: url("../Images/orderedList7.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList7.svg") no-repeat;
        }

        ol.round li.eight {
            /*background: url("../Images/orderedList8.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList8.svg") no-repeat;
        }

        ol.round li.nine {
            /*background: url("../Images/orderedList9.png") no-repeat;*/ /*Commented by Shripad */
            background: url("../Images/orderedList9.svg") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

fieldset.open-auth-providers {
    margin-top: 15px;
}

    fieldset.open-auth-providers button {
        margin-bottom: 12px;
    }

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/*forms*/

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }

select {
    margin: 5px 0 6px 0;
    font-size: inherit;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.0em;
    margin: 5px 0 6px 0;
    padding: 5px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

input[type="text"], input[type="password"] {
    /* width:100px;*/ /*changed by Dnyaneshwari*/
    width: initial; /*changed by Dnyaneshwari*/
}


input:focus, textarea:focus {
    border: 1px solid #7ac0da;
}

input[type="checkbox"] {
    /* background: transparent;*/ /*commented by shripad*/
    accent-color: #00999E; /* Add By Dnyaneshwari to change the checkbox*/
    border: inherit;
    width: auto;
}

#MainContent_ShowButton {
    /*margin-top:15px;*/ /*commented by Dnyaneshwari*/
}

input[type="submit"],
input[type="button"],
button {
    /*Commented by Shripad START*/
    /*background-color: #d3dce0;*/
    /*border: 1px solid #787878;*/
    /*font-weight: 600;*/
    /*padding: 7px;*/
    /*font-size: 1.2em;*/
    /*Commented by Shripad END*/
    /*Added by Shripad START*/
    color: white;
    padding: 7px 21px;
    border: none;
    background: var(--action-button-background);
    border-radius: 4px;
    font-weight: normal;
    font-size: 1em;
    /*Added by Shripad END*/
    cursor: pointer;
    margin-right: 8px;
    height: 40px;
    margin-bottom: 24px;
}

    input[type="submit"]:hover,
    input[type="button"]:hover,
    button:hover {
        background: var(--action-button-background-hover);
        /*color: #fff !important;*/ /*  by Dnyaneshwari*/
    }

.ImageButtonClass {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 0px;
}

/*label having for attribute ie. lable generated for radio buttons.*/
Label[for] {
    display: inline-block;
    padding-left: 2px;
    font-weight: normal;
    font-size: small;
}

input[type="radio"] {
    accent-color: var(--eastern-blue); /*Add by Dnyaneshwari*/
    background-color: transparent;
    border: 0px;
    width: 20px;
    padding: 0px;
    margin: 0px;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


.availableForHigherVersion {
    Color: Gray;
    background-color: #E2E1E1;
    border: 1.5px #BFBCBC solid;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 12px;
    /*padding-right: 22px;*/ /* commented by Dnyaneshwari*/
    border: 1px solid var(--datatable-border-color);
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 1em;
    border: 0 none;
    /*border: 1px solid var(--datatable-border-color);*/ /*commented by Dnyaneshwari*/
}


tr.pager td {
    padding: 0 0.25em 0 0;
}

/*.odd {
    border: 1px solid var(--datatable-border-color);
    background:var(--datatable-background-color);                   
}                                                                                  commented by Dnyaneshwari
    .odd td {
        border: 1px solid var(--datatable-border-color);
    }*/

/********************
*   Mobile Styles   *
********************/


@media only screen and (max-width: 600px) {

    /* header
    ----------------------------------------------------------*/
    /*header .float-left,
    header .float-right {
        float: none;
    }*/

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    .FormHeader {
        padding: 3px;
    }


    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }

    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}



/* END: Mobile Styles */
/*Theme update stylings START by Shripad*/
.menu-content-wrapper {
    border-bottom: 1px solid var(--eastern-blue);
    padding-bottom: calc(0.5vw + 36px);
}

img#CompanyLogo {
    margin-top: 3px;
    width: calc(3.5vw + 20px);
    vertical-align: middle;
}

img#menu-settings-icon {
    width: calc(1vw + 5px);
    cursor: pointer;
    transition: transform 0.1s ease-in-out;
}

.spin-it {
    transform: rotate(60deg);
}

.settings-menu-wrap {
    border: 1px solid #EBEBEB;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    min-width: 150px;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10.5px);
    right: -5px;
    top: 105%;
}

.side-navmenu-wrap {
    position: relative;
    left: 25px;
}

@media (max-width: 1366px) {
    .side-navmenu-wrap {
        transform: translateY(-130%);
        top: -4px;
    }
}

@media (min-width: 1367px) {
    .side-navmenu-wrap {
        transform: translateY(-115%);
        top: -2px;
    }
}

.side-navmenu-wrap {
    cursor: pointer;
}

.settings-menu-item {
    display: inline-block;
    padding: 10px 10px 10px 35px !important;
    color: black;
    background-color: white !important;
    margin: 0 !important;
    min-width: 100%;
    text-align: left !important;
}

    .settings-menu-item:hover {
        background-color: var(--light-blue-grey) !important;
    }

.settings-menu-wrap {
    display: none;
    border-radius: 6px;
    background: white; /*changed by Dnyaneshwari*/
}

.settings-menu-item:last-child {
    color: var(--eastern-blue);
}

    .settings-menu-item:last-child:hover {
        background-color: var(--light-eastern-blue) !important;
    }

/*Side menu drop down icons*/

.settings-menu-item.item-leave-dashboard {
    background: url(../media/images/leaves-dashboard-icon.svg); /* changed  by Dnyaneshwari*/
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5%;
}

.settings-menu-item.item-time-sheet {
    background: url(../media/images/timesheets-icon.svg); /* changed  by Dnyaneshwari*/
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5%;
}

.settings-menu-item.item-salary-history {
    background: url(../media/images/salary-history-icon.svg);
    background-repeat: no-repeat; /* changed  by Dnyaneshwari*/
    background-size: 18px;
    background-position: 5%;
}

.settings-menu-item.item-leave-dashboard:hover {
    background: url(../media/images/leaves-dashboard-icon-active.svg); /* changed  by Dnyaneshwari*/
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5%;
}

.settings-menu-item.item-time-sheet:hover {
    background: url(../media/images/timesheets-icon-active.svg); /* changed  by Dnyaneshwari*/
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5%;
}

.settings-menu-item.item-salary-history:hover { /* changed  by Dnyaneshwari*/
    background: url(../media/images/salary-history-icon-active.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5%;
}

.settings-menu-item.item-log-off {
    background: url(../media/images/log-off-icon.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 5%;
}

.settings-menu-item.item-apply-leave { /* add by Dnyaneshwari*/
    background: url(../media/images/apply-leave-icon.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5%;
}

    .settings-menu-item.item-apply-leave:hover { /* add by Dnyaneshwari*/
        background: url(../media/images/apply-leave-icon-active.svg);
        background-repeat: no-repeat;
        background-size: 18px;
        background-position: 5%;
    }
/*main menu icons*/
a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic {
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.add-links {
        background: url(../media/images/add-links-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }



a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.change-time-entry-password {
    background: url(../media/images/change-password-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.download-time-entry {
        background: url(../media/images/download-time-entry-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.my-details { /*Add by Dnyaneshwari*/
        background: url(../media/images/my-details-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.my-ride-details { /*Add by Dnyaneshwari*/
        background: url(../media/images/my-ride-details-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.early-riser {
        background: url(../media/images/early-riser-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.user-categories {
        background: url(../media/images/user-categories-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.wfh-requests {
        background: url(../media/images/wfh-requests-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
       display:none !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.apply-leave {
        background: url(../media/images/apply-leave-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.holidays {
        background: url(../media/images/holidays-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.leaves-dashboard {
        background: url(../media/images/leaves-dashboard-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.upcoming-leaves {
        background: url(../media/images/upcoming-leaves.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.view-leave {
        background: url(../media/images/view-leave-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.requested-time-entries {
        background: url(../media/images/requested-time-entries-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salary-history {
        background: url(../media/images/salary-history-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.timesheets {
        background: url(../media/images/timesheets-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.peer-assessments {
        background: url(../media/images/peer-assessments-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.peer-notes {
        background: url(../media/images/peer-notes-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.self-assessments {
        background: url(../media/images/self-assessments-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.self-notes {
        background: url(../media/images/self-notes-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }


    /*Admin Page icons*/
    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.alternate-names {
        background: url(../media/images/alternate-names-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.assign-project {
        background: url(../media/images/assign-project-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.clients {
        background: url(../media/images/clients-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.company-information {
        background: url(../media/images/company-information-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.default-projects {
        background: url(../media/images/default-projects-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-feeds {
        background: url(../media/images/manage-feeds-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-links {
        background: url(../media/images/manage-links-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.predefined-adjustments {
        background: url(../media/images/predefined-adjustments-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.projects {
        background: url(../media/images/projects-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.reviews-cycle {
        background: url(../media/images/reviews-cycle-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salary-slip-headers {
        background: url(../media/images/salary-slip-headers-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salary-slip-template {
        background: url(../media/images/salary-slip-template-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.settings {
        background: url(../media/images/settings-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.assessments {
        background: url(../media/images/assessments-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.attendance-report { /* add by Dnyaneshwari*/
        background: url(../media/images/attendence-report-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.employment-verification { /* add by Pratik*/
        background: url(../media/images/Employment-verification-inactive.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }
    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.project-requests { /* add by Pratik*/
        background: url(../media/images/Project-request-inactive.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }
    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.project-request { /* add by Pratik*/
        background: url(../media/images/Project-request-inactive.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-user-rides {
        background: url(../media/images/manage-user-rides-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-users {
        background: url(../media/images/manage-users-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.my-team {
        background: url(../media/images/my-team-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.notes {
        background: url(../media/images/notes-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.reset-time-entry-password {
        background: url(../media/images/password-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.unlock-time-entry-users {
    background: url(../media/images/unlock-users-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.user-screens {
        background: url(../media/images/user-screens-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.download-salary-files {
        background: url(../media/images/download-salary-files-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.process-salary {
        background: url(../media/images/process-salary-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.process-salary {
        background: url(../media/images/process-salary-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salarys {
        background: url(../media/images/salarys-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.tax-liabilities {
        background: url(../media/images/tax-liabilities-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.tax-liabilities-history {
        background: url(../media/images/tax-liabilities-history-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

    a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.tax-master {
        background: url(../media/images/tax-master-icon.svg) !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        background-position: 6% !important;
    }

a.level2.DynamicMenuItemStyle.SiteMapLevel2.applied-leaves {
    background: url(../media/images/applied-leaves-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.download-invoices {
    background: url(../media/images/download-invoices-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.generate-invoices {
    background: url(../media/images/generate-invoices-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.get-invoices {
    background: url(../media/images/get-invoices-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.payments {
    background: url(../media/images/payments-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.proforma-invoices {
    background: url(../media/images/proforma-invoices-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.receive-payments {
    background: url(../media/images/receive-payments-icon.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}



/*Active or Hover*/

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.add-links:hover {
    background: url(../media/images/add-links-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.change-time-entry-password:hover {
    background: url(../media/images/change-password-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.download-time-entry:hover {
    background: url(../media/images/download-time-entry-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.early-riser:hover {
    background: url(../media/images/early-riser-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.my-details:hover { /*Add by Dnyaneshwari*/
    background: url(../media/images/my-details-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.my-ride-details:hover {
    background: url(../media/images/my-ride-details-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}


a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.user-categories:hover {
    background: url(../media/images/user-categories-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.wfh-requests:hover {
    background: url(../media/images/wfh-requests-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.apply-leave:hover {
    background: url(../media/images/apply-leave-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.holidays:hover {
    background: url(../media/images/holidays-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.leaves-dashboard:hover {
    background: url(../media/images/leaves-dashboard-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.upcoming-leaves:hover {
    background: url(../media/images/upcoming-leaves-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.view-leave:hover {
    background: url(../media/images/view-leave-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.requested-time-entries:hover {
    background: url(../media/images/requested-time-entries-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salary-history:hover {
    background: url(../media/images/salary-history-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.timesheets:hover {
    background: url(../media/images/timesheets-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.peer-assessments:hover {
    background: url(../media/images/peer-assessments-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.peer-notes:hover {
    background: url(../media/images/peer-notes-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.self-assessments:hover {
    background: url(../media/images/self-assessments-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.self-notes:hover {
    background: url(../media/images/self-notes-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

/*Admin Page icons Hover*/
a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.alternate-names:hover {
    background: url(../media/images/alternate-names-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.assign-project:hover {
    background: url(../media/images/assign-project-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.clients:hover {
    background: url(../media/images/clients-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.company-information:hover {
    background: url(../media/images/company-information-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.default-projects:hover {
    background: url(../media/images/default-projects-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-feeds:hover {
    background: url(../media/images/manage-feeds-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-links:hover {
    background: url(../media/images/manage-links-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.predefined-adjustments:hover {
    background: url(../media/images/predefined-adjustments-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.projects:hover {
    background: url(../media/images/projects-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.reviews-cycle:hover {
    background: url(../media/images/reviews-cycle-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salary-slip-headers:hover {
    background: url(../media/images/salary-slip-headers-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salary-slip-template:hover {
    background: url(../media/images/salary-slip-template-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.settings:hover {
    background: url(../media/images/settings-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.assessments:hover {
    background: url(../media/images/assessments-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.attendance-report:hover { /* Add by Dnyaneshwari*/
    background: url(../media/images/attendence-report-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.employment-verification:hover { /* Add by Pratik*/
    background: url(../media/images/Employment-verification-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}
a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.project-requests:hover { /* Add by Pratik*/
    background: url(../media/images/Project-request-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}
a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.project-request:hover { /* Add by Pratik*/
    background: url(../media/images/Project-request-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}
a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-user-rides:hover {
    background: url(../media/images/manage-user-rides-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.manage-users:hover {
    background: url(../media/images/manage-users-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.my-team:hover {
    background: url(../media/images/my-team-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.notes:hover {
    background: url(../media/images/notes-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.reset-time-entry-password:hover {
    background: url(../media/images/password-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.unlock-time-entry-users:hover {
    background: url(../media/images/unlock-users-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.user-screens:hover {
    background: url(../media/images/user-screens-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.download-salary-files:hover {
    background: url(../media/images/download-salary-files-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.process-salary:hover {
    background: url(../media/images/process-salary-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.process-salary:hover {
    background: url(../media/images/process-salary-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.salarys:hover {
    background: url(../media/images/salarys-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.tax-liabilities:hover {
    background: url(../media/images/tax-liabilities-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.tax-liabilities-history:hover {
    background: url(../media/images/tax-liabilities-history-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.dynamic.tax-master:hover {
    background: url(../media/images/tax-master-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.applied-leaves:hover {
    background: url(../media/images/applied-leaves-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.download-invoices:hover {
    background: url(../media/images/download-invoices-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.generate-invoices:hover {
    background: url(../media/images/generate-invoices-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.get-invoices:hover {
    background: url(../media/images/get-invoices-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.payments:hover {
    background: url(../media/images/payments-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.proforma-invoices:hover {
    background: url(../media/images/proforma-invoices-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}

a.level2.DynamicMenuItemStyle.SiteMapLevel2.receive-payments:hover {
    background: url(../media/images/receive-payments-icon-active.svg) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 6% !important;
}


#Menu1 ul.dynamic {
    background: white;
    left: 35px;
    border: 1px solid #EBEBEB;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10.5px);
    transform: translateX(35px);
    border-radius: 6px;
}

#DownloadTimeEntryFooter {
    background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
    border: none;
    border-radius: 6px;
    font-weight: normal;
    font-size: 0.9rem;
    padding: 0px 12px;
    margin-right: 0;
    color: black;
}

    #DownloadTimeEntryFooter:hover {
        background: linear-gradient(180deg, #FFFFFF 0%, #EBEBEB 100%);
        color: #000 !important;
    }

    #DownloadTimeEntryFooter img {
        margin-right: 10px;
        vertical-align: middle;
    }

div.float-right.footer-content-wrapper {
    transform: translateY(25%);
}

    div.float-right.footer-content-wrapper p {
        text-align: end;
        margin-top: 5px;
    }

textarea {
    border-radius: 4px;
}

    textarea:focus-visible {
        outline: 2px solid var(--eastern-blue);
        border: none;
    }

table#MainContent_CheckBoxListCategories {
    border-collapse: separate !important;
    border-spacing: 1em !important;
}

    table#MainContent_CheckBoxListCategories td {
        padding: 0.7em 2em 0.7em 1em;
        border: 1px solid var(--border-grey);
        border-radius: 4px;
        position: relative;
        min-width: 120px;
    }

        table#MainContent_CheckBoxListCategories td label {
            height: 100%;
            cursor: pointer;
            position: absolute;
            display: flex;
            align-items: center;
            width: 75%;
            justify-content: start;
            transform: translate(-16px, -36px);
            padding-left: 27%;
        }

textarea#MainContent_txtUrl {
    margin-left: 1em;
}

table#MainContent_CheckBoxListCategories td:hover {
    border: 1px solid var(--eastern-blue);
}

table#MainContent_CheckBoxListCategories td.checked-checkbox-border {
    box-shadow: rgba(72, 72, 72, 0.4) 0px 2px 4px, rgba(140, 140, 140, 0.3) 0px 7px 13px -3px, rgba(94, 94, 94, 0.2) 0px -3px 0px inset;
}

span.addlink-page-label-header {
    padding-top: 1.5em;
}

/*Dnyaneshwari start*/
#MainContent_CheckBoxListProjects {
    border-collapse: separate !important;
    border-spacing: 2em;
}
/*Dnyaneshwari End*/
/*Change password page*/
input#MainContent_OldPasswordTextBox, input#MainContent_NewPasswordTextBox, input#MainContent_ConfirmPwdTextBox {
    border-radius: 4px;
    padding: 0.6em !;
    margin-top: 0.5em;
}

    input#MainContent_OldPasswordTextBox:focus-visible, input#MainContent_NewPasswordTextBox:focus-visible, input#MainContent_ConfirmPwdTextBox:focus-visible {
        outline: transparent;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    }

#MainContent_OldPasswordDiv {
    margin-top: 1.5em;
}

#MainContent_NewPasswordDiv, #MainContent_ConfirmPasswordDiv {
    margin-top: 1em;
}

/*Download time Entry App page*/

.download-time-entry-page-btn {
    color: white !important;
    display: inline-block;
    padding: 0.6em 1em 0.6em 2.5em;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(0, 153, 158, 0.6) 0%, #00999E 100%);
    cursor: pointer;
    margin-top: 1em;
    position: relative;
}

    .download-time-entry-page-btn:hover {
        background: linear-gradient(180deg, rgba(0, 153, 158, 0.6) 0%, #02898e 100%);
        color: #fff !important;
    }

    .download-time-entry-page-btn::before {
        content: url('../media/images/download-time-entry-icon-white.svg');
        margin-right: 0.6em;
        position: absolute;
        top: 50%;
        transform: translate(-150%, -45%);
    }

.download-time-entry-help-text {
    color: var(--eastern-blue);
    margin-top: 0.5em;
}


/*My details Page*/
input[type="text"], input[type="password"] {
    border-radius: 4px;
    padding: 0.6em;
    margin-top: 14px; /*changed by Dnyaneshwari*/
    /*transform:translate(0px,10px);*/ /*changed and commited by Dnyaneshwari*/
    text-align: left; /* changed by Dnyaneshwari*/
}

    input[type="text"]:focus-visible, input[type="password"]:focus-visible {
        outline: transparent;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    }

input[type="time"]:focus-visible {
    outline: transparent;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

input:focus {
    border: 1px solid #7ac0da;
}

select {
    padding: 0.6em 12px;
    cursor: pointer;
    background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
    border: 1px solid var(--border-grey);
    border-radius: 4px;
}

    select:hover {
        background: linear-gradient(rgb(255, 255, 255) 0%, rgb(235, 235, 235) 100%);
    }

    select option:hover {
        cursor: pointer;
    }

.imageBorder {
    border: 2px solid var(--image-border) !important;
}

#MainContent_ButtonGetRideDetails {
    margin-top: 20px; /*changed by Dnyaneshwari*/
    margin-right: 0;
}

#MainContent_SearchButton {
    margin-top: 1.5em;
}

#MainContent_ButtonSubmit {
    margin-right: 0;
}

input[type="search"] {
    border-radius: 4px;
    padding: 0.35em 0.6em;
    margin-left: 0.6em;
    margin-bottom: 0.5em;
}

    input[type="search"]:focus-visible {
        outline: transparent;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    }

    input[type="search"]:focus {
        border: 1px solid #7ac0da;
    }

table#TableUsers {
    margin-bottom: 0.5em;
}

label[for="MainContent_chkall"] {
    height: 46px;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    width: 120px;
    justify-content: start;
    transform: translate(-13px, -37px);
    padding-left: 40px;
}

.user-categories-chkall-td {
    border: 1px solid var(--border-grey);
    min-width: 120px;
    padding: 0.7em 2em 0.7em 1em;
    border-radius: 4px;
    width: 120px;
}

    .user-categories-chkall-td:hover {
        border: 1px solid var(--eastern-blue);
    }

.user-categories-chkall-table {
    border-collapse: separate;
    border-spacing: 1em;
}

table.user-categories-chkall-table td.checked-checkbox-border {
    box-shadow: rgba(72, 72, 72, 0.4) 0px 2px 4px, rgba(140, 140, 140, 0.3) 0px 7px 13px -3px, rgba(94, 94, 94, 0.2) 0px -3px 0px inset;
}

#divEmplyees .checked-checkbox-border {
    box-shadow: rgba(72, 72, 72, 0.4) 0px 2px 4px, rgba(140, 140, 140, 0.3) 0px 7px 13px -3px, rgba(94, 94, 94, 0.2) 0px -3px 0px inset;
}

/*Dnyaneshwari start*/
.chkedall {
    padding: 0.7em 2em 0.7em 1em;
    margin: 7px;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    width: 48px;
}

    .chkedall:hover {
        border: 1px solid var(--eastern-blue);
    }
/*Dnyaneshwari End*/
label[for="MainContent_IsCreditCheckBox"] {
    padding-left: 8px;
    margin: 1em 0em 2em 0em;
}

.apply-leave-page-header {
    margin-bottom: 1.5em;
    text-transform: capitalize;
}

div#TableHolidays_info {
    margin-top: 0.5em;
}

/*#jQueryDataTable_previous, #jQueryDataTable_next {
    padding: 0.5em 1em;
    border: 1px solid var(--border-grey);
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    margin-right: 0.5em;
    background: linear-gradient(180deg, #FFF 0%, #F2F2F2 100%);
}

    #jQueryDataTable_next{
        margin-right: 0;
    }

    #jQueryDataTable_previous:hover, #jQueryDataTable_next:hover {
        background: linear-gradient(rgb(255, 255, 255) 0%, rgb(235, 235, 235) 100%);
    }


#jQueryDataTable_paginate {
    margin-top: 1.5em;
}
*/

#jQueryDataTable_previous, #jQueryDataTable_next {
    cursor: pointer;
    background: var(--silent-button-background);
    padding: 7px 21px;
    text-decoration: none;
    border: 1px solid var(--border-grey);
    border-radius: 4px;
    margin-left: 5px;
}

#MainContent_HyperLink1 {
    background: var(--action-button-background);
    padding: 7px 21px;
    text-decoration: none;
    color: white;
    border-radius: 4px;
    border: none;
    font-weight: normal;
    cursor: pointer;
}

    #MainContent_HyperLink1:hover {
        background: var(--action-button-background-hover);
    }

#jQueryDataTable_previous:hover, #jQueryDataTable_next:hover {
    background: var(--silent-button-background-hover);
}

#MainContent_DropDownListGridYears {
    min-height: 2.5em;
}

.user-timesheet-header {
    margin-bottom: 1.5em;
}

.subDiv5.user-timesheet-show-btn-div {
    padding-top: 1.1em !important;
}

.add-peer-assessment-btn-div, .add-peer-note-btn-div, .add-self-assessment-btn-div, .add-self-note-btn-div {
    margin-top: 1.5em;
}

#ctl14_loginLink {
    color: white;
    padding: 0.7em 1.5em !important;
    border: none;
    background: linear-gradient(180deg, rgba(0, 153, 158, 0.6) 0%, #00999E 100%);
    border-radius: 4px;
    font-weight: normal;
    font-size: 1em;
    cursor: pointer;
    margin-right: 8px;
    display: inline-block;
}

    #ctl14_loginLink:hover {
        background: linear-gradient(rgba(0, 153, 158, 0.6) 0%, rgb(2, 137, 142) 100%);
        color: rgb(255, 255, 255) !important;
    }

.login-resend-text-btn {
    color: var(--eastern-blue) !important;
}

.ui-widget-header {
    background: var(--silent-button-background), url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x !important;
}

.ui-dialog-buttonset .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    background: var(--silent-button-background);
    border: 1px solid var(--border-grey);
}

    .ui-dialog-buttonset .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
        background: var(--silent-button-background-hover);
        color: black !important;
    }

    .ui-dialog-buttonset .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:focus-visible {
        outline: none;
    }

#form1 ol.round a {
    color: var(--eastern-blue);
}

    #form1 ol.round a:hover {
        background: white;
        color: var(--eastern-blue);
        opacity: 0.7;
    }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 50% !important;
    transform: translateY(-50%);
    cursor: pointer;
}


.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 50% !important;
    transform: translateY(-50%);
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 3px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 3px;
}

button.ui-datepicker-close {
    background: var(--silent-button-background) !important;
    border: 1px solid var(--border-grey);
}

    button.ui-datepicker-close:hover {
        color: black !important;
        background: var(--silent-button-background-hover) !important;
        border: 1px solid var(--border-grey) !important;
    }

#startDate.date-picker {
    border-radius: 4px;
    padding: 0.6em !important;
    margin-top: 0.5em;
}

    #startDate.date-picker:focus-visible {
        outline: transparent;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    }

button#showRecords {
    border: none;
    color: white;
    background: var(--action-button-background);
    min-height: 35px;
    margin-top: 0.5em;
}

    button#showRecords:hover {
        background: var(--action-button-background-hover);
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid var(--datatable-border-color) !important;
    background: #FFF url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background: #CEECF0 !important;
    border: 1px solid #67AFB9 !important;
}

.table-bordered > tbody > tr > td {
    border: 1px solid var(--datatable-border-color) !important;
}

.table-bordered > thead > tr > td {
    border: 1px solid var(--datatable-border-color);
}

.nav-menu-username-p {
    margin: 1em 0;
}

#startDate {
    min-width: 120px;
}

/*Early Riser Page*/
#currentMonthBtn.disabled, #lastMonthBtn.disabled {
    background: white !important;
    color: var(--eastern-blue) !important;
}

#currentMonthBtn.active {
    background: var(--silent-button-background);
    color: black !important;
}


#lastMonthBtn.active {
    background: var(--silent-button-background);
    color: black !important;
}

#currentMonthBtn:focus, #lastMonthBtn:focus {
    outline: 0;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 153, 158, 0.5) 0px 0px 0px 1px;
}

.headerDiv {
    background: var(--header-gradient) !important;
    color: #242424 !important;
}

.bgImageHead {
    background: white !important;
}

.img-circle1 {
    border: 7px solid rgba(0, 153, 158, 0.2) !important;
}

.img-circle2, .img-circle3 {
    border: 6px solid rgba(0, 153, 158, 0.2) !important;
}

.polaroid {
    box-shadow: 0px 6px 15.8px rgba(0, 0, 0, 0.12) !important;
}

.num1Div, .num2Div, .num3Div {
    background-color: var(--eastern-blue) !important;
}

.scoreDiv, .userPointsDiv {
    color: #242424 !important;
}

.employeeList {
    background-color: rgba(0, 153, 158, 0.1) !important;
}

table#MainContent_CheckBoxListEmployees td {
    padding: 0.7em 2em 0.7em 1em;
    border: 1px solid var(--border-grey);
    border-radius: 4px;
    position: relative;
    min-width: 120px;
    height: 25px;
}

    table#MainContent_CheckBoxListEmployees td label {
        height: 100%;
        cursor: pointer;
        position: absolute;
        display: flex;
        align-items: center;
        width: 75%;
        justify-content: start;
        transform: translate(-16px, -35px);
        padding-left: 27%;
        word-wrap: anywhere;
    }

table#MainContent_CheckBoxListEmployees {
    border-collapse: separate !important;
    border-spacing: 1em !important;
    transform: translateX(-1em);
}

.divEmployees {
    max-height: unset !important;
}

#MainContent_CheckBoxListEmployees input {
    margin-bottom: 6px !important;
}

table#MainContent_CheckBoxListEmployees td:hover {
    border: 1px solid var(--eastern-blue);
}



/*#MainContent_UpdateButton.Update-Button {
    margin-top: 1em !important;
}*/

#MainContent_CancelButton {
    background: var(--silent-button-background);                                 /* this is for  Cancel button*/
    color: black;
    border: 1px solid var(--border-grey);
}

    #MainContent_CancelButton:hover {
        background: var(--silent-button-background-hover);
        color: black !important;
    }

#MainContent_AsyncFileUpload1_ctl01 {
    background: url(../media/images/upload-file-icon.svg) !important;
}

#ctl00_MainContent_AsyncFileUpload1_ctl02 {
    cursor: pointer;
}

.lnkSeeMore-div {
    clear: both !important;
    height: 40px;
    transform: translateY(-86%);
    max-width: 150px;
}

.managelinks-lnkSeeMore {
    max-width: 150px;
}

.managelinks-btnRejectAll {
    transform: translate(6vw, 70%);
}

.paginate_button.previous, .paginate_button.next {
    cursor: pointer;
    /*Dnyaneshwari start*/
    background: var(--silent-button-background);
    border: 1px solid var(--border-grey);
    padding: 7px 21px;
    text-decoration: none;
    /* Dnyaneshwari End*/
}

    .paginate_button.previous:hover, .paginate_button.next:hover {
        background: var(--silent-button-background-hover);                                        /*changes by Dnyaneshwari*/
    }

/*stylings by Dnyaneshwari*/
#predefinedtbl {
    margin-bottom: 2em;
}
.linked-action-btn, .HyperLinkHover {                                  /*by Dnyaneshwari*/
    color: white !important;
    padding: 11px 21px;
    border: medium;
    background: var(--action-button-background);
    border-radius: 4px;
    font-weight: normal;
    font-size: 1em;
    cursor: pointer;
    margin-right: 8px;
    height: 40px!important;
    text-decoration: none;
}

    .linked-action-btn:hover, HyperLinkHover:hover {
        background: var(--action-button-background-hover);
    }
.updateTheme-generate-btn, .salary-slip-generate-button {
    text-decoration: none;
    background: var(--silent-button-background);
    border: 1px solid var(--border-grey);
    border-radius: 4px;
    padding: 0.25em 0.75em;
    color: #2a9d8f !important; /* green for generate btn*/
}

.updateTheme-Approve-btn {
    text-decoration: none;
    background: var(--silent-button-background) !important;
    border: 1px solid var(--border-grey) !important;
    border-radius: 4px !important;
    color: #14A44D !important; /*teal green color for approve btn*/
    padding: 0.25em 0.75em;
}

.updateTheme-Reject-btn {
    text-decoration: none;
    background: var(--silent-button-background) !important;
    border: 1px solid var(--border-grey) !important;
    border-radius: 4px !important;
    color: #DC4C64 !important; /*bootstrap denger for reject btn*/
    padding: 0.25em 0.75em;
}

.updateTheme-delete-btn {
    text-decoration: none;
    background: var(--silent-button-background) !important;
    border: 1px solid var(--border-grey) !important;
    border-radius: 4px !important;
    padding: 0.25em 0.75em;
    color: red !important; /* red for delete btn*/
}
.updateTheme-edit-btn, .updateTheme-salaryAdjustment-btn {
    text-decoration: none;
    background: var(--silent-button-background) !important;
    border: 1px solid var(--border-grey) !important;
    border-radius: 4px !important;
    color: #3B71cA !important; /*blue color for edit button*/
    padding: 0.25em 0.75em;
}

    .updateTheme-edit-btn:hover, .updateTheme-delete-btn:hover, .updateTheme-salaryAdjustment-btn:hover, .updateTheme-details-btn:hover, .updateTheme-Reject-btn:hover, .updateTheme-Approve-btn:hover, .salary-slip-generate-button:hover {
        background: var(--silent-button-background-hover) !important;
    }

.updateTheme-Approve-btn:hover, .updateTheme-delete-btn:hover, .updateTheme-generate-btn:hover {
    background: var(--silent-button-background-hover);
}

.updateTheme-details-btn {
    text-decoration: none;
    background: var(--silent-button-background) !important;
    border: 1px solid var(--border-grey) !important;
    border-radius: 4px !important;
    color: #000080 !important; /*navy blue color for details button*/
    padding: 0.25em 0.75em;
}
/*stylings End by Dnyaneshwari*/