html, body {
    background-color: #d5d8da;
    /*font-family: 'Roboto Condensed', Verdana !important;*/
    
    padding: 0;
}

h1, h2, h3 {
    font-weight: normal;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 22px;
}

.content-wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 12px;
    width: 100%;
    max-width: 1024px;
}

.header,
.footer {
    padding: 12px 0;
}

.DownloadAttachment {
    padding: 10px 0;
}

/*  Add new style sheet sk */
.headerTop {
    padding: 0px 20px 0 12px;
}

.logo-img {
    margin-right: 30px;
    /* float: left; */
    position: absolute;
    background: #118dbb;
    padding: 0px;
    left: -2px;
    top: 0;
    height: 65px;
    width: 252px;
}

.header-menu-top {
    float: left;
}
.panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.dxpnlControl_DevEx.dxpnl-edge, .dxpnlControl_DevEx.dxpnl-edge .dxpnl-scc, .dxpnlControl_DevEx.dxpnl-bar {
    padding: 0px 0px;
    background: #fff !important;
    border: none;
    /* box-shadow: 0 4px 3px 0 rgb(48 60 80 / 7%); */
    border-radius: 0;
    height: auto;
}
#ctl00_ctl00_HeaderPane1 > div.headerTop > div.templateTitle.logo-img > div > img {
    width: 189px;
    margin: 8px 0 0 15px;
}
.dxmLite_DevEx .dxm-main {
    background: transparent;
    border: none;
    padding: 0;
}

.dxm-item {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 15px;
    color: #191818de;
}

.dxmLite_DevEx, .dxmLite_DevEx .dxm-item a.dx {
    color: rgba(0,0,0,.5);
    text-decoration: none;
}

    .dxmLite_DevEx .dxm-popup .dxm-hovered {
        background: #fff;
        color: #333 !important;
    }

    .dxmLite_DevEx .dxm-main .dxm-hovered {
        background: transparent;
        color: #000;
    }

    .dxmLite_DevEx.dxm-ltr .dxm-popup .dxm-content {
        padding: 4px 0 4px 0px !important;
        /* width: 391px; */
        margin-left: 0;
    }

#ctl00_ctl00_HeaderPane1_mnAdminMenu_DXI3_P {
    color: #333;
}

.dxm-gutter {
    color: #fff;
    border: none;
    background: #fff;
}

.dxmLite_DevEx .dxm-main .dxm-selected {
    background: #0094f273;
}
/* lead-panel css */
.lead-panel {
    background-color: #fff;
    padding: 0 25px;
}

.date-box {
    width: 149px !important;
}

.date-box1 {
    width: 189px !important;
}

.date-box3 {
    width: 90px !important;
    line-height: 3;
}

.dxmLite_DevEx .dxm-horizontal .dxm-image-l .dxm-content {
    padding: 4px 12px;
    color: #333;
}

#ctl00_ctl00_HeaderPane1_lblwelcome {
    color: #333;
}

/* Add css 28 may */
.left-menu {
    float: left;
    /*background: #455161;*/
    /*padding-top: 35px;*/
    margin-top: 0px;
    height: 85vh !important;
    position: fixed;
}
/*#maincontentview{
  background-color: #ebf2f6 !important;
}
#ctl00_ctl00_mainpane_content_aspxnavbar1{
  width: 270px !important;
}
.dxnbLite_DevEx .dxnb-header{
    background:#404c58d1;
    border: none;
  padding: 9px 21px !important;
   font-size: 15px;
   color: #ffffff;
 
}
.dxnb-link{
    padding: 9px 21px !important;
    font-size: 15px;
    color: #939daa !important;
    border: none !important;
    position: relative;
}
.dxnb-link:hover{
  color: #fff;
}
.dxnb-item .dxnb-last:hover{
  color: #fff !important;
}
.dxnb-itemHover .dxnb-link {
    color: #fff !important;
}
.dxnbLite_DevEx .dxnb-item, .dxnbLite_DevEx .dxnb-large, .dxnbLite_DevEx .dxnb-bullet
{
      border: none !important;
}
.dxnbLite_DevEx{
  background-color: #374451 ;
}
.dxnbLite_DevEx .dxnb-content {
    list-style: none none outside;
    background-color: #374451;
    margin: 0;
    padding: 1px 0 0;
    overflow: hidden;
}*/
.dxnbLite_DevEx .dxnb-itemSelected {
    background: #374451 !important;
    border-top: none;
    color: #fff !important;
    border-bottom: none;
}
/*.dxnb-itemSelected .dx-vam{
  color: #fff;
}

.dxnbLite_DevEx .dxnb-headerCollapsed {
    background: #455161;
    border: none;
    padding: 9px 21px !important;
    font-size: 15px;
    color: #939daa;
}*/
.dxnbLite_DevEx .dxnb-itemHover, .dxnbLite_DevEx .dxnb-largeHover {
    background: #3c4b64 !important;
    color: #fff !important;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

/*.dxnb-headerCollapsed:hover{
  color: #fff;
  background: #374451;
  transition: all .3s;
  border-left: 3px solid #0094f2;
}*/

.wapper-content {
    margin-left: 240px;
    margin-right: 0px;
    min-height: 100%;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #d5d8da;
    padding: 0px 10px 20px 20px;
    transition: 0.3s;
    z-index: 999;
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
}

.wapper-contentlogin {
    margin-left: 0px;
    margin-right: 0px;
    min-height: 100%;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #EBF2F6;
    padding: 80px;
    transition: 0.3s;
    z-index: 999;
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
}

.accordionHeaderSelected {
    /* border: 2px solid #5078b3 !important;*/
    padding: 8px !important;
}

.accordionHeader {
    padding: 10px !important;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    overflow: hidden !important;
}


.dxnb-link :before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
}

.dxnb-link :hover:before {
    background: #0094f2 !important;
}

.dxnb-item :before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
}

.dxnb-item :hover:before {
    background: none !important;
}


a.txt-black {
    text-decoration: none;
}

.dashbox {
    position: relative;
    display: block;
    background: #303641;
    padding: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .dashbox h4 {
        width: 60%;
        font-size: 15px;
        font-weight: 500;
    }

    .dashbox .icon {
        color: rgba(0, 0, 0, 0.1);
        position: absolute;
        right: 16px;
        bottom: 35px;
        z-index: 1;
    }

        .dashbox .icon i {
            font-size: 40px;
            line-height: 0;
            margin: 0;
            padding: 0;
            vertical-align: bottom;
            position: absolute;
            left: 12px;
        }

    .dashbox.tile-green {
        background: #7ca556;
        color: #fff;
    }

    .dashbox.tile-blue {
        background: linear-gradient(to bottom left, #778ffe 0%, #824EF7 100%);
        color: #fff;
    }

    .dashbox.tile-yellow {
        background: #f9d448;
        color: #000;
    }

    .dashbox.tile-cyan {
        background: linear-gradient(to bottom left, #673AB7 0%, #9C27B0 100%);
        color: #fff;
    }

    .dashbox.tile-safron {
        background: linear-gradient(to bottom left, #ed7305 0%, #F1B604 100%);
        color: #fff;
    }

.dxnb-item a {
    text-decoration: none;
}

.ph {
    margin-left: 15px;
    margin-top: 1rem;
    margin-bottom: 0rem;
}

.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
    color: #ffffff !important;
    background-color: #7ca556 !important;
    border-bottom: 1px solid #C9C9C9 !important;
    padding: 10px 2px 10px 12px !important;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin: 5px 11px 4px 20px !important;
}

/*.cust-tab.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #7ca556;
    color: #fff;
    border-radius: 0px;
}

.cust-tab.nav-pills .nav-link {
    padding: 12px 10px 12px;
    color: #000;
    border-right: 1px solid #494949;
    border-radius: 0px;
    text-transform: uppercase;
}*/

.tbl-info .td-grey-bg {
    background-color: #f7f7f7 !important;
    color: #000;
    width: 35%;
    padding: 5px 2px 4px 9px !important;
}

.table-bordered td, .table-bordered th {
    border: 0.2px solid #dee2e6 !important;
}

.dxgv {
    /*Comment by Sakshi as Due To Row Highlighter not works Dated -14July2023*/
    /*background: #fff !important;
    color: #000 !important;*/

   /* background: #fff ;
    color: #000 ;*/
    overflow-x: auto;
    width: 100% !important;
}


.splitline2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 22px;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid #d7d8d9;
}

    .splitline2:after {
        content: "";
        display: block;
        width: 260px;
        height: 2px;
        margin: 0px;
        background: #4694a1;
        margin-top: 36px;
    }

html.dxChrome.dxWindowsPlatform.dxWebKitFamily.dxBrowserVersion-102 {
    padding-top: 50px !important;
}

.dxeBinImgTxtPnlSys .dxeCellSys {
    border: dotted;
}