md-input-container.md-sidebar-theme .md-input[disabled], [disabled] md-input-container.md-sidebar-theme .md-input {
     border-bottom-color: rgba(0,0,0,0.12); 
    color: rgba(0,0,0,0.38);
    background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.38) 33%, transparent 0%);
    background-image: -ms-linear-gradient(left, transparent 0%, rgba(0,0,0,0.38) 100%);
    }


    /*Toast Theme*/

    md-toast.md-success-toast-theme .md-toast-content {
      color: rgb(255, 255, 255);
      background: rgb(76, 175, 80);
    }

    md-toast.md-error-toast-theme .md-toast-content {
      color: rgb(255, 255, 255);
      background: rgb(244, 67, 54);
    }

    md-toast.md-warning-toast-theme .md-toast-content {
      color: rgba(0, 0, 0, 0.870588);
      background: rgb(255, 193, 7);
    }

    /*Select Box*/
    md-input-container>md-select {
      margin: 0 0 1em 0;
    }

    .menubar{
      font-family: FuturaBold
    }

    .toolbar{
      font-family: FuturaBold
    }

    /*break-word*/
    .break-word {
      display: block !important;
    }

/*     alignment changes needed for erp  */
    table.md-table thead.md-head tr.md-row th.md-column{
        color: #DD1D21;
        font-size: small;
        font-weight: 900;
        padding-top: 1 rem;
        padding-bottom: 1 rem;
        text-align: center;
        vertical-align: baseline;
        /* border-right: 5px solid white; */
    }

    /*text-align center*/
    .align-center {
      text-align: center !important;
    }
    /*text-align left*/
    .align-left {
      text-align: left !important;
    }
    /*text-align right*/
    .align-right {
      text-align: right !important;
    }

    /*Grey Background*/
    .grey-bg {
        background-color: #D9D9D9;
    }

    .red-heading {
        color: #DD1D21;
    }

    table.md-table tbody.md-body tr.md-row td.md-cell.warning{
        color: #DD1D21;
    }

    /* Last Year*/
    th.align-left.grey-bg.md-column.ng-isolate-scope.last_year
    {
        width: 45%;
    }

    table.md-table thead.md-head>tr.md-row.last_year
    {
        height: 40px;
    }

    table.md-table thead.md-head>tr.md-row.last_cus
    {
        height: 40px;
    }
    table.bordered.md-table.ng-isolate-scope.last
    {
        width: 100%;
        border-spacing: 0; 
        overflow: auto; 
    }
    
    table.md-table thead.md-head>tr.md-row.total_row
    {
        height: 45px;
    }
    table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) 
    {
        padding: 0 0 0 0;
    }
    .red-label label {
        color : #DD1D21;
    }
    /* End chart css*/

    .link {
        cursor: pointer;
    }


    /* For Date*/
    ._md-datepicker-floating-label>md-datepicker .md-datepicker-button 
    {
        position: absolute;
        left: 150px;
    }

    td.column_split.md-cell.ng-binding, th.column_split{
       border: 5px solid white;
       border-left: 0px;
       border-bottom: 0px;
       border-top: 0px;
    }

    td.column_split_padding.md-cell.ng-binding, th.column_split_padding
    {
       border: 5px solid white;
       border-left: 0px;
       border-bottom: 0px;
       border-top: 0px;
       padding-left: 5px !important;
    }

    table.md-table td.spancop.md-cell{
        border-top: 1px solid #d9d9d9;
    }

    td.align-center.column_split_padding.md-cell.ng-binding{
       border: 5px solid white !important;
       border-left: 0px;
       border-bottom: 0px;
       border-top: 0px;
       padding-left: 5px !important;
    }

    td.align-center.column_split.md-cell.ng-scope{
        border: 5px solid white;
       border-left: 0px;
       border-bottom: 0px;
       border-top: 0px;
    }

    td.align-center.column_split.md-cell,td.column_split.md-cell{
        border: 5px solid white;
        border-left: 0px;
        border-bottom: 0px;
        border-top: 0px !important;
        padding-left: 5px !important;
    }

    thead.md-table-progress.ng-isolate-scope{
        display: none;
    }

    td.md-cell.md-checkbox-cell{
        border-top: 0px !important;
    }

    .table-scroll {
        position: relative;
        width:100%;
        z-index: 1;
        margin: auto;
        overflow: auto;
        /* height: 350px; */
      }
      .table-scroll tbody {
        display:block;
        height: 65vh;
        /* height: 210px; */
        overflow:auto;
        border-bottom: 1px solid;
    }

    .table-scroll thead tr, 
    .table-scroll tbody tr ,
    .table-scroll tfoot tr {
        display:table;
        width:100%;
        table-layout:fixed;
         
    }
      .table-scroll table {
        width: 100%;
        /* min-width: 1250px; */
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
        overflow: hidden;
        display: block;
      }
      .table-scroll tr {
          height: 60px !important;
      }
    
      .table-scroll td {
        color: rgba(0, 0, 0, 0.87);
        font-size: 13px;
        /* padding: 0 3px !important; */
        border: 3px solid white;
        border-left: 0px;
        border-bottom: 0px;
        border-top: 0px;
        height: 40px !important;
        white-space: nowrap;
      }
      .table-scroll td md-input-container .md-input,
      .table-scroll td md-input-container > md-select {
        display: block;
        margin: 0px;
        width: 96px;
        border-width: 1px;
        margin: 0px;
        border-radius: 4px;  
        height: 30px !important;
        box-sizing: border-box;
        background-color: white;          
      }
      .table-scroll td  md-input-container{
        height: 28px !important;
        width: auto;
    }
    .fixed_width {
        width: 100px;
       }

       .table-scroll tbody td:first-child,
       .table-scroll thead th:first-child,
       .table-scroll tfoot td:first-child {
              width: 40px;
              padding: 0 0 0 2px;
        }
        
      .table-scroll thead th {
        color: #DD1D21;
        font-size: small;        
        font-weight: 900;        
        text-align: center;
        vertical-align: baseline;        
        /* background: #fff;   .table-scroll th,*/
        position: -webkit-sticky;
        position: sticky;
        top: 0;
      }
      
      
      .table-scroll tfoot td {
        position: -webkit-sticky;
        position: sticky;
        border-bottom: 0;
        bottom: 0;
        border-top: 5px tomato;
        /* background: #c3bebe; */
        color: rgba(0, 0, 0, 0.87);
        z-index:4;
        text-align: right;
      }
      
   
    .md-table tbody tr td{
        border-bottom: 0px !important;
    }
    table.md-table td.md-cell{
        border: 0px;
    }
    

    .overall{
        background-color: #d9d9d9 !important;
        margin: 0 auto;
        float: none;
        padding-left: 8px !important;
        border-left: 5px solid white;
    }
    h2.footer_content{
        font-size: 15px !important;
    }

    .even
    {
        background-color: #d9d9d9;
    }
    table.md-table tbody.md-body>tr.tar.md-row{
        max-width: 100%;
    }
    p.over{
        font-weight: bold;
        font-size: 13px;
    }


    .shell_footer.ng-scope.layout-align-end-stretch.layout-column.flex-noshrink{
       height: 50px; 
    }
    .status-danger {
      background: #f00;
      font-weight: bold;
    }

    .status-warning {
      background-color: #F8BC06;
      color: #000 !important;
      font-weight: bold;
    }

    .status-success {
      background-color: #00ff5a;
      color: #000 !important;
      font-weight: bold;
      border: 1px solid #00ff5a;
      height: 36px;
      margin-left: 0px;
    }

    body
    {
        overflow-x: hidden;
    }
    md-table-container.top5_table.hide-xs{
        /* max-height: 395px; */
        max-height: 50vh;
    }
    tr.sector_split_row.md-row.ng-scope{
        /* height: 30px !important; */
        height: 3rem !important;
    }
    .searchFilter{
        margin-top: 3rem;
    }
     .productSearchFilter{
        margin-top: 8rem;
    }
div .ff {
  overflow-x:scroll;  
  margin-left:2em;
  width: 50%;
    }
.headcol {
  position:absolute;
    left: 0;    
}
.layoutsideMenuSizeicon{
    background: linear-gradient(rgba(235,216,51,1));
}

.layoutsideMenuSizeicon div img{
    max-width: 45px;
    margin-left: -10px;
}
.layoutsideMenuSizeNotInicon div img{
    max-width: 55px;
}
.layoutsideMenuSizeNotInicon{
    background: linear-gradient(90deg, rgba(235,216,51,1) 35%, rgba(117,108,26,1) 35%) ;
}
.table-responsive>.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
}
.table_header_fixed {
    position: absolute;
}

.md-table tbody tr.open_hover:hover,
.md-table tbody tr.won_hover:hover,
.md-table tbody tr.lost_hover:hover{
    background: white;
}

table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 13px 0 0 !important;
}

tr.Header.md-row  table.md-table th.md-column:last-child {
    padding: 0 2px 0 0 !important;
}

td.input.md-cell{

    padding: 0 21px 0 0 !important;

}
/*supplier*/

 md-card.supplier._md.md-sidebar-theme{
        /* height: 558px !important; */
        height: 95vh;

    }


 th.column_split.erp_scrn.md-column.ng-isolate-scope.md-active.md-sort{
        width: 125px !important;
        padding-right: 0px;
        padding-left: 0px;
    }

    
  td.column_split.erp_scrn.md-cell.ng-binding{
        width: 125px !important;
        padding-right: 0px !important;
    } 




     button.md-fab.md-mini.md-primary.erp_edit_button.md-button.md-sidebar-theme.md-ink-ripple{
        width: 24px;
        height: 24px;
    }

      .md-button.md-fab.md-mini.md-primary.erp_edit_button.md-button.md-sidebar-theme.md-ink-ripple{
        min-height: 26px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

      td.column_split_padding.erp_edit.md-cell md-icon[md-font-icon]{
        line-height: 16px;
        font-size: 14px;
    }


        td.column_split_padding.erp_edit.md-cell md-icon.erp_edit_icon.ng-scope.md-sidebar-theme.md-font.material-icons.zmdi.zmdi-edit{
        background-repeat: no-repeat no-repeat;
        fill: currentColor;
        height: 15px;
        width: 15px;
        min-height: 14px;
        min-width: 14px;
        margin: auto;
    }

       .md-button.md-fab.md-mini.md-primary.erp_edit.md-button.md-sidebar-theme.md-ink-ripple{
        line-height: 37px;
        width: 35px;
        height: 18px;
        margin-top: 0px;
        margin-bottom: 0px;
    }


    button.md-fab.md-mini.md-primary.erp_edit_button.dsr_button.md-button.md-sidebar-theme.md-ink-ripple{
    line-height: 28px;
    width: 28px;
    height: 24px;
    min-height: 26px;
    margin-top: 0px;
    margin-bottom: 0px;
}
/* Branch*/
    button.md-fab.md-mini.md-primary.erp_branch_edit.md-button.md-sidebar-theme.md-ink-ripple{
        width: 24px;
        height: 24px;
    }

    .md-button.md-fab.md-mini.md-primary.erp_branch_edit.md-button.md-sidebar-theme.md-ink-ripple{
        min-height: 26px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    td.align-center.column_split.erp_branch_edit.md-cell md-icon[md-font-icon]{
        line-height: 16px;
        font-size: 14px;
    }

    td.align-center.column_split.erp_branch_edit.md-cell md-icon.erp_branch_edit.ng-scope.md-sidebar-theme.md-font.material-icons.zmdi.zmdi-edit{
        background-repeat: no-repeat no-repeat;
        fill: currentColor;
        height: 15px;
        width: 15px;
        min-height: 14px;
        min-width: 14px;
        margin: auto;
    }

    tr.erp_branch.md-row.ng-scope.ng-isolate-scope{
        height: 35px;
    }

    md-switch.md-primary.erp_branch_status.ng-pristine.ng-untouched.ng-valid.md-sidebar-theme.ng-not-empty.md-checked{
        margin-top: 0px;
        margin-bottom: 0px;
    }  

    td.column_split_padding.erp_view.md-cell md-icon[md-font-icon]{
        line-height: 23px;
        font-size: 14px;
        margin-left: -1px;

    }

    md-checkbox.md-sidebar-theme.md-checked .md-icon {
        background-color: rgba(235,216,51,1);
    }

    .login-frame md-card {
        width: 50vh !important;
    }
    /*Brands Mapping*/

       md-table-container.brands_table.hide-xs{
        max-height: 380px;
    }



    td.column_split_padding.customer_view.md-cell md-icon[md-font-icon]{
        line-height: 23px;
        font-size: 14px;
        margin-left: -6px;
    }

     td.align-center.column_split.erp_mapping.md-cell md-icon[md-font-icon]{
        line-height: 16px;
        font-size: 14px;
    }


      td.column_split_padding.erp_mapping.md-cell md-icon[md-font-icon]{
        line-height: 16px;
        font-size: 14px;
    }

    /* addede by suganya */
    md-radio-button .md-container {
        width: 17px !important;
        height: 17px !important;
    }
    
    md-radio-button .md-off,md-radio-button .md-on {
    width: 15px !important;
    height: 15px !important;
}

 
.md-datepicker-input {
    width: 13.5em !important;
}


md-icon.erp_menu_icons{
   width: 30px;
   cursor: pointer;
   outline: none;
}
.margin-right-0 {
   margin-right: 0!important
}



/*New css Class*/

.filter_open_btn{
    width: fit-content;
    min-height: 40px !important;
    height: 40px;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}


.filter_close_btn{
    cursor: pointer;
    background-color: #fbce07;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 2px;
    height: 15px;
    outline: none;
}
.filter_close_btn:hover{
    background-color: #d9d9d9;
}
.filter_close .filter_close_btn md-icon{
    transform: scale(1.2);
    margin-top: -14px;
    outline: none;
}

.filter_bg{
    background-color: #ececec !important;
}

.filters_box{
    margin-bottom: 5px;
    padding: 25px 10px 0 10px;
}

.filterss{
    width: 100%;
}
/*filter select display*/
.select{
    margin-right: 5rem !important;
    font-size: 14px !important;
    width: 15rem !important;
}