.MainBackground {
    background: #fff;
    margin-top: 55px;
}

::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #bababa !important;
    border-radius: 15pt;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #8C8C8C !important;
    }

/*-- css added by amrit for user profile changes --*/

#Menu1_UserImgbig {
    border-width: 0px;
    float: left;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50%;
}

.PageSmallDescription {
    text-align: left !important;
}

/*--css added by amrit for make cursor pointer on all the icons--*/

.newico{cursor:pointer;}

.FormWrapper .rl_align {
    float: right;
}
/*-- css added by amrit for remove unwanted space (20/11/2018) --*/


/*.btn1 .ico {
    padding: 0 0px 0 28px;
}*/

.btn1, .btn1 .right, .btn1 .repeat {
    background: none !important;
}
    /*-- add this css for remove background from any kind of button (need to design flat icon design) 20/11/2018 --*/
    .btn1 .ico {
        border: none !important;
    }

div.wrapper h3 {
    margin-left: 17px;
}

/*.project-code {
    position: absolute;
    color: #fff;
    padding-left: 20.5%;
    margin-top: -24px;
    letter-spacing: 1px;}
}*/
/*added by vishant for info pop index on 15-1-2019*/
.info-main {
    display: none;
    float: left;
    z-index: 999999 !important; 
}

.navHeadertxtPosition {
    margin-top: 3px;
    position: absolute;
    margin-left: 3px;
}

.FilterTabClosed {
    width: 100% !important;

}

.BorderRight {
    border: none !important;
}

.FilterGradient TD.General, .FilterTabClosed {
    background-color: transparent;
}




#ddDashboardVersions::-webkit-scrollbar {
    width: 0.8em;
}

#ddDashboardVersions::-ms-scrollbar {
    width: 0.8em;
}

#ddDashboardVersions::-moz-scrollbar {
    width: 0.8em;
}

#ddDashboardVersions::-o-scrollbar {
    width: 0.8em;
}


#ddDashboardVersions::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#ddDashboardVersions::-ms-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#ddDashboardVersions::-o-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#ddDashboardVersions::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#ddDashboardVersions::-webkit-scrollbar-thumb {
    background-color: #999;
    outline: 1px solid slategrey;
}

#ddDashboardVersions::-moz-scrollbar-thumb {
    background-color: #999;
    outline: 1px solid slategrey;
}

#ddDashboardVersions::-o-scrollbar-thumb {
    background-color: #999;
    outline: 1px solid slategrey;
}

#ddDashboardVersions::-ms-scrollbar-thumb {
    background-color: #999;
    outline: 1px solid slategrey;
}


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



/*-- css change for menu3 22/11/2018 --*/


.sub-menu {
    height: auto !important;
}


.left-div {
    width: 83%;
    float: left;
}

.right-div {
    width: 17%;
    float: right;
}



/*-- Home page css --*/

/*-- css for manage view drop down structure --*/

.dropbtn {
    background-color: transparent;
    color: #666;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

.dropdowns {
    position: absolute;
    display: inline-block;
    z-index: 9999;
}

.dropdown-content {
    display: none;
    position: fixed;
    background-color: #fff;
    /* min-width: 160px; */
    /* margin-left: -83px; */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    /* display: grid; */
    width: 120px;
    z-index: 999999;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

.dropdowns:hover .dropdown-content {
    display: block;
}

.editLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}

.addLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}

.publish label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}

.deleteLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}




/*-- css added by amrit for manage view drop-down background icon size and style issue (13/11/2018)--*/

.editLayout {
    background: url(../../image/layout-edit.png) no-repeat 5px 4px !important;
    background-size: 16px 16px !important;
}


.editLayout {
    background: url(../../image/layout-edit.png) no-repeat 5px 4px;
    background-size: 16px 16px !important;
}

    .editLayout:hover {
        background: url(../../image/layout-edit.png) no-repeat 5px 4px;
        background-size: 16px 16px !important;
    }

.addLayout {
    background: url(../../image/layout-add.png) no-repeat 5px 4px;
    background-size: 16px 16px !important;
}

    .addLayout:hover {
        background: url(../../image/layout-add.png) no-repeat 5px 4px;
        background-size: 16px 16px !important;
    }

.deleteLayout {
    background: url(../../image/layout-close.png) no-repeat 5px 4px;
    background-size: 16px 16px !important;
}

    .deleteLayout:hover {
        background: url(../../image/layout-close.png) no-repeat 5px 4px;
        background-size: 16px 16px !important;
    }

.publish {
    background: url(../../image/publish.png) no-repeat 5px 4px;
    background-size: 16px 16px !important;
}

    .publish:hover {
        background: url(../../image/publish.png) no-repeat 5px 4px;
        background-size: 16px 16px !important;
    }


/*-- css added by amrit for more view drop-down structure (13/11/2018) --*/






/*-- media query added by amrit for resolution { (min-device-width: 1610px) and (max-device-width: 1950px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1610px) and (max-device-width: 1950px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }


    .FilterTabClosed {
        width: 11% !important;
    }

    .project-code {
        padding-left: 15.1%;
        margin-top: -24px;
    }
}



/*-- media query added by amrit for resolution { (min-device-width: 1600px) and (max-device-width: 1700px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1600px) and (max-device-width: 1700px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }

    .FilterTabClosed {
        width: 12% !important;
    }

    .search-box {
        left: 60% !important;
    }

    .left-div {
        width: 81%;
        float: left;
    }

    .right-div {
        width: 19%;
        float: right;
    }

    .project-code {
        padding-left: 17%;
        margin-top: -24px;
    }
}


/*-- media query added by amrit for resolution { (min-device-width: 1400px) and (max-device-width: 1600px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1400px) and (max-device-width: 1600px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }


    .FilterTabClosed {
        width: 13% !important;
    }

    .search-box {
        left: 59% !important;
    }

    .left-div {
        width: 80%;
        float: left;
    }

    .right-div {
        width: 20%;
        float: right;
    }

    .project-code {
        padding-left: 17.7%;
        margin-top: -24px;
    }
}


/*-- media query added by amrit for resolution { (min-device-width: 1400px) and (max-device-width: 1450px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1400px) and (max-device-width: 1450px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }


    .FilterTabClosed {
        width: 14% !important;
    }

    .search-box {
        left: 56% !important;
    }

    .left-div {
        width: 78%;
        float: left;
    }

    .right-div {
        width: 22%;
        float: right;
    }

    /*.project-code {
    padding-left: 26.7%;
    margin-top: -24px;*/
}


/*-- media query added by amrit for resolution { (min-device-width: 1300px) and (max-device-width: 1400px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1280px) and (max-device-width: 1400px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }

    /*edit by rishabh/15-1-2019/for alignment issue in res. ass widget*/
    .FilterTabClosed {
        width: 10% !important;
    }

    .left-div {
        width: 77%;
        float: left;
    }

    .right-div {
        width: 21%;
        float: right;
    }

    .project-code {
        padding-left: 26.7%;
        margin-top: -24px;
    }
}


/*-- media query added by amrit for resolution { (min-device-width: 1200px) and (max-device-width: 1280px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1200px) and (max-device-width: 1300px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }

    .FilterTabClosed {
        width: 16% !important;
    }

    .search-box {
        left: 49% !important;
    }

    .left-div {
        width: 76%;
        float: left;
    }

    .right-div {
        width: 24%;
        float: right;
    }

    .project-code {
        padding-left: 20.5%;
        margin-top: -24px;
    }
}



/*-- media query added by amrit for resolution { (min-device-width: 1100px) and (max-device-width: 1300px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1100px) and (max-device-width: 1300px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }


    .FilterTabClosed {
        width: 16% !important;
    }

    .search-box {
        left: 52% !important;
    }

    .left-div {
        width: 75%;
        float: left;
    }

    .right-div {
        width: 27%;
        float: right;
    }

    .project-code {
        padding-left: 21.5%;
        margin-top: -24px;
    }
}


/*-- media query added by amrit for resolution { (min-device-width: 1000px) and (max-device-width: 1180px) } issue - 13/11/2018 --*/

@media screen and (min-device-width: 1000px) and (max-device-width: 1180px) {


    #ddDashboardVersions {
        color: #666;
        vertical-align: top;
        width: 160px !important;
    }


    .FilterTabClosed {
        width: 20% !important;
    }

    .search-box {
        left: 47% !important;
        width: 13% !important;
    }

    #Menu1_sch_txtSearch {
        margin-top: -1px !important;
        margin-left: -5px !important;
        font-size: 10px;
    }

    .left-div {
        width: 69%;
        float: left;
    }

    .right-div {
        width: 31%;
        float: right;
    }

    .project-code {
        padding-left: 23.5%;
        margin-top: -24px;
    }
}

/*Commented by rahul badola on 29/mar/2019, for Advance Cost Manual Phasing save button row not getting visible */
#tdCalendar {
    display: none !important;
}

#ddDashboardVersions {
    border: none !important;
    background: transparent;
}

.label-hide {
    display: none !important;
}

#ddDashboardVersions {
    color: #666;
    vertical-align: top;
    /* padding-top: 2px; */
    z-index: 99999 !important;
    width: 160px !important;
    margin-left: -60px;
}


.FilterGradient TD.General .AllProjects {
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 100 !important;
}

.FilterGradient a {
    font-family: Roboto;
    font-size: 12px !important;
    font-weight: 100 !important;
}


/*-- css added by vishant 20/11/2018 --*/

.dropdown_s {
    display: inline-block;
}

    .dropdown_s:hover .dropdown-content {
        display: block;
    }


/*-- Project Home Page Css --*/

.ph-dropdown .dropdowns {
    z-index: 99999 !important;
}

.addLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}



#lnkEditLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}

#lnkCreateLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}

#lnkPublishLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}

#lnkDeleteLayout label {
    font-size: 11px;
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}


.navPageHeader {
    display: none;
}


.icoRight {
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: block;
    width: auto;
    float: left;
    padding: 0 15px 0 10px;
    white-space: nowrap;
}



.btn1 .ico {
    font-family: Sans-Serif !important;
    display: block;
    font-weight: normal;
    font-size: 10px !important;
    line-height: 25px;
    /* width: auto; */
    float: left;
    /* padding:0 10px 0 25px; */
    white-space: nowrap;
    text-transform: none;
}

.slick-group-header-columns-right, .slick-group-header-columns-left {
    background: #efefef !important;
}
.slick-group-header-columns-right:hover, .slick-group-header-columns-left:hover {
    background: #e7e7e8 !important;
}
.slick-group-header-column {
     background: #efefef !important;
     border:none !important
}
.slick-header-column:hover{
     background: #e7e7e8 !important;
}
.slick-header-columns-left {
    background: #efefef !important;
}
.slick-group-header-columns {
   padding: 0px!important
}
.slick-group-title span {
       color: #888 !important;
       font-weight: 600 !important;
}
.slick-group-title {
    font-weight: 600 !important;
}
.slick-header-columns-right {
      background: #efefef !important;
}

.slick-column-name {
  font: 12px Roboto !important;
    letter-spacing: 1px;
    line-height: 20px !important;
    color: #999 !important;
    margin: 1px 0px;
    overflow: hidden;
        text-align: center !important;
    text-overflow: ellipsis;
    text-wrap: none;
}

.slick-header-columns {
    padding: 0px 0 !important;
}

.slick-cell, .slick-headerrow-column, .slick-footerrow-column {
   border:none !important
}
.slick-headerrow-column.ui-state-default {
    padding: 0px !important;
    margin-left: 5px;
    margin-right: 5px;
}
.slick-headerrow {
  background: #fff !important;
 border:none !important
}

.slick-headerrow-column {
   background: #fff !important;
    border: none !important;
}
.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default{
    border:none !important;
}
.slick-group-header-column.ui-state-default:hover{
background:#e7e7e8 !important;
}
.slick-cell {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
     border-right: none !important;
    color: #888 !important; /*--added by amrit - 10/05/2019--*/
    justify-content: center;
    flex-direction: column;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    /*--css added by amrit for borders with opacity - 04/02/2019--*/
    border-bottom: 1px solid rgba(236,236,236,0.6) !important;
    border-right: 1px solid rgba(236,236,236,0.6) !important;
    border-top: 1px solid rgba(236,236,236,0.6) !important;
}
/*-- Remove link for grid element alignment - 3/1/2019--*/
.slick-row .leftText {
    display: flex !important;
}
.slick-header-left, .slick-header-right {
    border:none !important;
}
.GridPagerStyle span.GridPagerText {
    font-family: Roboto !important;
    font-size: 11px !important;
}

.topLeftBtnLink div span {
    font-size: 11px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.ulink:hover {
    text-decoration: none !important;
}


/*-- Css seperated by amrit from pde & pde png.css - 20/12/2018 --*/

.button {
    display: block;
    float: left;
    font-size: 13px;
    line-height: 29px;
    font-weight: normal;
    height: 29px;
    color: #fff;
    background: #a6b849 url('../../image/green-btn-bg.gif') no-repeat 100% 0;
    width: auto;
    margin-right: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

html .button:hover {
    text-decoration: none;
}

.button span {
    background: #0091c4;
    padding: 0 19px;
    display: block;
}


/*-- create new project icons merge from pde.css - 20/12/2018 --*/


.newProject:hover {
    background: url(../../image/create-new-ho.png) no-repeat 5px 5px;
    text-decoration: none;
}

/*--css added by amrit for the add icons design issue on 10/05/2019 --*/
a span.newProject {
    background: url(../../image/create-new-ho.png) no-repeat 2px 2px;
    text-decoration: none;
    width: 24px !important;
    height: 24px !important;
    padding:0px !important;
}

a:hover span.newProject {
    background: url(../../image/create-new-ho.png) no-repeat 5px 5px;
    text-decoration: none;
}



/* -- button style -- */
/*--changes added by amrit for the position issues on IE of burger menu - 22/08/2019--*/
.btn1,
.btn1 .right,
.btn1 .repeat {
    color: #5c5959;
    background: url(../../image/btn-1-bg.gif) no-repeat 0 0;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: block;
    width: auto;
      float: left;
    cursor: pointer;
}

.btn1-bg {
    color: #5c5959;
    background: url(../../image/btn-2-bg.png) no-repeat 0 0;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: block;
    width: auto;
    float: left;
    cursor: pointer;
}

.btn1:hover, .btn1_new:hover {
    text-decoration: none;
}

.btn2,
.btn2 .right,
.btn2 .repeat {
    color: #5c5959;
    background: url(../../image/btn-1-bg.gif) no-repeat 0 0;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: block;
    width: auto;
    float: left;
    cursor: pointer;
}

    .btn2:hover, .btn1_new:hover {
        text-decoration: none;
    }

    .btn2 .ico {
        display: block;
        font-weight: bold;
        font-size: 11px;
        line-height: 25px;
        width: auto;
        float: left;
        padding: 0 11px 0 30px;
        white-space: nowrap;
    }

.btn2 {
    padding: 0 0 0 3px;
    text-decoration: none;
}

    .btn2 .right {
        padding: 0 3px 0 0;
        background-position: 100% -25px;
    }

    .btn2 .repeat {
        background-repeat: repeat-x;
    }

    .btn2:hover, .right:hover, .repeat:hover {
        text-decoration: none;
    }

.btn1_new {
    display: block;
    width: auto;
    float: left;
    color: #5c5959;
    background: url(../../image/btn-1-bg.gif) 0 -50px repeat-x;
    font-weight: bold;
    font-size: 11px;
    line-height: 22px;
    cursor: pointer;
    margin-top: 4px;
    height: 25px;
}

.btn1_new {
}

    .btn1_new .right, .btn1_new .repeat {
        display: block;
        float: left;
        width: auto;
        height: 25px;
    }

    .btn1_new .right {
        background: url(../../image/btn-1-bg.gif) 0px top no-repeat;
    }

    .btn1_new .repeat {
        background: url(../../image/btn-1-bg.gif) right -25px no-repeat;
    }

.grp_option {
    margin-top: 5px;
}

.btnpdf1,
.btnpdf1 .right,
.btnpdf1 .repeat {
    color: #5c5959;
    background: url(../../image/btn-1-bg.gif) no-repeat 0 0;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: block;
    width: auto;
    float: left;
    cursor: pointer;
}

.btn1 .ico {
    display: block;
    font-weight: normal;
    font-size: 10px;
    line-height: 25px;
    width: auto;
    float: left;
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
/*-.btn1 {padding:0 0 0 3px;}-*/ /*-- commented by amrit - 07/01/2019--*/
.btn1 .right {
    background-position: 100% -25px;
}

.btn1 .repeat {
    background-position: 0 -50px;
    background-repeat: repeat-x;
}

.btn1:hover, .right:hover, .repeat:hover {
    color: #666;
}


/*-- Default basic CSS --*/



li {
    list-style: none;
}

ul, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    outline: 0;
}

    a img {
        border: none;
    }

ol {
    padding-left: 0px;
}

/*body.bodyWBgImage {
    background: #ECECEC url('../../image/wrapper-bg_common.png') repeat-x;
}*/

body.AlertMessage {
    background-color: #ECECEC;
    background-image: none;
    margin: 5px 10px;
    text-decoration: none;
}

    body.AlertMessage a:hover {
        text-decoration: none;
    }

body.LoginPage {
    background: #fff;
    background-image: none;
}

body.PrintPage {
    background-color: #fff;
    background: none;
}

.MainBackground {
    background: #f7f7f7;
    margin-top: 50px;
}
/*-- css changed by amrit for new header menu design (remove green background)-31/10/2018 --*/
img, fieldset {
    border: 0;
}

.spacer {
    clear: both;
    font-size: 0;
    line-height: 0;
}

TABLE {
    FONT-SIZE: 8pt;
    font-family: 'Open Sans', sans-serif;
}

INPUT {
    FONT-SIZE: 8pt;
    font-family: 'Open Sans', sans-serif;
}

SELECT {
    FONT-SIZE: 8pt;
    font-family: 'Open Sans', sans-serif;
}

LABEL {
    color: #626262;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}



.lnkwidgetchartsettings {
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(../../image/settings-ico-hover.png) 0px 0px no-repeat;
    margin: 0px !important;
}
    /*Changed by Amrit */
    .lnkwidgetchartsettings:hover {
        background: url(../../image/settings-ico-hover.png) 0px 0px no-repeat;
    }
/*Changed by Amrit */
.remove {
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: url(../../image/Remove-greyscale-16.png) no-repeat 5px 5px;
}

    .remove:hover {
        background: url(../../image/Remove-hover-16.png) no-repeat 5px 5px;
    }

.lnkMore {
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: url('../../image/add-ico-normal.gif') 4px 4px no-repeat;
}

    .lnkMore:hover {
        background: url('../../image/add-ico-hover.gif') 4px 4px no-repeat;
    }


div.FloatingOptionMenu {
    clear: both;
    padding: 20px;
    background: #efefef;
    position: absolute;
    border: 1px solid #cfcfcf;
   
    z-index: 995;
    overflow: hidden;
    min-width: 300px;
    width: auto;
}


/* -- top right button link style -- */
.topRightBtnLink {
    width: auto;
    float: right;
    padding: 4px 0 0;
}

    .topRightBtnLink li {
        float: right;
        padding: 0 0 0 9px;
    }

.topLeftBtnLink {
    width: auto;
    float: left;
    padding: 0;
    margin: 0 0 0 5px;
    color: #595959;
    height: 25px;
}

    .topLeftBtnLink div {
        float: left;
        padding: 0;
        line-height: 25px;
        vertical-align: middle;
    }
        /*.topLeftBtnLink div  select{display:inline;}* .Commented by shivika*/
        .topLeftBtnLink div span {
            font-size: 12px;
        }

/*-- css added by amrit for operation icons changes - 04/01/2019 --*/
#btnBulkDelete {
    margin-top: 0px;
}


/*-- Expand button link css merged by amrit-27/12/2018 --*/
a.expandBtnLinkEC {
    height: 25px;
    float: right;
    font-family: 'Open Sans', sans-serif;
    color: #5c5959;
    font-weight: bold !important;
    font-size: 11px !important;
    line-height: 25px;
    text-align: center;
    margin-top: 2px;
    text-decoration: none !important;
    display: block;
}
    /*-- remove padding-left for icon space optimization - 11/01/2019 --*/
    a.expandBtnLinkEC .noPad {
        padding: 0;
    }

    a.expandBtnLinkEC span.repeat {
        height: 25px;
        display: block;
        cursor: pointer;
    }
    /*-- css removed by amrit - 07/01/2019--*/
    a.expandBtnLinkEC span.plus {
        background: url(../../image/plus-icon.gif) no-repeat 5px 2px;
        padding: 0 2px 0px 16px;
    }

    a.expandBtnLinkEC:hover span.plus {
        background: url(../../image/plus-icon-h.gif) no-repeat 5px 2px;
        padding: 0 2px 0px 16px;
    }

    a.expandBtnLinkEC span.minus {
        background: url(../../image/minus-icon.gif) no-repeat 5px 2px;
        padding-left: 16px;
        padding-right: 2px;
    }

    a.expandBtnLinkEC:hover span.minus {
        background: url(../../image/minus-icon-h.gif) no-repeat 5px 2px;
        padding-left: 16px;
        padding-right: 2px;
    }

    a.expandBtnLinkEC span.edit {
        background: url(../../image/context-menu-edit-ico.gif) no-repeat 5px 2px;
        padding-left: 16px;
        padding-right: 2px;
    }

    a.expandBtnLinkEC:hover span.edit {
        background: url(../../image/edit-ico.gif) no-repeat 5px 2px;
        padding-left: 16px;
        padding-right: 2px;
    }

    a.expandBtnLinkEC:hover {
        color: #666;
    }

.dvICon {
    width: 55px !important;
    display: inline-block;
    vertical-align: top !important;
    background-color: white !important;
}

.dvIConTop {
    width: 60px !important;
    display: inline-block !important;
    vertical-align: top !important;
    background: white !important;
}

/*-- Gray line css --*/

.GrayLine {
    background-color: #e4e4e4 !important;
    border-top: 1px solid #fff;
    height: 33px;
}

    .GrayLine .showLine,
    .ToolbarPanel .showLine {
        height: 25px;
        font-size: 11px !important;
        line-height: 13px;
        font-weight: bold;
        color: #5D595A;
        z-index: 500 !important;
    }

        .GrayLine .showLine span,
        .ToolbarPanel .showLine span {
            padding: 6px 0 0 7px !important;
            height: 19px;
            display: block !important;
        }

    .GrayLine .showLineActive,
    .ToolbarPanel .showLineActive {
        background: url('../../image/show-line-bg.gif') no-repeat;
    }

        .GrayLine .showLineActive span,
        .ToolbarPanel .showLineActive span {
            background: url('../../image/show-line-bg.gif') no-repeat 0 -25px;
        }

    .GrayLine .showLine input,
    .ToolbarPanel .showLine input {
        float: left;
        width: auto;
        height: auto;
        margin: -1px 5px 0 0;
    }

a.saveButton {
    color: #FFFFFF;
    background: url(../../image/apply-filter-btn.gif) no-repeat 100% 0;
    height: 24px;
    line-height: 24px;
    padding: 0;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    margin-bottom: 5px;
    float: left;
}

    a.saveButton span {
        background: url(../../image/apply-filter-btn.gif) no-repeat 0 -24px;
        padding: 0 15px;
        display: block;
        white-space: nowrap;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        font-size: 13px;
        text-transform: uppercase;
    }

    a.saveButton:hover {
        background-position: 100% -48px;
    }

        a.saveButton:hover span {
            background-position: 0 100%;
            color: #fff;
        }


.alignBudget {
    background: url(image/newico/add-cost.png) no-repeat;
   background-size
}

    .alignBudget:hover {
        background: url('../../image/budget-model-ho.png') no-repeat 9px 4px;
    }

.resourcelist tr td table tr td.TSgridItemDate,
.ico {
    line-height: 24px;
    font-weight: bold;
    font-size: 11px;
    display: block;
    width: auto;
    float: right;
    white-space: nowrap;
}
/*-- Padding remove by amrit for bulk operation alignment - 07/01/2019--*/

a.btnSnapshot {
    background: url('../../image/create-snapshot.png') no-repeat 0 0;
    height: 25px;
    width: 27px;
    line-height: 24px;
    padding: 0;
    display: inline;
    clear: both;
    float: left;
}

    a.btnSnapshot:hover {
        background: url('../../image/create-snapshot-ho.png') no-repeat 0 0px;
    }

.budgetManagement {
    background: url('../../image/budget-management.png') no-repeat 3px 4px;
}

    .budgetManagement:hover {
        background: url('../../image/budget-management-ho.png') no-repeat 3px 4px;
    }

/* -- 21.07.10 resource explorer header style end here -- */
.FloatRightNavLeft {
    float: right;
    list-style: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    .FloatRightNavLeft li {
        float: left;
        width: auto;
        margin-left: 2px;
    }

.floatRight {
    float: right !important;
}

.FloatRightNavLeft {
    float: right;
    list-style: outside none none;
    margin: -10px;
    padding-top: 7px;
}
/*Zoom navigation icons modiifed by rahul badola on 12/march/2019*/
.backNextArrow a.first {
    background: url('../../image/newico/first-arrow-btn.png') no-repeat 0 0;
    height: 16px!important;
    width: 16px!important;
    background-size: contain !important;
    opacity: 0.6;
}

.backNextArrow a {
    float: left;
    width: 15px;
    height: 15px;
    display: block;
    text-indent: -50000px;
    /*margin: 2px 6px 2px 0;*/
    font-size: 0;
    line-height: 0;
}

    .backNextArrow a.previous {
        background: url('../../image/newico/previous.png') no-repeat 0 0;
         height: 16px!important;
    width: 16px!important;
    background-size: contain !important;
    opacity: 0.6;
    }

    .backNextArrow a.next {
        background: url('../../image/newico/back-btn.png') no-repeat 0 0;
         height: 16px!important;
    width: 16px!important;
    background-size: contain !important;
    opacity: 0.6;
    }

    .backNextArrow a.last {
        background: url('../../image/newico/last-arrow-btn.png') no-repeat 0 0;
         height: 16px!important;
    width: 16px!important;
    background-size: contain !important;
    opacity: 0.6;
    }
/*-- End here by rahul badola ---*/
        .backNextArrow a.first:hover, .backNextArrow a.previous:hover,
        .backNextArrow a.next:hover, .backNextArrow a.last:hover {
            background-position: bottom;
        }

/* Luca: calendar control*/
.jumpDate {
    float: left;
    padding: 2px 0 0;
}

    .jumpDate input {
        float: left;
    }

    .jumpDate .searchFieldSmall {
        width: 86px;
        padding: 2px 10px 2px 10px;
        margin: 0 4px 2px 0;
        color: #808080;
        background: #fff;
        border: 1px solid #D7D7D7;
        font: normal 11px/16px Arial, Helvetica, 'Open Sans', sans-serif;
    }

ul.calThumb {
    padding: 0 0 0 0px;
    list-style-type: none;
}

/*--Commented by amrit - 14/05/2019--*/
    ul.calThumb li {
        float: left;
        /*width: 17px;
        margin: -6px 16px 6px 0;
        position: relative;*/
    }

        ul.calThumb li a {
            width: 25px;
            height: 25px;
            display: block;
            text-indent: -500000px;
            font-size: 0;
            line-height: 0;
            /*margin-top: 8px;*/
        }

            ul.calThumb li a.day {
                background: url('../../image/day-new.png') no-repeat 0 0;
            }

            ul.calThumb li a.week {
                background: url('../../image/week-new.png') no-repeat 0px 0;
            }

            ul.calThumb li a.month {
                background: url('../../image/month-new.png') no-repeat 0px 0;
            }

            ul.calThumb li a.quarterly {
                background: url('../../image/quater-new.png') no-repeat 0px 0;
            }

            ul.calThumb li a.halfyearly {
                background: url('../../image/halfyearly-new.png') no-repeat 0px 0;
            }

            ul.calThumb li a.yearly {
                background: url('../../image/yearly-new.png') no-repeat 0px 0;
            }

        ul.calThumb li span {
            display: block;
            position: absolute;
            left: -11px;
            top: -18px;
            padding-bottom: 6px;
            display: none;
        }
            /*-- css changed by amrit for tooltip position issue (Advance cost chart) issue number:920 - 09/10/2018 --*/
            ul.calThumb li span em {
                 display: block;
    position: relative;
    border: 1px solid #CBC9C3;
    background: #fff;
    font-size: 10px;
    margin-left: 15px;
    margin-top: -8px;
    padding: 0 4px;
    font-style: normal;
    line-height: 16px;
    height: 16px;
    color: #595959;
            }

                ul.calThumb li span em img {
                    position: absolute;
                    top: 16px;
                    left: 9px;
                }
/* end calendar control */

/* -- 21.07.10 resource explorer header style starts here -- */
.explorerData {
    width: 100%;
    color: #999; /*change color by vishant as per new design implementation on  07-3-2019*/
    background-color: #fff;
    border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
    padding: 1px 0 0;
    background: #efefef; /*change color by vishant as per new design implementation on  07-3-2019*/
}

    .explorerData th {
        color: #fff;
        font-size: 12px;
        line-height: 15px;
        font-weight: normal !important;
        border-right: 1px solid #fff;
        padding: 3px 5px;
    }
        /*Changed by shivika*/
        .explorerData th a {
            color: #525f65;
            text-decoration: none;
        }

            .explorerData th a:hover { /*text-decoration:underline;*/
                color: #25A9D5;
            }

        .explorerData .calDate th,
        .explorerData .calDate td,
        .explorerData th.calDate {
            font-size: 11px;
            height: 15px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            text-align: center;
            padding: 0 1px;
        }

A[disabled]:hover {
    color: #666;
}

A[disabled] {
    color: #666;
    text-decoration: none;
}

.Gantt {
    color: #272727;
    background: #fff;
    /*border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;*/
    padding: 1px 0 0;
}

    .Gantt .noPad table {
        padding: 0 0 0 0;
        text-align: center;
        border-top: 1px solid #fff;
        width: 100%;
        border-spacing: 0;
    }

        .Gantt .noPad table th {
            background: none !important;
            font-size: 11px !important;
            padding: 0 2px 0 0 !important;
            font-weight: normal !important;
            border-right: 1px solid #fff !important;
        }

    .Gantt td.bottomBorder {
        height: 25px;
        padding: 0 5px;
        border-bottom: 1px solid #E8E8E8;
        font-size: 11px;
    }

    .Gantt td.rightBorder {
        height: 25px;
        padding: 0 5px;
        border-right: 1px solid #E8E8E8;
        font-size: 11px;
    }

    .Gantt td a {
        font-weight: bold;
    }

    .Gantt td.BaselineBar {
        height: 2px !important;
        border: 1px solid #7DA800 !important;
        background: #B0DE26 !important;
    }

    .Gantt td.BaselineVerBar {
        height: 2px !important;
        border: 1px solid #1DA500 !important;
        background: #1DA500 !important;
    }

    .Gantt td.BaselinePrgmBar {
        height: 2px !important;
        border: 1px solid #7DA800 !important;
        background: #B0DE26 !important;
    }

    .Gantt td.MilestoneBar,
    .Gantt div.MilestoneBar {
        height: 16px !important;
        background: transparent url('../../image/milestone-icon.png') no-repeat 1px 1px !important;
    }

    .Gantt td.MilestonePrgmBar,
    .Gantt div.MilestonePrgmBar {
        height: 16px !important;
        background: transparent url('../../image/milestone-prgm-icon.png') no-repeat 1px 1px !important;
    }

    .Gantt td.MilestoneNCBar,
    .Gantt div.MilestoneNCBar {
        height: 16px !important;
        background: transparent url(../../image/milestone-icon-nc.png) no-repeat 1px 1px !important;
    }

    .Gantt td.MilestonePrgmNCBar,
    .Gantt div.MilestonePrgmNCBar {
        height: 16px !important;
        background: transparent url('../../image/milestone-prgm-icon-nc.png') no-repeat 1px 1px !important;
    }

    .Gantt td.MilestoneBaselineBar,
    .Gantt div.MilestoneBaselineBar {
        height: 16px !important;
        background: transparent url('../../image/milestone-icon-baseline.png') no-repeat 0 0 !important;
    }

    .Gantt td.ForecastBar {
        height: 6px !important;
        border: 1px solid #8D8D8D !important;
        background: #909090 url('../../image/llbar-bg.gif') repeat-x 0 0 !important;
    }

    .Gantt td.ForecastPrgmBar {
        height: 6px !important;
        border: 1px solid #8D8D8D !important;
        background: #909090 url('../../image/llbar-prgm-bg.gif') repeat-x 0 0 !important;
    }

    .Gantt td.ActualBar {
        height: 3px !important;
        border: none !important;
        background: #fff !important;
    }

    .Gantt td.ActualPrgmBar {
        height: 3px !important;
        border: none !important;
        background: #CC3333 !important;
    }

    .Gantt td.SummaryBar {
        height: 11px !important;
        border: none !important;
        background: url('../../image/tp-bar.gif') repeat-x 0 0 !important;
    }

    .Gantt td.SummaryBarStart {
        height: 11px !important;
        border: none !important;
        background: url('../../image/tb-bar-slider.gif') no-repeat 0 0 !important;
        padding: 2px 0 0 2px;
    }

    .Gantt td.SummaryBarEnd {
        width: 11px;
        height: 11px !important;
        border: none !important;
        background: url('../../image/tb-bar-slider.gif') no-repeat 100% 0 !important;
    }

    .Gantt td.PTProgress {
        height: 10px !important;
        border: 1px solid #99CCFF !important;
        background: #909090 url('../../image/bgGanttBig.gif') repeat-x 0 0 !important;
    }

    .Gantt td.PTPhyProgress {
        height: 5px !important;
        border: none !important;
        background: #fff !important;
    }

    .Gantt .SelectedRow {
        background-color: #CBE8F8 !important;
    }

    .Gantt input[type=checkbox] {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        float: none;
    }

    .Gantt input[type=text] {
        text-align: right;
        width: 99% !important;
    }

.GanttRow table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px !important;
    border: none;
}

table#dg.GridTableStyle {
    border-collapse: initial !important;
}

.deepBlue td.calDate {
    border-right: 1px solid #E8E8E8;
}

/*Changed by jyoti*/
/*--Icons related changes over the Cost & Benefits control - IRQ-000395 - 13/12/2019--*/
.lnkDeleteInline .ico {
      background: url(../../image/newico/Delete-1-ho.png) no-repeat;
   background-size: contain;
    height: 17px;
    width: 18px !important;
    opacity:0.6;
    padding:0px !important;
}

/* End */
.lnkDeleteInline {
    color: #5c5959;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: inline;
    width: auto;
    text-decoration: none;
    cursor: pointer;
}


.Pad5 TD,
.Pad5 TH {
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.Pad2 TD,
.Pad2 TH {
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}


/*-- css added by amrit-02/01/2019 --*/


.SortAsc a {
    background: url(../../image/sortasc.png) no-repeat 0px 2px;
    padding-right: 15px;/*padding-left: 15px;*/ /* updated by chandan as suggested by Amrit - 18-04-2019 */
    background-position:right; 
    
  /*add by rishabh/11-3-2019 for position of sorting arrow in register */
}

.SortDsc a {
    background: url(../../image/sortdsc.png) no-repeat 0px 2px;
    padding-right: 15px;/*padding-left: 15px;*/ /* updated by chandan as suggested by Amrit - 18-04-2019 */
    background-position:right;     /*add by rishabh/11-3-2019 for position of sorting arrow in register */
}

a.SortAsc {
    background-image: url(../../image/sortasc.gif) 0px 3px no-repeat;
    padding: 0 10px 0 10px;
}

a.SortDsc {
    background-image: url(../../image/sortdsc.gif) 0px 3px no-repeat;
    padding: 0 10px;
}

.lnkEdit {
    color: #5c5959;
    height: 18px;
    font-weight: bold;
    font-size: 11px; /*line-height:25px;*/
    display: block;
    width: auto;
    float: left;
    text-decoration: none;
    cursor: pointer;
}
/*-- universal css --*/

.lnkDelete {
    color: #5c5959;
    font-weight: bold;
    font-size: 11px;
    display: block;
    width: auto;
    float: left;
    text-decoration: none;
    cursor: pointer;
}

.lnkUpdate {
    color: #5c5959;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: block;
    width: auto;
    float: left;
    text-decoration: none;
    cursor: pointer;
}

.lnkCancel {
    color: #5c5959;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    line-height: 25px;
    display: block;
    width: auto;
    float: left;
    text-decoration: none;
    cursor: pointer;
}

.navPageHeader {
    color: #28B9E0;
    background-color: inherit;
    font-size: 18px;
    line-height: 33px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}


div.baseline {
    display: none;
    width: 100%;
        background: #e7e7e8 !important;
}

.resourceList tr.deepBlue td,
.resourceList .deepBlue td {
    background: #0091c4;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

div.FilterHolder {
    display: flex;
    height: auto;
    position: relative;
    margin: auto;
    padding: 2px;
    color: #fff;
}

.view-options {
    width:100%;
    /*margin-right: 13px;*/
    /* display: flex; */
    /* height: 36px; */
    padding: 0;
    margin-top: 10px;
   background:#fff !important;
}

.widget {
    left: 0px;
    top: 0px;
    position: relative;
    z-index: auto;
    background: #fff;
}
/*Added by vishant for widget background changes on 03-01-2019*/

/*-- css added for homepage tabs related some changes - 3/1/2019 --*/

.home-tab {
    float: left;
    margin-top: 2%;
}



/*-- css added by amrit - 04/01/2019 --*/

.widgetRightPanel {
    display: block;
    background: #F0EEEB;
    height: 100%;
    /* margin-top: 15px; */
    background: #E4E4E4;
    margin-right: 30px;
    margin-left: -11.1%;
    padding-bottom: 90px;
}

.company-right {
    color: #0b89b5;
    margin-left: 10px;
    font-size: 12px;
    /* font-weight: bold; */
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

#gv, #gvPrj, #gvTeamspace {
    margin-left: 20px;
}

    #gv tr {
        background: none !important;
        border: none !important;
    }

    #gvPrj tr {
        background: none !important;
        border: none !important;
    }

    #gvTeamspace tr {
        background: none !important;
        border: none !important;
    }

    #gv td {
        border: none !important;
    }

    #gvPrj td {
        border: none !important;
    }

    #gvTeamspace td {
        border: none !important;
    }

#lblOrgStat {
    color: #8fb23e;
}

/*-- css added by amrit from pde.css for UI changes - 07/01/2019 --*/

.lnkwidgetsettings {
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(../../image/settings-ico-hover.png) 0px 0px no-repeat;
    margin: 0px !important;
}

    .lnkwidgetsettings:hover {
        background: url(../../image/settings-ico-hover.png) 0px 0px no-repeat;
        width: 24px;
        height: 24px;
    }

/*-- css added for fixed widget header background and icon issue - 07/01/2019 --*/

.widgetHeaderRow {
    background: #ececec !important;
}

a.expandBtnLinkEC span.minus1 {
    background: url(../../image/minus1-icon-ho.png) no-repeat 0px 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
}

a.expandBtnLinkEC span.plus1 {
    background: url(../../image/expand-icon-ho.png) no-repeat 0px 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
}
/*added and changes by R.D on 2-May-19*/ 
.plus1 {
    background: url(../../image/newico/expand-icon-ho.png) no-repeat 0px 0px !important;
      height: 24px !important;
    width: 24px !important;
   background-size:contain !important;
    opacity:0.6;
}

.minus1 {
    background: url(../../image/minus1-icon-ho.png) no-repeat 0px 0px !important;
}

.plus1:hover {
    background: url(../../image/expand-icon-ho.png) no-repeat 0px 0px !important;
}

.minus1:hover {
    background: url(../../image/minus1-icon-ho.png) no-repeat 0px 0px !important;
}



/*.widgetHeaderRowCell div {
     padding:0px;

    width: auto;
}*/

.zoomicon {
    background: url(../../images/zoom-in.png)no-repeat 0px 0px !important;
}


.zoomout {
    background: url(../../images/zoom-out.png) no-repeat 0px 0px !important;
}

#CostRevBarChartzoom .zoomicon {
    background: url(../../images/zoom-in.png)no-repeat 0px 3px !important;
    padding: 12px;
}

/*edit by rishabh(Suggested by amrit sir)/24-1-2019/ for position issue on hover */

/*--css added by amrit for the add icons design issue on 10/05/2019 --*/
.newProject:hover {
    background: url(../../image/newico/create_default.png) no-repeat 0 0 !important;
    text-decoration: none;
    width: 24px !important;
    height: 24px !important;
    background-size:contain !important;
    padding: 0px !important;
}
/*change by raj deepak for set popup position 15-01-2019 */
div.FloatingOptionMenu {
    /*top: 30px;*/ /*--Commented by amrit - 16/05/2019 for top issue on Attachment popup--*/
    /* right: 20px; */
    padding: 15px !important;
    float: left !important;
}

.GridNormalStyle .FloatingOptionMenu{right:20px !important;}

.activity-progress {
    float: right !important;
}
/*.zoomicon{padding: 0 11px 0 12px !important;}*/

.slick-sort-indicator {
    display: inline-block;
    width: 12px !important;
    height: 12px !important;
    margin-top: -18px !important;
    float: left;
}

.lnktreefilter {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 24px !important;
    background: url(../../image/grid-filter-active.png) 8px 4px no-repeat !important;
    padding: 0 0px 0 30px !important;
}


    .lnktreefilter:hover {
        display: block;
        cursor: pointer;
        height: 24px !important;
        background: url(../../image/grid-filter-active.png) 8px 0px no-repeat !important;
        padding: 0 0px 0 30px !important;
    }

/*--css added for filter search box - 08/01/2019 --*/

.filter-searchicon {
    width: 7%;
    margin-left: -30px !important;
    margin-top: 3px !important;
    position:relative !important;
}

.newfilter-search {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 40px;
}

.FilterSearchText:focus {
    text-decoration: none;
    /* border: none; */
    outline: none;
}

#tdLeft {
    border: none !important;
    background: none;
}

.info {
    padding-left: 10px;
}

#liDashboard {
    margin-right: 20px;
}

.newProject {
    padding: 12px !important;
}


.tabpan {
    width: 100%;
}

.padd-rt td {
    border: none;
}


/*--css added by amrit for grid th font elements - 11/01/2019 --*/

.GridTableStyle tr th {
    font-size: 13px;
    color: #888;
    text-align: center;
    font-weight: normal !important;
}

.ui-draggable .ui-dialog-titlebar {
    border: none;
    background: none;
    padding: 0px;
}


/*-- css added by amrit for dialog box - 17/01/2019--*/
#ucExtendMsg_dvDialog {
    padding-top: 7px !important;
    padding-left: 8px;
    padding-bottom: 10px;
}

.AddComment-ico { /*added by vishant for icon alignment on 18-1-2019*/
    padding: 13px !important;
}

.Addcomment-h {
    height: auto !important;
}
/*edit by rishabh/24-1-2019/ for align icons*/
.flt-icon {
    float: none !important;
}


/*--  icon related css added by amrit --*/
/*.btn1 img {
    width: 24px !important;
    height: 24px !important;
}

.expandBtnLinkEC img {
    width: 24px !important;
    height: 24px !important;
}*/

/*-- css added by amrit for background based icons --*/

/*ul.calThumb li a.month {
    background-size: cover;
}

ul.calThumb li a.quarterly {
    background-size: cover;
}

ul.calThumb li a.halfyearly {
    background-size: cover;
}

ul.calThumb li a.yearly {
    background-size: cover;
}

.lnkwidgetsettings {
    background-size: cover; 
}


a.expandBtnLinkEC span.plus1 {
    background-size: cover !important;
}

a.expandBtnLinkEC span.minus1 {
    background-size: cover !important;
}
.zoomicon {
    background-size: cover !important;
}*/


/*-- css added by amrit for tab position related issue - 13/02/2019 --*/

.container-top-marg{margin-top:3% !important;}
  ul.calThumb li a.month {
            background: url(../../image/newico/month.png) no-repeat 0px 0 !important;
            background-size: contain !important;
            width: 24px !important;
            height: 24px !important;
            opacity: 0.6 !important;
        }

        ul.calThumb li a.quarterly {
            background: url(../../image/newico/quarterly.png) no-repeat 0px 0 !important;
            background-size: contain !important;
            width: 24px !important;
            height: 24px !important;
            opacity: 0.6 !important;
        }

        ul.calThumb li a.halfyearly {
            background: url(../../image/newico/half_yearly.png) no-repeat 0px 0 !important;
            background-size: contain !important;
            width: 24px !important;
            height: 24px !important;
            opacity: 0.6 !important;
        }

        ul.calThumb li a.yearly {
            background: url(../../image/newico/yearly.png) no-repeat 0px 0 !important;
            background-size: contain !important;
            width: 24px !important;
            height: 24px !important;
            opacity: 0.6 !important;
        }
        /*--css with hover effect added by amrit --*/
        ul.calThumb li a.day {
    background: url(../../image/newico/day.png) no-repeat 0px 0 !important;
    background-size: contain !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 0.6 !important;
}
                ul.calThumb li a.week {
    background: url(../../image/newico/week.png) no-repeat 0px 0 !important;
    background-size: contain !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 0.6 !important;
}
                  ul.calThumb li a.week:hover {
            opacity: 1 !important;
        }
       ul.calThumb li a.day:hover {
            opacity: 1 !important;
        }
           ul.calThumb li a.month:hover {
            opacity: 1 !important;
        }

        ul.calThumb li a.quarterly:hover {
            opacity: 1 !important;
        }

        ul.calThumb li a.halfyearly:hover {
            opacity: 1 !important;
        }

        ul.calThumb li a.yearly:hover {
            opacity: 1 !important;
        }
        .apply-filter{/*added by vishant for filter apply button on 1-4-2019*/
background: #0091c4 !important;font-weight:bold; padding: 6px 19px; display: block; color: #fff !important;
        }
        .cancel-filter{/*added by vishant for filter cancel button on 1-4-2019*/
padding: 6px 19px; margin-top:6px; display: block; color: #807e7e !important;font-weight:bold; background-color: #efefef !important;
        }


        /*-- css added by amrit for the highchart inner burger menu - 08-05-2019--*/

        .highcharts-button-symbol {
    stroke: #4891c4 !important;
    stroke-width: 3px;
    opacity:0.6 !important;
}

        /*--css added by amrit for the notification count alignment 08-05-2019--*/
        /*--css commented by amrit - IRQ-000395 - 30/12/2019--*/
         .show-notif a{font-weight: bold;/*color:gray;*/font-size: 13px;}
         
  /*--Bulk changes added by amrit for notification UI changes - IRQ-000395--*/
         /*--Change by amrit - 17-05-2019--*/
    .allnotif-count{position: relative;
    width: 22px;
    height: 15px;
    font-size: 14px;
    color: #18a4de;
    font-size: 16px;
    left: 0px;
    border: none;
    top: 0px;
    text-align: center;
    font-weight: 600;}
	.show-notif{ width: 100%; float: left; text-align: right;    position: relative;}


    /*--Added by amrit for the header notification areas changes and issues - 14/05/2019 --*/

     /*-- Notification content --*/
.notification-icon {float:left;position:relative;}
.notif-count {position:absolute;width:16px;background:#0573b9;border:1px solid #a9c815;color:#fff;padding:1px 4px 2px;font-size:9px; top: -11px;left:18px; font-weight :bold;}
.notif-dropdown {width:270px;padding-top: 20px; z-index :9999999; position :fixed ; }
.notif-dropdown img {position:absolute; right: 10px;top: 11px;}
.notif-dropdown ul {margin:0;padding:0px;border:1px solid #a4a4a4;-webkit-box-shadow: -1px 0px 2px 0px rgba(138,131,138,1);
-moz-box-shadow: -1px 0px 2px 0px rgba(138,131,138,1);
box-shadow: -1px 0px 2px 0px rgba(138,131,138,1);}
.notif-dropdown ul ul{margin:0;padding:0px;border:none;box-shadow:none;}
.notif-dropdown ul li {list-style:none;border-bottom:1px solid #e7e7e7;}
.notif-dropdown ul li a{color:#646464; background:#fefefe; text-decoration:none;display:block;font-size:13px;padding:6px 12px;}
.notif-dropdown ul li a.selected{color:#414141;background:#f5f5f5;}
.notif-dropdown ul ul li {border-top:none;padding-top:0px;}
.notif-dropdown ul ul li {border-bottom:none;color:#b7b7b7; border-top:1px solid #e7e7e7;list-style:none;background:#fefefe;}
.notif-dropdown ul ul li a {color:#646464; text-decoration:none;display:block;font-size:13px;padding:6px 24px;background:#fefefe url("../../image/notif-list-icon.gif") no-repeat 14px 12px;}
.notif-dropdown ul ul li a:hover {color:#414141;background:#f5f5f5 url("../../image/notif-list-icon.gif") no-repeat 14px 12px;}
.notif-dropdown ul ul li a.bold-text{font-weight:bold;}

/*-- 5 Oct  --*/
.notification {float:left;position:relative;}
.notify{background: gray;  padding-bottom: 2px; border: medium none;  border-radius: 10px;  height: 14px;
    width: 14px;position:absolute;  right: 2px;
    top: 0px;  color: #fff;font-weight: bold; font-size: 11px;text-align:center;  } /*--Changed by amrit - 17/05/2019--*/

/*--changes added by amrit for notificatio popup width issue - IRQ-000395 - 30/12/2019--*/
  .notification-dropdown {    background: #fefefe;
    border: 1px solid #dcdada;
    -webkit-box-shadow: -1px 0px 2px 0px rgba(138,131,138,1);
    -moz-box-shadow: -1px 0px 2px 0px rgba(138,131,138,1);
    box-shadow: 0 1px 4px 0 rgba(54, 55, 58, 0.21);
    float: right;
    width: 704px;
    padding-bottom: 10px;
    padding-top: 10px;
    z-index: 9999999;
    position: fixed;
    right: 10px;
} /*-- css changed by amrit - 23/05/2019--*/

.notification-dropdown img {position:absolute; right: 50px;top:-10px;} /*-- css changed by amrit -23/05/2019--*/
.notification-dropdown ul {margin:0;padding:0px;}
.notification-dropdown ul ul{margin:0;padding:0px;border:none;box-shadow:none;}
.notification-dropdown ul li {list-style: none;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 2px;
    /* float: left; */
    width: auto;
    margin-right: 4%;}
.notification-dropdown ul li a:first-child{border-top: none;}
/*--css changed by amrit - IRQ-000395 - 30/12/2019--*/
.notification-dropdown ul li a{width:100%;border-bottom: 1px solid #e7e7e7;color:#646464; background:#fefefe; text-decoration:none;display:block; cursor:auto !important;  font-size:13px;padding:6px 12px 4px;float: left;}
.notification-dropdown ul li a.selected{color:#414141;background:#f5f5f5;float: left;}
.notification-dropdown ul li a i{float:right;width:15px;height:24px;background:url(../../image/advance-close2-ho.png) no-repeat 0 10px;
                                 cursor: pointer;}
/*--css changed by amrit - IRQ-000395 - 30/12/2019--*/
.notification-datetime {float:left; width:56px; font-size: 12px;  color: #2183da;
                         vertical-align:bottom; margin-top: 4px; text-align:right;}
 
 .notification-dropdown h2 a{font-weight: bold;width:100%;/*color:Gray;*/ text-decoration:underline;display: block; text-align: right; 
                                                         font-weight: bold; float: left;font-size: 13px;}
  .scroll-list {margin-bottom:18px;margin-top: 7px;float: left; height: 200px; width: 100%; overflow-y: scroll;  overflow-x: hidden;}                                                       
 
  /*-End-*/


  /*--Burger menu style related changes on the chart tool - 14/05/2019--*/
  .highcharts-button-symbol:hover{opacity:1 !important;}
  .highcharts-contextbutton:hover{fill:#fff !important;}


  #prjResFilter_imgSearch #filtergoimg{color:#fff!important;}


  /*--css added by amrit for the context menu issue - 07/06/2019--*/
.ContextMenuContainer #EditContext img {
    width:18px !important;
    height:18px !important;
}

/*--css added by amrit for the magnifier - 20/06/2019--*/

.mag{
  transition: transform .2s; 
  margin: 0 auto;}
/*.mag:hover{  transform: scale(8.5); z-index:9999; cursor:pointer; }*/ 
.new-slick .slick-row .leftText{ z-index:auto;}
.Progress-align img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}
/*-- changed by amrit - 22/07/2019--*/
.progress_img img{ width: 20px;
    height: 20px;
    margin-right: 2px;}

/*--css added for the currency drop-down related issue on home page 17/08/2019--*/
#DDUpdatePanel #ddCurrency{border:1px solid #999; height:20px;} 

.ui-widget-header .ui-icon{background:url(/image/advance-close2.png) !important; background-repeat:no-repeat;}
.ui-widget-header .ui-icon:hover{background:url(/image/advance-close2-ho.png) !important; background-repeat:no-repeat !important;}
.ui-state-hover{background:none !important; border:none !important;}
.ui-dialog .ui-dialog-titlebar{padding:0px !important;}
.ui-dialog .ui-dialog-titlebar-close{margin-left:15px; right: -2px !important; top:4px !important;}
.ui-state-focus{background:none !important; border:0px !important;}


[role="progressbar"][aria-busy="true"]::before {
                position: absolute;
                bottom: 0;
                left: 0;
                display: block;
                width: 15px;
                height: 15px;
                content: '';
                box-shadow: 20px 0 0 rgba(255, 255, 255, 0), 40px 0 0 rgba(255, 255, 255, 0), 0 -20px 0 rgba(255, 255, 255, 0), 20px -20px 0 rgba(255, 255, 255, 0), 40px -20px 0 rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
                animation: loader 5.4s linear forwards infinite;
            }

            [role="progressbar"][aria-busy="true"]::after {
                position: absolute;
                bottom: 10px;
                left: 0;
                display: block;
                width: 15px;
                height: 15px;
                background-color: #b9d23c;
                opacity: 0;
                content: '';
                animation: base 5.4s linear forwards infinite;
            }

            @keyframes base {
            0% {
                bottom: 10px;
                opacity: 0;
            }

            5%, 50% {
                bottom: 0;
                opacity: 1;
            }

            55%, 100% {
                bottom: -10px;
                opacity: 0;
            }
        }

        @keyframes loader {
            0% {
                box-shadow: 20px -10px rgba(255, 255, 255, 0), 40px 0 rgba(255, 255, 255, 0), 0 -20px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            5% {
                box-shadow: 20px -10px rgba(255, 255, 255, 0), 40px 0 rgba(255, 255, 255, 0), 0 -20px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            10% {
                box-shadow: 20px 0 #b9d23c, 40px -10px rgba(255, 255, 255, 0), 0 -20px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            15% {
                box-shadow: 20px 0 #b9d23c, 40px 0 #b9d23c, 0 -30px rgba(255, 255, 255, 0), 20px -20px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            20% {
                box-shadow: 20px 0 #b9d23c, 40px 0 #b9d23c, 0 -20px #b9d23c, 20px -30px rgba(255, 255, 255, 0), 40px -20px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            25% {
                box-shadow: 20px 0 #b9d23c, 40px 0 #b9d23c, 0 -20px #b9d23c, 20px -20px #b9d23c, 40px -30px rgba(255, 255, 255, 0), 0 -40px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            30% {
                box-shadow: 20px 0 #b9d23c, 40px 0 #b9d23c, 0 -20px #b9d23c, 20px -20px #b9d23c, 40px -20px #b9d23c, 0 -50px rgba(255, 255, 255, 0), 20px -40px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            35% {
                box-shadow: 20px 0 #b9d23c, 40px 0 #b9d23c, 0 -20px #b9d23c, 20px -20px #b9d23c, 40px -20px #b9d23c, 0 -40px #b9d23c, 20px -50px rgba(255, 255, 255, 0), 40px -40px rgba(242, 205, 123, 0);
            }

            40% {
                box-shadow: 20px 0 #b9d23c, 40px 0 #b9d23c, 0 -20px #b9d23c, 20px -20px #b9d23c, 40px -20px #b9d23c, 0 -40px #b9d23c, 20px -40px #b9d23c, 40px -50px rgba(242, 205, 123, 0);
            }

            45%, 55% {
                box-shadow: 20px 0 #b9d23c, 40px 0 #b9d23c, 0 -20px #b9d23c, 20px -20px #b9d23c, 40px -20px #b9d23c, 0 -40px #b9d23c, 20px -40px #b9d23c, 40px -40px #1291ca;
            }

            60% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 0 #b9d23c, 0 -20px #b9d23c, 20px -20px #b9d23c, 40px -20px #b9d23c, 0 -40px #b9d23c, 20px -40px #b9d23c, 40px -40px #1291ca;
            }

            65% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -20px #b9d23c, 20px -20px #b9d23c, 40px -20px #b9d23c, 0 -40px #b9d23c, 20px -40px #b9d23c, 40px -40px #1291ca;
            }

            70% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -20px #b9d23c, 40px -20px #b9d23c, 0 -40px #b9d23c, 20px -40px #b9d23c, 40px -40px #1291ca;
            }

            75% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -20px #b9d23c, 0 -40px #b9d23c, 20px -40px #b9d23c, 40px -40px #1291ca;
            }

            80% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -40px #b9d23c, 20px -40px #b9d23c, 40px -40px #1291ca;
            }

            85% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -30px rgba(255, 255, 255, 0), 20px -40px #b9d23c, 40px -40px #1291ca;
            }

            90% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -30px rgba(255, 255, 255, 0), 20px -30px rgba(255, 255, 255, 0), 40px -40px #1291ca;
            }

            95%, 100% {
                box-shadow: 20px 10px rgba(255, 255, 255, 0), 40px 10px rgba(255, 255, 255, 0), 0 -10px rgba(255, 255, 255, 0), 20px -10px rgba(255, 255, 255, 0), 40px -10px rgba(255, 255, 255, 0), 0 -30px rgba(255, 255, 255, 0), 20px -30px rgba(255, 255, 255, 0), 40px -30px rgba(242, 205, 123, 0);
            }
        }
        .MsgForNoData{/*starts here added by vishant for IRQ-000376 - MY CURRENT OBJECTS NEW PAGE on 11-15-2019*/
    padding-left: 4px;
    font-size: 13px;
    FONT-FAMILY: 'Open Sans', sans-serif;
    padding-top: 4px;
    position:absolute;
    display: inline-block;
}
        .Msgtooltip {
  position: relative;
  display: inline-block;
}

.Msgtooltip .msgtooltiptext {
  visibility: hidden;
   width: 410px;
  background-color: #4891c4;
  color: #fff;
  text-align: center;
  border-radius: 6px;
      line-height: 15px !important;
  padding: 5px 0;

  /* Position the tooltip */
  position: fixed;
  z-index: 1;
}

.Msgtooltip:hover .msgtooltiptext {
  visibility: visible;
}
/*end here added by vishant for IRQ-000376 - MY CURRENT OBJECTS NEW PAGE on 11-15-2019*/

/*Add on 29-06-2022*/
.CustomiseDropdownPopup {
    padding: 10px 30px 10px 10px;
    z-index: 99999999;
    color: #333;
    background: #fff;
    position: absolute;
    top: 29px;
    right: 62px;
    width: fit-content;
    box-shadow: 1px 0px 5px rgb(0 0 0 / 70%);
}
.CustomiseDropdownPopup .Textlabel {
    color: #888 !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 11px;
    cursor: pointer;
}
.CustomiseDropdownPopup .action-center {
    margin-bottom: 6px;
}
#tabgeneralDiv #ucOBSStruc_selectedObs{
    width: 320px !important;
}
.BgColorHeight {
    height: 320px;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
}
.BgInnerPopup{
    background: #f6f6f6;
    padding: 10px;
}
.CloseIcoNew {
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
}
.CloseIcoNew img {
    width: 14px;
    height: 14px;
}

.TextInputField {
    font-size: 11px;
    background: #e8e8e8;
    border: 1px solid #dedede;
    padding: 0 5px;
    width: 360px;
    line-height: 18px;
}
.DivCustomPopup {
    padding: 15px;
    background: rgb(239, 239, 239);
    border: 1px solid rgb(207, 207, 207);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 102;
    width: 500px;
    height: auto;
}
#SAPSystemStatus .FormWrapper, #TimeStatus .FormWrapper {
    box-shadow: unset;
}
.DivCustomPopup .FormBackground {
    background: #f6f6f6;
    padding: 5px 10px 10px;
    border: none;
}
.DivCustomPopup .FormBackground .FormFields {
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
    padding: 20px 10px
}
#TimeStatus .FormFieldsReadOnly TD.Label{
    width: 150px;
}


.BgDropdownOption .btn1{
    display: inline-block;
    vertical-align: middle;
    float: unset !important;
}
.hidden-menu.BgDropdownOption ul li {
    padding: 0 5px !important;
}
/*.BgDropdownOption .btn1 .repeat {
    width: 25px;
}
*/


/*Add on 29-06-2022*/
.CustomiseDropdownPopup {
    padding: 10px 30px 10px 10px;
    z-index: 99999999;
    color: #333;
    background: #fff;
    position: absolute;
    top: 29px;
    right: 62px;
    width: fit-content;
    box-shadow: 1px 0px 5px rgb(0 0 0 / 70%);
}

    .CustomiseDropdownPopup .Textlabel {
        color: #888 !important;
        font-weight: 400 !important;
        text-transform: uppercase;
        margin-left: 10px;
        font-size: 11px;
        cursor: pointer;
    }

    .CustomiseDropdownPopup .action-center {
        margin-bottom: 6px;
    }

#tabgeneralDiv #ucOBSStruc_selectedObs {
    width: 320px !important;
}

.BgColorHeight {
    height: 320px;
    background-color: #ffffff;
    border: solid 1px #d6d6d6;
}

.BgInnerPopup {
    background: #f6f6f6;
    padding: 10px;
}

.CloseIcoNew {
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
}

    .CloseIcoNew img {
        width: 14px;
        height: 14px;
    }

.TextInputField {
    font-size: 11px;
    background: #e8e8e8;
    border: 1px solid #dedede;
    padding: 0 5px;
    width: 360px;
    line-height: 18px;
}

.DivCustomPopup {
    padding: 15px;
    background: rgb(239, 239, 239);
    border: 1px solid rgb(207, 207, 207);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 102;
    width: 500px;
    height: auto;
}

#SAPSystemStatus .FormWrapper, #TimeStatus .FormWrapper {
    box-shadow: unset;
}

.DivCustomPopup .FormBackground {
    background: #f6f6f6;
    padding: 5px 10px 10px;
    border: none;
}

    .DivCustomPopup .FormBackground .FormFields {
        background-color: #ffffff;
        border: solid 1px #d6d6d6;
        padding: 20px 10px
    }

#TimeStatus .FormFieldsReadOnly TD.Label {
    width: 150px;
}


.BgDropdownOption .btn1 {
    display: inline-block;
    vertical-align: middle;
    float: unset !important;
}

.hidden-menu.BgDropdownOption ul li {
    padding: 0 5px !important;
}
/*.BgDropdownOption .btn1 .repeat {
    width: 25px;
}
*/

/*Add on 18-08-2022*/

.GridSpacing {
    padding: 5px 20px;
    background: #f7f7f7;
}

.GridFullHeight {
    height: calc(100vh - 54px);
    width: 100% !important;
}

.HeaderButton {
    text-align: right;
    text-align: right;
    padding: 15px 18px 0;
}

    .HeaderButton .azure-search {
        display: inline-block;
        position: relative;
        width: 300px;
    }

        .HeaderButton .azure-search button {
            position: absolute;
            cursor: pointer;
            right: 3px;
            top: 2px;
            background: transparent;
            border: none;
        }

        .HeaderButton .azure-search input[type=text] {
            padding: 4px 23px 4px 10px;
            font-size: 12px;
            width: 100%;
            color: #666;
            border: 1px solid #e9e9e9;
            border-radius: 20px;
        }

.ButtonGroup {
    display: inline-block;
    vertical-align: bottom;
}

.HeaderButton .azure-search input[type=text]:focus {
    outline: none;
    background-color: #ffffff;
}

.PreviewImage {
    z-index: 99999;
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 12px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 15%), 0 6px 20px 0 rgb(0 0 0 / 17%);
}

    .PreviewImage img {
        border: 1px solid #dddddd;
        box-sizing: border-box;
    }

.GridFullHeight .dx-datagrid-group-closed::before,
.GridFullHeight .dx-datagrid-group-opened::before {
    left: -10px;
}

.GridFullHeight .dx-datagrid-header-panel {
    display: none;
}

.UserHeaderOption {
    position: relative;
}

    .UserHeaderOption .tog-menu {
        position: absolute;
        right: 0;
        top: 17px;
    }

    .UserHeaderOption .hidden-menu-secondary {
        top: 13px;
    }

.GridIconSize img {
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.6;
}

    .GridIconSize img:hover {
        opacity: 1;
    }

.InnerPopupHeight #treelist {
    max-height: 300px !important;
    height: 300px;
}

.InnerPopupHeight .dx-treelist-headers .dx-treelist-table .dx-row > td {
    font: 12px Roboto !important;
    letter-spacing: 0px;
    line-height: 15px !important;
    color: #999 !important;
    margin: 4px -3px;
    text-align: center !important;
    cursor: pointer;
    justify-content: center;
    flex-direction: column;
    background: #efefef !important;
    border: none !important;
}

.InnerPopupHeight .dx-treelist-header-panel .dx-texteditor-input {
    min-height: 20px !important;
    border-radius: 20px !important;
    border: none !important;
    padding: 0 0 0 18px !important;
    margin-bottom: 0 !important;
}

.InnerPopupHeight .dx-treelist-header-panel .dx-texteditor-container {
    border: 1px solid #dddddd;
    border-radius: 20px;
}

.InnerPopupHeight .dx-searchbox .dx-icon-search {
    width: 12px !important;
    height: 22px !important;
    padding: 0 !important;
}

.InnerPopupHeight .dx-placeholder::before {
    padding: 4px 9px 4px 30px !important;
}

.InnerPopupHeight .dx-searchbox .dx-icon-search::before {
    content: "" !important;
    text-indent: 0 !important;
}

.InnerPopupHeight .dx-treelist-header-panel .dx-toolbar {
    margin-bottom: 0px !important;
}

.DropdownFieldSize .FormFields select {
    padding: 1px 2px;
    height: 20px;
}

.DropdownFieldSize .FormFields input[type=text] {
    height: 16px;
}

.FormFields.InputFieldSize input[type=text] {
    height: 16px;
    text-align: right;
    margin-bottom: 10px;
}

.DivCustomPopup.InnerPopupHeight {
    width: 700px;
    padding-bottom: 30px;
    height: 360px;
}
/* add css for comment popup by UI_Modification15May2023*/

.CommentTab { /*modify by UI_Modification 3July2023*/
    padding: 10px;
    padding-right: 5px;
}

    .CommentTab ul.tabMenu1 li {
        width: 30%;
    }

.CommentPopup {
    height: calc(100vh - 20px) !important;
    width: 800px !important;
    right: 0 !important;
    z-index: 9999999999 !important;
    top: 0 !important;
    left: auto !important; /*add by UI_Modification 21june2023*/    
}
div[id*='popupDiv'].CommentPopup { /*add by UI_Modification 3july2023*/
    border: 15px solid rgb(239, 239, 239) !important;
}

.CommentGrid table {
    border: none !important;
    display: inline-table;
}

.CommentGrid .GridHeaderStyle {
    display: none;
}

.CommentGrid table tr {
    display: inline-table;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: none !important;
}

.CommentGrid .TdBlock {
    display: block;
    border: none !important;
    padding: 0 !important;
    overflow: visible;
}

.CommentGrid tr td.TdInlineLeft {
    display: inline-block;
}

.CommentGrid tr td.TdInlineRight {
    display: inline-block;
    float: right;
    margin-right: 3px;
    font-size:10px !important;
}

.NameColumn span {
    color: #262626;
    font-weight: 600;
    font-size:12px;
}

.CommentGrid .TdBlock.CommentPaddLt {
    padding-left: 37px !important;
    float: right;
    font-size: 10px !important;
}
.NameColumn{
    float:none !important;
}

.user-image {
    float: left;
    position: relative;
    top: -16px;
    padding-right: 5px;
}

    .user-image img {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        border: 1px solid #dddddd;
    }

.TextareaColumn textarea {
    width: calc(100% - 40px) !important;
    margin-left: 8px;
    padding:5px;
    display:block;
}
.CommentTab .tabMenu1{
    height:auto !important;
    width:100% !important;
}
.CommentPopup body.Popup.popup-b {
    overflow: hidden;
}
.FormWrapper.CommentTab #tblcomsection {
    margin-top: 15px;
    height: calc(100vh - 135px);
    overflow: auto;
    display: block;
    padding-right: 15px;
    width: 100%;
    display: inline-table;
}
.commPopupSection {
    display: block;
    height: calc(100vh - 135px);
    overflow: auto;
}
.FormWrapper.CommentTab #tblcomsection .topRightBtnLink li a {
    padding-bottom: 5px;
}
.FormWrapper.CommentTab .newico-body{
    padding-left:0;
    padding-right:0;
}
div[id*='popupDiv'].widthIE.CommentPopup {
    background: #f6f6f6 !important;
    /* border: 15px solid rgb(239, 239, 239) !important;*/
}
.CommentPopup .mrgnIE7 {
    display: none;
}

.CommentGrid .GridNormalStyle, .GridAlternateStyle {
    background: #fff !important;
}
/*add on 20-06-2023*/
#divUploader {
    background: #f6f6f6 url(../../image/gen-pop-bg.gif) repeat-x 0 0;
    margin: 0 8px 8px;
    padding: 10px;
    box-sizing: border-box;
}
.InnerrPopupDev {
    background-color: #ffffff;
    padding: 10px;
    height: calc(100vh - 162px);
    overflow: auto;
}
/*add by UI_Modification 21june2023*/
.ContentPad{
    padding-left:20px;
    padding-right:20px;
}
/*end by UI_Modification 21june2023*/
/*add by UI_Modification 22june2023*/
.formActionBtn {
    position: fixed;
    bottom: 13px;
    padding: 18px 20px;
    width: calc(100% - 259px);
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    border: 1px solid #ddd;
    right: 20px;
    z-index:1;
}
.formActionBtn #divcancel {
    float: unset;
}
.colorBtnStyle {
    padding: 7px 10px;
    background: #4891c5;
    color: #fff;
    font-size: 12px;
    margin-right: 7px;
}
.noColorBtnStyle {
    padding: 7px 10px;
    background: #fff;
    border: 1px solid #ddd;
    color: #626262;
    font-size: 12px;
    margin-right: 5px;
}
    .noColorBtnStyle:hover {
        color: #626262 !important;
    }
.colorBtnStyle:hover{
    color:#fff !important;
}
.comm-save{
    margin-left:36px;
}
/*end by UI_Modification 4july2023*/


#divActivityFilterName {
    position: relative;
}

    #divActivityFilterName .DropdownFilterIco {
        width: 14px;
        height: 14px;
        position: absolute;
        top: 5px;
        right: 5px;
        filter: brightness(50);
        z-index: 9;
    }

.ProjectTypeFilterPop {
    display: none;
    height: 100%;
    position: fixed;
    width: 410px;
    z-index: 9999999999;
    background-color: #F0F2F5; /*Update on 04-08-22*/
    box-shadow: 0px 9px 28px 8px rgb(0 0 0 / 5%), 0px 6px 16px rgb(0 0 0 / 8%), 0px 3px 6px -4px rgb(0 0 0 / 12%);
    /* position: absolute; */
    right: 0;
    top: 0 !important;
}

    .ProjectTypeFilterPop .newpageheader {
        padding: 8px 20px;
        border-bottom:1px solid #ddd;
    }

    .ProjectTypeFilterPop #btnDivClose {
        right: 20px !important;
        top: 18px !important;
    }

.ProjectTypeContent {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px !important;
    box-sizing: border-box !important;
}

    .ProjectTypeContent .dx-treelist-filter-row {
        position: absolute;
        /*right: 0;*/
        top: 0;
    }

    .ProjectTypeContent .dx-treelist-content .dx-treelist-table .dx-row.dx-treelist-filter-row > td {
        padding: 0 0 !important;
        max-width: 400px !important;
        width: 400px !important;
    }

    .ProjectTypeContent .dx-treelist-filter-row .dx-menu {
        margin-left: 1px;
    }

    .ProjectTypeContent .dx-treelist-filter-row .dx-menu-base .dx-menu-item {
        height: 28px;
        padding: 2px 0;
    }


    .arrow_box.ContextMenuContainer .header #dvEdit, .arrow_box.ContextMenuContainer .header #dvManager {
        display: none !important;
    }

/*add by UI_Modification 5july2023*/
.FormWrapper.CommentTab .CommentReview {
    display: block;
    overflow: auto;
    width: calc(100vw - 45px);
    height: calc(100vh - 125px);
    margin-top: 10px;
}
.topRightActionIcon {
    margin-right: 10px;
}
.topRightActionIcon ul li img{
    padding-right:5px;
}
.topRightActionIcon ul {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: end;    
}
.topRightActionIcon ul li {
    display: inline-block;
    vertical-align:middle;    
}
.topRightActionIcon ul li a{
    margin:0;
}
.topRightActionIcon ul li a#lnkAddReviewers {
        padding-left: 5px;
}
.topRightActionIcon #ActivityFilterPanel #divActivityFilterName .DropdownFilterIco{
   display:none;
}
.topRightActionIcon #ActivityFilterPanel #divActivityFilterName #divActivityFilterNameTooltip{
    display:inline-block;    
    margin: 5px 5px 0px 0px;
}
.topRightActionIcon #ActivityFilterPanel #divActivityFilterName #divActivityFilterNameTooltip input.TextInField {
    height: 25px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 26px;       
    background: url("../../image/newico/down-arrow.png") no-repeat 179px 4px;
    background-size: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    background-blend-mode: luminosity;
    padding-left:5px;
}
/*end by UI_Modification 5july2023*/
/*add by UI_Modification 7july2023*/
.topRightActionIcon ul li #toggleDiv.tog-menu {
    margin-right: 0 !important;
}
.CommentReview {
    padding-right: 10px;
}
.FormWrapper.prjApproval {
    height: calc(100vh - 55px);
    display: block;
    overflow: hidden auto;
    box-sizing: border-box;
    background: #FFF;
}
.FormWrapper.prjApproval #revwfcomm .CommentReview{
    padding-right:0;
}
.FormWrapper.prjApproval #dvwfcomm #wfcomm .CommentGrid{
    padding-top:10px;
}
.FormWrapper.prjApproval #dvwfcomm #wfcomm .CommentGrid textarea.NoMaxLength{
    margin-bottom:5px;
}
.FormWrapper.CommentTab .newico-body {
    padding-top: 0;
    overflow: auto;
    height: calc(100vh - 145px);
    margin-top: 15px;
}
/*end by UI_Modification 7july2023*/

/* hide the tab for temporarly by UI_Modification 10june2023*/
.CommentTab ul.tabMenu1 li#tdReview/*, .topRightActionIcon ul li a#aNewProjDocument*/ {
   /* display: none;*/
}
/*.CommentTab ul.tabMenu1 li{
    width:46% !important;
}*/
/*end hide the tab for temporarly by UI_Modification 10june2023*/
#divHomeProjects .col-item:hover .prj_drop {
    display: none;
}
/*add by UI_Modification 11July 2023*/
.ContentPad #rightdiv.rightPanel .detailsTab {
    position: relative;
}
.ContentPad #rightdiv.rightPanel .detailsTab #DivIndicate{
    position:absolute;
}
/*end by UI_Modification 11July 2023*/
/*add by UI_Modification 12July 2023*/
.navPageHeader.newpageheader .FltRight table.FormFields .dis_flex{
    flex-direction: row;
    justify-content: flex-end;
}
.ProjectTypeFilterPop .ProjectTypeContent .dx-texteditor-input-container input.dx-texteditor-input {
    font-size: 12px;
    padding-top: 10px;
    margin-top: -5px;
}
.taskpopup #rightdiv.rightPanel {
    height: 445px;
    overflow: auto;
}
/*end by UI_Modification 12July 2023*/



/* Added by Rajesh Sharma on 12 July 2023*/

.thirdpanel {
    background: #F0F2F5 !important;
    transition: width 2s;
    z-index: 9999999999;
    height: 100%;
    position: absolute;
    right: 0px;
    float: right;
    top: 0;
    width: 510px;
    display: none;
}

    .thirdpanel.active {
        width: 28% !important;
        transition: width 2s;
    }

    .thirdpanel #tab_Comments_section {
        position: relative;
    }

    .thirdpanel.active .close-comment {
        right: 24px;
        width: auto;
        padding: 0;
        background-color: transparent;
    }


    .thirdpanel .ucHeaderLabel {
        color: #28B9E0 !important;
        font-size: 18px !important;
        line-height: 24px;
        text-transform: capitalize;
        font-weight: normal;
        border-bottom: 1px solid #D9D9D9;
        padding: 16px 24px;
        letter-spacing: 0 !important;
        margin-top: 0;
    }


    .thirdpanel .FormWrapper.comm-wraper {
        padding: 0 24px !important;
        background-color: #F0F2F5;
    }

    .thirdpanel #ucComm_dgComments {
        border: none !important;
    }

    .thirdpanel .GridNormalStyle, .thirdpanel .GridAlternateStyle {
        font-family: 'Open Sans';
        margin: 0 !important;
        width: 100%;
        background-color: transparent !important;
        box-sizing: border-box;
        border-bottom: none !important;
    }

        .thirdpanel .GridNormalStyle .newico-dg.comm-new.user-comm, .thirdpanel .GridAlternateStyle .newico-dg.comm-new.user-comm {
            width: auto !important;
            padding: 0 !important;
            padding-left: 40px !important;
            /*padding-bottom: 10px !important;*/ /*Comment for UI Modification on 06-08-2021*/
        }

            .thirdpanel .GridNormalStyle .newico-dg.comm-new.user-comm span, .thirdpanel .GridAlternateStyle .newico-dg.comm-new.user-comm span {
                font-size: 12px;
                color: #262626;               
            }

        .thirdpanel .GridNormalStyle .newico-dg.comm-new.date-align, .thirdpanel .GridAlternateStyle .newico-dg.comm-new.date-align {
            width: auto !important;
            margin-left: 0;
            padding: 0 0px 0 5px !important;
            color: #8C8C8C !important;
            line-height: 16px;
            padding-bottom: 9px !important;
            float: right; /*Update for UI Modification on 06-08-2021*/
        }

    .thirdpanel .newico-dg.comm-new {
        padding: 0 !important;
        border: none !important; /*--added by amrit - 10/06/2021--*/
        overflow: unset; /*Added for UI Modification on 06-08-2021*/
    }

        .thirdpanel .newico-dg.comm-new textarea {
            background-color: #ffffff !important;
            border: 1px solid #D9D9D9 !important;
            box-sizing: border-box;
            border-radius: 2px;
            width: calc(100% - 40px) !important;
            float: right;
            /*margin-top: 18px;*/
        }

            .thirdpanel .newico-dg.comm-new textarea.textarea-comm {
                margin-top: 0px;
                height: 79px !important;
                padding: 10px;
                cursor: auto; /*Update for UI Modification on 16-08-2021*/
            }

        .thirdpanel .newico-dg.comm-new.edit-comm {
            float: left !important;
            margin-left: 40px !important;
            color: #8C8C8C !important;
            margin-top: 3px;
            margin-bottom: 16px;
        }

        .thirdpanel .newico-dg.comm-new.delete-comm {
            float: unset !important;
            margin-left: 10px !important;
            margin-top: 3px !important;
        }

            .thirdpanel .newico-dg.comm-new.delete-comm a, .thirdpanel .newico-dg.comm-new.edit-comm a {
                color: #8C8C8C !important;
                text-decoration: underline;
                cursor: pointer;
            }

            .thirdpanel .newico-dg.comm-new.delete-comm .cancel-comm .newico-effect1 {
                width: 10px !important;
                height: 10px !important;
                margin-top: 5px;
            }

            .thirdpanel .newico-dg.comm-new.delete-comm a.save-comm {
                background-color: #4182c3;
                border-radius: 2px;
                padding: 2px 5px;
                text-decoration: unset;
                color: #ffffff !important;
            }

        .thirdpanel .newico-dg.comm-new.edit-comm a.save-comm {
            background-color: #4182c3;
            border-radius: 2px;
            padding: 2px 5px;
            text-decoration: unset;
            color: #ffffff !important;
        }

    .thirdpanel .commentNewClass .GridNormalStyle, .thirdpanel .commentNewClass .GridAlternateStyle {
        display: block;
        height: 158px;
    }

.close-comment {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 0;
    padding: 5px;
    top: 15px;
}

    .close-comment img {
        width: 12px;
        height: 12px;
        cursor: pointer;
    }

.view-comment-history .close-comment {
    display: none;
}

#tbldocumentAttachment .ButtonStyle {
    padding: 5px 15px !important;
}

.DocAttach #aNewProjDocument, .DocAttach .delete-btn {
    margin-right: 0 !important;
    margin-left: 9px !important;
}

.ButtonStyle {
    flex: none;
    text-decoration: none;
    order: 1;
    flex-grow: 0;
    background: #4081C5;    
    flex-direction: column;
    align-items: center;
    padding: 6px 16px;
    margin: 0px 9px; /*modify by UI_Modification 16Aug2022*/
    margin-left: 0px !important;
    cursor: pointer;
    color: #fff;
    font-size: 12px; /*Add By Nandlal 21-5-2021*/
}

    .ButtonStyle:hover {
        color: #fff;
        text-decoration: none;
    }

/* End Here */
/* add by UI_Modification 13july2023 */
.topRightActionIcon #myAttach{
    position:relative;
}
.topRightActionIcon #myAttach .fil-badge {
    font-size: 9px;
    height: 11px;
    width: 11px;
    background: #74b0d9;
    text-align: center;
    padding: 2px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -10px;
    margin: 0px;
    display: inline-block;
    right: 3px;
}
.thirdpanel.attach-pnl #divID.wrapper {
    background:none !important;
    padding-top:10px;
}
/* add by UI_Modification 16uly2023 */
.thirdpanel.attach-pnl #divAttachmentFiles #ElementProjGridDocumentFiles.new-slick .slick-cell a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 50px);
    box-sizing: border-box;
}

#divAttachmentFiles .grid-canvas.grid-canvas-top.grid-canvas-left {
    position: absolute;
    /* height: calc(100vh - 10vh) !important; */
    top: auto;
    overflow: auto !important;
    width: 100% !important;
}


#ElementProjGridDocumentFiles .slick-viewport::-webkit-scrollbar-thumb {
    background-color: transparent !important;
    outline: 1px solid unset !important;
}
/* end by UI_Modification 16uly2023 */

.DFSdimmer {
    width: 100%;
    height: 100%;
    background-color: #9a8e8e00;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 9;
}
.DFSBodyDimmer {
    background: #00000080 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
/*css for health tab of comment popup by UI_Modification 19July2023*/
.FormWrapper.CommentTab .commentTextAreaVisibility .commentTextPopup {
    position: absolute;
    background: #fff;
    z-index: 99;
    display: block;
    height: 135px;
    width: 300px !important;
    font-size: 12px;
    padding: 5PX;
    border: 1px solid #262626;
    overflow: auto;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 15%), 0 6px 20px 0 rgb(0 0 0 / 17%);
    line-height: 18px;
    left: 45px;
}
.commentTextAreaVisibility {
    height: 58px;
}
.FormWrapper.CommentTab .newico-body #dvComment + div .newico-dg table td {
    padding-left: 0 !important;
}
.FormWrapper.CommentTab .newico-body #dvComment + div .GridNormalStyle td, .GridAlternateStyle td, .FormWrapper.CommentTab .newico-body #dvComment + div textarea {
    font-size: 12px !important;
}

/* add for health tab UI_Modification 20july2023*/
.dropdownH .dropbtnH.ddContainer {
    width: 16px;
    position: absolute;
    inset: 0;
    margin: auto;
}

.dropdownH {
    display: block !important;
}

.commentTextAreaVisibility .commentTextPopup {
    height: 200px !important;
}

.dropdownH .dropbtnH.ddContainer span {
    display: none !important;
}

.dropdownH-content a {
    padding-top: 3px !important;
}
/* end for health tab UI_Modification 20july2023*/

/* add for attachment popup UI_Modification 21july2023*/

.thirdpanel.attach-pnl #divAttachmentFiles .ui-widget-content.slick-row.odd.childRow, .thirdpanel.attach-pnl #divAttachmentFiles .ui-widget-content.slick-row.even.childRow {
    display: block;
    width: 100%;
    min-height: 77px !important;
    box-sizing: border-box !important;
    position: absolute;
}

.thirdpanel.attach-pnl #divAttachmentFiles .new-slick .slick-row .leftText, .thirdpanel.attach-pnl #divAttachmentFiles .slick-cell-checkboxsel.frozen {
    display: block !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

.thirdpanel.attach-pnl #divAttachmentFiles #ElementProjGridDocumentFiles.new-slick .slick-cell {
    display: block !important;
    height: 100% !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(236,236,236,0.6) !important;
    border-left: 1px solid rgba(236,236,236,0.6) !important;
    box-sizing: border-box !important;
}

.userAttch {
    padding-top: 10px;
    width: calc(100% - 5px);
    box-sizing: border-box;
}

.userAttch div {
    display: inline-block;
    font-size: 11px;
}
.userAttch div:first-child{
    width: calc(100% - 10px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    display: block;
}
.userAttch div:last-child {
    float: left;    
    padding-top: 8px
}
.userAttch div:nth-child(2) {
    float: right;   
    top: 53px;
    position: absolute;
    bottom: 0;
    right: 10px;
}
.userAttch div span:first-child {
    font-weight: bold;
    padding-right: 5px;
}

.thirdpanel.attach-pnl #divAttachmentFiles .new-slick .slick-header-columns-left, .thirdpanel.attach-pnl #divAttachmentFiles .new-slick .slick-header-columns-right, .thirdpanel.attach-pnl #divAttachmentFiles .new-slick .ui-state-default.slick-header {
    background: none !important;
}

.thirdpanel.attach-pnl #divAttachmentFiles .new-slick .slick-header-columns-right .ui-state-default.slick-header-column {
    width: 50px !important;
}

.thirdpanel.attach-pnl #ParentDataDiv .FltRight {
    z-index: 9;
    position: absolute;
    display: flex !important;
    right: 10px;
}

/*.thirdpanel.attach-pnl #ElementProjGridDocumentFiles {
    overflow: unset !important;
}*/
.thirdpanel.attach-pnl .ui-state-default .slick-header-column.frozen:hover, .thirdpanel.attach-pnl #divAttachmentFiles .new-slick .slick-header-columns-right .ui-state-default.slick-header-column:hover {
    background: none !important;
}

.thirdpanel.attach-pnl #ElementProjGridDocumentFiles .slick-viewport.slick-viewport-top.slick-viewport-left .slick-cell-checkboxsel div {
    margin-left: -7px !important;
    padding-top: 28px !important;
    height: 100% !important;
    box-sizing: border-box;
    padding-left:5px;
}

.thirdpanel.attach-pnl #ElementProjGridDocumentFiles .slick-pane.slick-pane-header.slick-pane-left .slick-header-column .slick-column-name {
    margin-left: -7px !important;
}

.fileTypeIcon {
    position: absolute;
    width: 29px;
    right: 5px;
    text-align: center;
    top: 8px;    
}

#divAttachmentFiles {
    display: block;
    overflow-y: auto;
    position: relative;
}

.thirdpanel.attach-pnl #ElementProjGridDocumentFiles .slick-pane.slick-pane-header.slick-pane-right, .thirdpanel.attach-pnl #ElementProjGridDocumentFiles .slick-pane.slick-pane-header.slick-pane-left {
    position: absolute;
    top: -7px;
    left: -7px;
}
/* end for attachment popup UI_Modification 21july2023*/
    /* add for attachment popup UI_Modification 25july2023*/
    .thirdpanel.attach-pnl .ulink + img.EditAttach {
    position: absolute;
    right: 35px;
    top: 9px;
    cursor: pointer;
}
.fileTypeIcon img{
    cursor:pointer;
}
.thirdpanel .ucHeaderLabel span{
    text-transform:initial;
}
.thirdpanel.attach-pnl #ElementProjGridDocumentFiles .slick-pane.slick-pane-header.slick-pane-left .ui-state-default.slick-header-column {
    display:none !important;
}

.thirdpanel.attach-pnl #divAttachmentFiles #ElementProjGridDocumentFiles.new-slick .slick-cell.slick-cell-checkboxsel {    
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    width:100% !important;
}
.fileTypeIcon a{
    width:30px !important;
}
.thirdpanel.attach-pnl #divAttachmentFiles {
    overflow-y:hidden;
}
/* end for attachment popup UI_Modification 25july2023*/
/* add by UI_Modification 27july2023*/
.bodyWBgImage.form-body .ui-dialog[aria-describedby="divAddRevFileDialog"] .ui-dialog-titlebar-close,
.bodyWBgImage.form-body .ui-dialog[aria-describedby="divUploader"] .ui-dialog-titlebar-close,
.bodyWBgImage.form-body .ui-dialog[aria-describedby="divFileDialog"] .ui-dialog-titlebar-close {
    border: none;
    background: #fff;
    color: #fff;
}
.bodyWBgImage.form-body .ui-dialog[aria-describedby="divAddRevFileDialog"] .ui-dialog-titlebar-close span.ui-icon-closethick, 
.bodyWBgImage.form-body .ui-dialog[aria-describedby="divUploader"] .ui-dialog-titlebar-close span.ui-icon-closethick ,
.bodyWBgImage.form-body .ui-dialog[aria-describedby="divFileDialog"] .ui-dialog-titlebar-close span.ui-icon-closethick {
    margin: -5px !important;
}
#ChangeSapSystemState.advanceSAPPopup .FormFields .Label {
    width: 0px !important;
}
#ChangeSapSystemState.advanceSAPPopup .FormBackground .fl_lt span {
    vertical-align: sub;
    font-size: 12px;
}
#ChangeSapSystemState.advanceSAPPopup .FormBackground .CancelLink {
    position: absolute;
    top: 2px;
    right: 2px;
}
#ChangeSapSystemState.advanceSAPPopup{
    left:130px !important;
}
#ucExtendMsg_dvDialog {
    height: auto !important;
}
#elementgridscroll #ElementGrid .slick-header-column p {
    padding-left:5px !important;
}
#elementgridscroll #ElementGrid.new-slick .slick-cell-checkboxsel {
    height: 22px !important;
    
}
#elementgridscroll #ElementGrid.new-slick .childRow .slick-cell.frozen img, #elementgridscroll #ElementGrid.new-slick .slickfontbold .slick-cell.frozen img {
    margin: 5px auto !important;
    display: block;
}
iframe[src^='FMSProperties.aspx?fmsid=']{
    height:100% !important;
}
.newico-body .new-slick .new-slick .slick-row .leftText {
    display: inline-block !important;
}
/* end by UI_Modification 27july2023*/

.bodyWBgImage.form-body .ContentPad #rightdiv.rightPanel .detailsTab #ucOBSStruc_rowOBS .tree-grid.ui-resizable {
    position: absolute !important;
    z-index: 9;
}
/* add by UI_Modification 7aug2023*/
#ElementGrid.advanceCostMngmt {
    height: calc(100vh - 100px) !important;
}
#frmFMSProperties #dgVersions .GridHeaderStyle {
    position: sticky;
    top: 0;
}
.newico-body #StageandgateReadnessHight{
    max-height:calc(100vh -  87px) !important;
}
/*add for one pager font size issue 18Aug2023*/
#dvwfcomm #wfcomm #tab_Comments_section .FormWrapper .GridHeaderStyle td,
#dvwfcomm #wfcomm #tab_Comments_section .FormWrapper .GridNormalStyle td,
.CommentTab .GridNormalStyle td,
.CommentTab .GridAlternateStyle td {
    font-size: 12px !important;
}
#popupDiv.CommentPopup.commTabManage {
    width: 614px !important;
}
.CommentReview .menuheader {
    margin-left: -10px !important;
    margin-top: 1.5px !important;
}
.CommentReview .GridHeaderStyle {
    border: 1px solid #ddd;
}
.CommentReview .ucHeaderLabel {
    color: #8fb23e;
}
.CommentReview .completed {
    height: 13px;
    width: 13px;
    margin-top: 4px;
}
.CommentReview .GridNormalStyle td,
.CommentReview .GridAlternateStyle td{
    font-size:12px !important;
}
.CommentTab #ucDiv_AddRev .CommentReview .group {
    border-bottom: none !important;
}
.CommentReview .Recommandation, .CommentReview .imgSearch {
    height: 16px !important;
    width: 16px !important;
    vertical-align:middle;
}
#dgOverallHistory .GridNormalStyle td,#dgOverallHistory .GridAlternateStyle td{
	font-size:12px;
}
/*add by UI_Modification 26sep2023 for next and prev btn(multiproject) */
.multiProjectViews {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 99999;
}
.multiProjectViews div {
    width: 100%;
}
.multiProjectViews a:first-child {
    left: 0;
}
.multiProjectViews a:last-child {
    right: 0;
}
.multiProjectViews img {
    height: 16px !important;
    width: 16px !important;
    margin: 7px;
    margin-left: 7px !important;
}
.multiProjectViews a {
    position: absolute;
    background: #fff;
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 50%;
    border: 1px solid #ddd;
    opacity: 0.5;
}
.multiProjectViews a:hover {
    opacity: 1;
}
/*end by UI_Modification 26sep2023 for next and prev btn(multiproject) */


#divManageSBUProdCateg #ucMandProductCategory_manageSbuProductCategGrid {
    height: calc(100vh - 200px) !important;
}
#divManageSBUProdCateg #ucMandProductCategory_manageSbuProductCategGrid .slick-viewport.slick-viewport-top.slick-viewport-left {
    overflow-x:hidden !important;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    #popupDivMenu1{
        width:99% !important;
        left:0;
    }
}
#dvAdvancedCostPhasing .dx-icon-xlsxfile {
    color: #5abfcd;
    font-size:22px;
}