/*RAnji*/
/* @font-face {
font-family: 'Google Sans';
src: url('../fonts/gsf/GoogleSans-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Google Sans';
src: url('../fonts/gsf/GoogleSans-MediumItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Google Sans';
src: url('../fonts/gsf/GoogleSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Google Sans';
src: url('../fonts/gsf/GoogleSans-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/gsf/GoogleSans-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    } */
    /* fallback */
    @font-face {
        font-family: 'Material Icons';
        font-style: normal;
        font-weight: 400;
        src: url(flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
        font-display: swap;
        }
        
        .material-icons {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        }
    html,
    body {
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
        background-color: white;
      
    }
    
    h3,
    h4,
    h5,
    h6,
    h1,
    h2 {
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
    }
    .mdl-layout__header
    {
        z-index: 100001;
    }
    body.disbl {
        position: fixed;
        top: 0px;
        left: 0px;
    }
    
    .mdl-layout__drawer .mdl-navigation {
        padding-top: 0px;
        padding-bottom: 150px;
    }
    
    .mdl-layout__obfuscator {
        position: fixed;
    }
    
    .mdl-button {
        background: 0 0;
        border: none;
        border-radius: 2px;
        position: relative;
        height: 33px;
        margin: 0;
        min-width: 64px;
        padding: 0 20px;
        display: inline-block;
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        overflow: hidden;
        will-change: box-shadow;
        transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        outline: none;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        line-height: 31px;
        vertical-align: middle;
        box-shadow: 0px 0px 0px #00000042;
        border-radius: 4px;
        -webkit-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -ms-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -o-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
    
    .mdl-button:active {
        background-color: inherit;
    }
    
    .mdl-spinner__circle {
        border-width: 2px;
    }
    
    .mdl-spinner {
        width: 20px;
        height: 20px;
    }
    
    .mdl-layout__header {
        background: rgb(83,97,240);
        background: linear-gradient(90deg, rgba(83,97,240,1) 0%, rgba(80,126,223,1) 100%);
        background: linear-gradient(90deg, rgba(83,97,240,1) 0%, rgba(155,59,149,1) 64%, rgba(211,29,77,1) 100%);
        background: white;
        box-shadow: 0px 2px 7px #00000012;
    }
    button.mdl-button.mdl-js-button.mdl-button--icon.usrmn74_op2 {
        color: #58595b;
    }
    button.btn745_lgn_sc img {
        width: 20px;
    }
    button.btn745_lgn_sc {
        padding: 7px 15px 7px;
        line-height: 19px;
        border-radius: 3px;
        border: 1px solid #d4d4d4;
        cursor: pointer;
    }
    span.dt_sl74_blk {
        font-size: 13px;
        margin-left: 15px;
    }
    .blk_smpl74 {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
    }
    .blk_smpl74 a {
        color: #0095ff;
        font-size: 12px;
    }
    .bul_upl_mn {
        padding: 0px 15px;
    }
    .bul_upl_dt74 {
        background-color: #efefef;
        padding: 5px;
        border-radius: 3px;
        margin-top: 15px;
    }
    span.mdl-layout-title img {
        height: 70px;
        width: auto;
    }
    
    .mdl-textfield__input::placeholder {
        font-weight: 500;
        text-shadow: none;
        font-size: 12px;
    }
    
    .actn_mnu56_.mdl-menu__container.is-upgraded .mdl-menu {
        position: relative;
        background-color: white;
        display: block;
        margin: 0;
        padding: 5px 0px;
        border: none;
        border-radius: 2px;
        transform-origin: 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform-origin: top right;
        transition: transform 0.2s ease-out;
        -webkit-transition: transform 0.2s ease-out;
        -moz-transition: transform 0.2s ease-out;
        -ms-transition: transform 0.2s ease-out;
        -o-transition: transform 0.2s ease-out;
    }
    
    .actn_mnu56_.mdl-menu__container.is-upgraded.is-visible .mdl-menu {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    
    .mdl-menu__item {
        font-size: 18px;
        padding: 0px 15px;
        margin: 10px 0px;
    }
    
    .txt_cnter {
        padding: 0px 0px 10px;
    }
    
    .mdl-data-table td {
        position: relative;
        height: auto;
        box-sizing: border-box;
        font-weight: 500;
    }
    
    .mdl-list__item-avatar,
    .mdl-list__item-avatar.material-icons {
        background-color: #0059df;
    }
    
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover,
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link._hmpg52_.actv {
        background-color: initial;
    }
    
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:focus {
        background-color: white;
        outline: none;
    }
    
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.actv {
        background-color: #ffffff;
    }
    table.mdl-data-table.mdl-js-data-table.mdl-shadow--2dp {
        border-collapse: collapse;
    }
    footer.lgn_ftr_bx {
        text-align: right;
        font-size: 11px;
        color: #5b5b5b;
        font-weight: 600;
        padding: 10px;
    }
    
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        font-size: 14px;
        font-weight: 600;
        padding: 10px 20px;
        color: #131313;
    }
    
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link._mdttl42_ { 
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
        text-transform: uppercase;
    }
    
    .expnd32_ {
        position: relative; 
    }
    
    span._expnd_icn78 {
        position: absolute;
        right: 5px;
        font-size: 21px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    
    ._mdttl42_ span._expnd_icn78 {
        transition: all 0.2s ease-in-out;
       -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
       -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
       right: 5px;
   }
   .dt_prd_lst754.drp_bxdt_b.dt_bx_mn76.sub_group.prod_elem_dt .prd_bx_dt745.drg_bx_d:last-child span.idnt_ln75 {
    display: none;
}
    span.mdi.mdi-chevron-down._expnd_icn78.actv {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    
    .mdl-layout__drawer {
        overflow: hidden;
        position: fixed;
        left: -53px;
        z-index: 1000001;
    }
    .mdl-layout__obfuscator.is-visible
    {
        z-index: 1000000;    
    }
    .mdl-layout__drawer.is-visible {
        left: 0px;
    }
    .daterangepicker {
        border: 0px;
        z-index: 1000000 !important;
    }
    .dt_stmp {
        font-size: 10px;
        color: grey;
        margin-top: -5px;
    }
    
    .lodr_bx_prgr74 {
        height: 5px;
        width: 100%;
        background-color: white;
        border-radius: 5px 5px 0px 0px;
        overflow: hidden;
        position: absolute;
        top: 0px;
    }
    
    span.ldr_innr74 {
        width: 0px;
        height: 100%;
        background-color: #0089ff;
        display: block;
        border-radius: 0px 5px 5px 0px;
        transition: width 0.2s ease-in-out;
        -webkit-transition: width 0.2s ease-in-out;
        -moz-transition: width 0.2s ease-in-out;
        -ms-transition: width 0.2s ease-in-out;
        -o-transition: width 0.2s ease-in-out;
    }
    
    .mdl_mn75_b {
        position: absolute;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        width: 101%;
        height: 100%;
    }
    
    span._lst_itm42_ {
        font-size: 18px;
        vertical-align: middle;
        padding: 0px 15px 0px 0px;
    }
    
    .expnd32_._hme_icn {
        background-color: #ff9100;
        padding: 5px 0px;
        overflow: hidden;
    }
  
    .hm_bg75_ {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.4;
        background-size: 169% 92%;
        z-index: 0;
    }
    
    #cdn-ld-frm,
    #cdn-ld-frm_sprt {
        position: fixed;
        top: 0;
        z-index: 1000000;
        width: 100%;
        height: 100%;
        text-align: center;
        display: none;
        overflow-y: scroll;
        padding-bottom: 5%;
    }
    
    #pop-innr-bx {
        position: relative;
        display: inline-block;
        margin-top: 4%;
        width:100%;
    }
    
    div#ldr-fsn-mn2 {
        padding: 20px 70px 20px 70px;
        position: relative;
        z-index: 2000;
        background-color: white;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        text-align: center;
        direction: ltr;
        box-shadow: 0px 1px 4px #959595;
    }
    h1.dt_ick745 {
        font-size: 28px;
        padding: 15px 30px;
        font-weight: 500;
        color: #555555;
    }
    form#XlsFrm11 {
        overflow-x: auto;
        padding-bottom: 50px;
    }
    div#popup-blk,
    #popup-dt_pckr,
    .pop_up_sprt74 {
        width: auto;
        text-align: center;
        visibility: hidden;
        position: relative;
        z-index: 9997;
        transition: width 0.2s ease-in-out;
        -webkit-transition: width 0.2s ease-in-out;
        -moz-transition: width 0.2s ease-in-out;
        -ms-transition: width 0.2s ease-in-out;
        -o-transition: width 0.2s ease-in-out;
        box-shadow: 0px 0px 5px;
        -webkit-box-shadow: 0px 0px 5px;
        -moz-box-shadow: 0px 0px 5px;
        -o-box-shadow: 0px 0px 5px;
    }
    
    .pop_up_sprt74 {
        z-index: 10000;
    }
    
    .popup-mdl-bg,
    ._bx_bill_bg {
        position: fixed;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 100;
        display: none;
        top: 0;
        left: 0;
        width: 99%;
    }
    
    .mdl-spinner--single-color .mdl-spinner__layer {
        border-color: rgb(229, 41, 47) !important;
    }
    
    .ldr_cnt452 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        text-align: center;
        background-color: #ffffff9c;
        z-index: 1;
        display: none;
    }
    
    .ldr_cnt452.actv {
        display: block;
    }
    
    .prd_lst42_ {
        position: relative;
        width: 100%;
        margin-bottom: 170px;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 370px;
    }
    .estm_dt_sprt745 table.dt_estm_tbl74 {
        margin-top: 20px;
    }
    .prd_lst42_ table,
    .prd_lst42_ .mn_bxd52_ {
        width: 95%;
        text-align: left;
        margin: 0 auto;
        margin-top: 15px;
    }
    ._clr_fltr_b74 {
        font-size: 19px;
        margin-left: 10px;
        top: 3px;
        position: relative;
    }
    ._cntrl751_b {
        width: 95%;
        margin: 0 auto;
        margin-top: 20px;
        position: relative;
        min-height: 30px;
    }
    
    .rgt_act52_b {
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: right;
    }
    ._ejr_rpt_b75 {
        display: block !important;
    }
    .rgt_act52_b.up_bxdt74._ejr_mn_rpt74 {
        top: -50px;
    }
    ._cntrl751_b._ejr_mn_rpt74 {
        margin-top: 45px;
    }
    .rgt_act52_b.up_bxdt74._ejr_mn_rpt74 {
        top: -50px;
        position: relative;
        margin-bottom: -50px;
    }
    button.mdl-button.mdl-js-button._actn75_btn {
        background-color: #e2ebf3;
        color: #38638c;
    }
    
    .cnt_ttl756_ {
        display: block;
        width: 95%;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #646464;
    } 
    
    .mdl-data-table th,
    .mdl-data-table td {
        text-align: left;
        white-space: initial;
        vertical-align: top;
        border-left: 1px solid whitesmoke;
    }
    
    .mdl-data-table th {
        vertical-align: middle;
        border-left: 1px solid #368439;
    }
    
    .mdl-layout__content {
        overflow: hidden;
        margin-top: 50px; 
        min-height: 600px;
        padding-top:20px;
    }
    span.ps_bx745 {
        position: absolute;
        right: -84%;
        background-color: white;
        padding: 20px;
        top: 10px;
        box-shadow: 0px 0px 5px #00000094;
        border-radius: 3px;
        display: none;
        font-size: 13px;
    }
    span.unchk_b.actv {
        color: #009600;
    }
    span.unchk_b {
        margin-right: 5px;
        font-size: 16px;
        vertical-align: middle;
        color: red;
    }
    span.ps_bx745.actv
    {
        display:block;
    }
    span._im_bx42_ {
        position: relative;
        display: inline-block;
    }
    
    span.stts42_br {
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #12c106;
        border-radius: 100%;
        right: 0px;
        top: 0px;
    }
    span.stts42_br.actv_ld, span.stts42_br.actv_ld.lft_aln
    {
        background-color: #00b553;
        border: 5px solid #b6ffd7;
    }
    span.stts42_br.inactv, span.stts42_br.inactv.lft_aln {
        background-color:#ed1a1a;
        border: 5px solid #ffb6b6; 
    }
    .exst_fl_cnt74.dt_cn_ctyp76 {
        margin-top: 20px;
    }
    .actv_ld span.cirl_cls84.load_bx {
        display: none;
        display: inline-block;
        position: absolute;
        left: -8px;
        top: -8px;
        border: 0px;
        background-color: #b6fed76b;
        -webkit-animation-name: bbble;
        -webkit-animation-duration: 2s;
        animation-name: bbble;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        width: 18px;
        height: 18px;
        animation-delay: 1s;
    }

    .inactv span.cirl_cls84.load_bx {
        display: none;
        display: inline-block;
        position: absolute;
        left: -8px;
        top: -8px;
        border: 0px;
        background-color: #ffa5a578;
        -webkit-animation-name: bbble;
        -webkit-animation-duration: 2s;
        animation-name: bbble;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        width: 18px;
        height: 18px;
        animation-delay: 1s;
    }
    .img_prod_bx-mn-lst {
        display: none;
        width: 100%;
        height: 100%;
    }
    
    .img_prod_bx-mn-lst img {
        width: 100%;
    }
    
    .mdl-chip__contact {
        height: auto;
        width: 100%;
        border-radius: auto;
        margin-right: 0px;
        font-size: 18px;
        line-height: initial;
        -webkit-border-radius: auto;
        -moz-border-radius: auto;
        -ms-border-radius: auto;
        -o-border-radius: auto;
    }
    
    ._dt_im_b45_ {
        height: 32px;
        width: 32px;
        border-radius: 4px;
        overflow: hidden;
        background-color: #ebebeb;
    }
    
    /*dropdown bx*/
    .ref_filter_opt {
        display: inline-block;
        position: relative;
    }
    
    a,
    ._us8_ds {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        text-decoration: none;
        outline: none;
    }
    
    .span_max_fil {
        padding: 7px 25px 6px 10px;
        vertical-align: top;
        position: relative;
        text-align: center;
        font-weight: 600;
        cursor: pointer;
        top: -2px;
        font-size: 13px;
        background-color: #efefef;
        border-radius: 3px;
        margin-left: 5px;
        color: #0092d4;
        white-space: nowrap;
        overflow: hidden;
        width: auto;
    }
    .rprt_filtr745 .span_max_fil
    {
        max-width: 110px;  
    }
    label.tgl_lnk_sl74 {
        cursor: pointer;
    }
    .blk_filter-cont-box,
    .blk_cont-box_dt_pck {
        background-color: #ffffff;
        position: absolute;
        color: #252525;
        box-shadow: 0px 1px 2px #a5a5a5;
        width: 100%;
        z-index: 99;
        border-radius: 3px;
        top: -15px;
        text-align: left;
        font-size: 13px;
        font-weight: 600;
        padding: 10px 0px 10px;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        visibility: hidden;
        transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        overflow: auto;
        max-height: 310px;
        min-width: 200px;
        right: 0px;
    }
    .tim_stmp52 {
        font-size: 11px; 
        color: grey;
    }
    
    span.mnu_drp_d74 {
        position: absolute;
        top: 6px;
        right: -1px;
        font-size: 21px;
        background-color: inherit;
    }
    ._filter_box_d74 .rprt_filtr745:first-child .blk_filter-cont-box {
        transform-origin: top left;
        -webkit-transform-origin: top left;
        right: inherit;
        left: 0px;
    }
    .blk_filter-cont-box.actv,
    .blk_cont-box_dt_pck.actv {
        visibility: visible;
        transform: scale(1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform-origin: top right;
        -webkit-transform-origin: top right;
        -moz-transform-origin: top right;
        -o-transform-origin: top right;
        -ms-transform-origin: top right;
    }
    
    ul li {
        list-style: none;
    }
    
    .mnu_lst85l {
        padding: 5px 15px 4px;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        cursor: pointer;
    }
    
    .mnu_lst85l:hover {
        background-color: whitesmoke;
    }
    
    li.-actn-lnk.mnu_lst85l {
        font-size: 13px;
        font-weight: 600;
    }
    
    tbody._dt_bxit42.actv {
        opacity: 0.6;
    }
    
    /*msg-bx*/
    
    .bx-msg-data {
        width: auto;
        font-size: 13px;
        text-align: left;
        z-index: 99999;
        position: fixed;
        top: inherit;
        left: 15px;
        bottom: 0px;
        transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        visibility: hidden;
        z-index: 10000000;
    }
    
    .bx-msg-data.actv {
        bottom: 15px;
        visibility: visible;
    }
    
    .bx-act-success,
    .bx-act-error {
        color: #2e2e2e;
        background-color: #ededed;
        position: relative;
        display: inline-block;
        padding: 20px 35px 17px;
        border-radius: 3px;
        z-index: 2000;
        box-shadow: 0px 2px 10px #00000059;
        font-size: 12px;
        font-weight: 100;
        vertical-align: top;
        left: 10px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    
    /*confirm button*/
    span.msg_b56.colr_cls {
        background: #d4d4d4;
        padding: 4px 9px;
        color: #3953ea !important;
        border-radius: 3px;
        cursor: pointer;
        text-transform: capitalize;
    }
    
    span.msg42_i {
        display: inline-block;
        vertical-align: middle;
    }
    
    span.msg_b56 {
        margin-left: 20px;
        display: inline-block;
    }
    
    .bx-act-error span.msg_b56 {
        color: #ff1919;
    }
    
    .bx-act-success span.msg_b56 {
        color: #04cf04;
    }
    
    ._rgt_b425 {
        display: inline-block;
        color: grey;
        font-size: 13px;
        margin-right: 10px;
        vertical-align: top;
        padding: 5px;
    }
    
    span.pgnt_lnk85_ {
        font-size: 18px;
        vertical-align: top;
        color: #232323;
        padding: 0px 2px;
        display: inline-block;
        cursor: pointer;
    }
    
    .mdl-layout__header-row {
        padding: 0 40px 0 70px;
    }
    
    .mdl-textfield__label {
        font-size: 12px;
        font-weight: 500;
    }
    
    .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
    .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
    .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
        font-size: 10px;
        color: #737373;
        font-weight: 400;
    }
    .lgn42_cnt_bx .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
    .lgn42_cnt_bx  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
    .lgn42_cnt_bx  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label
    {
        color:rgb(62 62 62 / 83%);
    }
    .lgn42_cnt_bx  input:-webkit-autofill,
    .lgn42_cnt_bx  input:-webkit-autofill:hover,
    .lgn42_cnt_bx  input:-webkit-autofill:focus,
    .lgn42_cnt_bx  textarea:-webkit-autofill,
    .lgn42_cnt_bx  textarea:-webkit-autofill:hover,
    .lgn42_cnt_bx  textarea:-webkit-autofill:focus,
    .lgn42_cnt_bx  select:-webkit-autofill,
    .lgn42_cnt_bx  select:-webkit-autofill:hover,
    .lgn42_cnt_bx  select:-webkit-autofill:focus {
        background: none;
        border: 0px;
        -webkit-text-fill-color: white;
        -webkit-box-shadow: 0 0 0px 1000px #3b3b3b inset;
    }
    .mdl-textfield__label:after {
        background-color: #737373;
    }
    
    .mdl-textfield__input {
        font-size: 13px;
        color: #000000 !important;
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
    }
    .login_mainbx  .mdl-textfield__input { 
        color: #282828 !important;
    }
    .rgt_act52_b.dwn_bx74 {
        position: relative;
        text-align: right;
        padding: 5px 0px;
        width: 95%;
        margin: 0 auto;
    }
    
    .prod_vw_box_dsn,
    .lwa-modal {
        padding: 0px;
        background: #fefefe;
        position: relative;
        padding: 0px 0px;
        margin: 0 auto;
        display: inline-block;
        opacity: 1;
        visibility: visible;
        top: 0px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
        min-width: 450px;
        margin-bottom: 100px;
        max-width:90%;
        text-align: left;
    }
    .prc_disbl_cst_b741
    {
        display:none;
    }
    label._chk_icn94_ {
        background-color: #00d400;
        color: white;
        padding: 40px 23px;
        display: inline-block;
        border-radius: 100%;
        font-size: 60px;
        margin: 25px 0px;
    }
    
    .dt_frm75_ {
        padding: 0px 15px;
        position: relative;
    }
    
    .dt_frm75_ .mdl-textfield {
        width: 100%;
    }
    
    .dt_frm75_ .dbl_bx45_ .mdl-textfield {
        width: 100%;
        margin-right: 9px;
    }
    
    .mdl-textfield__label {
        color: rgba(0, 0, 0, 0.41);
    }
    
    .getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
        font-size: 14px;
    }
    
    .mdl-switch__label {
        font-size: 12px;
    }
    
    .switch_bx42_ {
        display: none;
    }
    
    .switch_bx42_.actv {
        display: block;
    }
    
    .mdl-button--accent.mdl-button--accent.mdl-button--raised,
    .mdl-button--accent.mdl-button--accent.mdl-button--fab {
        background-color: #005fff;
    }
    
    .btn_bx42_ {
        padding: 29px 30px;
        text-align: right;
        margin-right: 0px;
        position: relative;
    }
    
    .ldr_bx75_ {
        display: none !important;
        vertical-align: top;
        padding: 5px 10px;
        position: relative;
        right: 0px;
    }
    
    .ldr_bx75_.actv {
        display: inline-block;
    }
    
    .mdl-button--raised[disabled][disabled],
    .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
        background-color: #005fff;
        color: rgb(255, 255, 255);
        box-shadow: none;
        opacity: 0.7;
    }
    
    label.subttl425_ {
        display: block;
        color: #314dea;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
    } 
    label.subttl425_:first-child {
        margin-top: 0px;
    }
    
    span.rq75_ {
        color: red;
        padding: 0px 5px;
        position: relative;
        top: 2px;
    }
    
    span.dev_md75 {
        background-color: #e50000;
        color: white;
        font-size: 9px;
        padding: 1px 5px;
        border-radius: 3px;
        position: relative;
        top: -7px;
        text-transform: capitalize;
        font-weight: 400;
    }
    
    span.nw_md75 {
        background-color: #33af00;
        color: white;
        font-size: 9px;
        padding: 1px 5px;
        border-radius: 3px;
        position: relative;
        top: -7px;
        text-transform: capitalize;
        font-weight: 400;
    }
    
    span._undo7_http {
        color: #92b3ff;
        margin-left: 15px;
        cursor: pointer;
        padding: 5px;
    }
    
    .login_mainbx {
        width: 400px;
        margin: 0 auto;
        position: fixed;
        background-color: #ffffffb0;
        padding: 30px;
        border-radius: 0px;
        box-shadow: 0px 5px 20px #0000006b;
        min-height: 415px;
        right: 0px;
        top: 0px;
        height: 100%;
        z-index: 10000;
        backdrop-filter: blur(15px);
    }
    .mn_mu745_tp {
        position: fixed;
        right: -100%;
        z-index: 1000;
        height: 100%;
        background-color: white;
        top: 0px;
        box-shadow: 0px 0px 6px #00000038;
        min-width: 380px;
        transition: right 0.1s ease-in-out;
        -webkit-transition: right 0.1s ease-in-out;
        -moz-transition: right 0.1s ease-in-out;
        -ms-transition: right 0.1s ease-in-out;
        -o-transition: right 0.1s ease-in-out;
        cursor: auto;
        text-align: left;
    }
    .ldr_dv74 {
        text-align: center;
        padding-top: 50%;
    }
    .ldr_lbl74mtm {
        color: #252525;
        overflow: auto;
        padding: 0px 5px;
        padding-bottom: 100px; 
        margin-top: 10px;
    }
    .ldr_lbl74mtm label.cnt_ttl756_ {
        font-size: 15px;
        margin-bottom: -5px;
        margin-top: 0px;
        color: #232323;
        margin-left: -5px;
        width: auto;
        padding: 0px 15px;
        position: sticky;
        display: block;
    }
    .ldr_lbl74mtm {
        font-weight: 400;
    }
    .ldr_lbl74mtm .prf_id_vl_ {
        padding: 0px 15px;
    }
    .ldr_lbl74mtm label.cnt_ttl756_ {
        font-size: 16px;
        margin-bottom: -15px;
    }
    .ldr_lbl74mtm .usr_desg_nm85 {
        font-weight: 700;
        color: #4e4e4e;
        margin-top: 10px;
    }
    .dt_top_cnt74 {
        position: absolute;
        overflow: auto;
        width: 110%;
        height: 100%;
    }
    .mn_mu745_tp.actv {
        right: 0px;
    }
    .mn_mu745_tp ul {
        margin: 0px;
        padding: 0px;
    }
    span._usrim_74 {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        overflow: hidden;
    }
    
    span._usrim_74 img {
        height: 100%;
        object-fit: cover;
    }
    .lgn42_cnt_bx {
        position: relative;
        z-index: 1;
    }
    .text_center.mg_setbx img {
        width: 54%;
    }
    .text_center.mg_setbx {
        text-align: left;
    }
    form#logFRmData_set .mdl-textfield
    {
        width: 100%;
    }
    footer.lgn_ftr_bx.lgn_bx {
        position: fixed;
        text-align: left;
        width: 100%;
        padding: 20px;
        bottom: 0px;
    }
    footer.lgn_ftr_bx.lgn_bx
    {
        color: #191919;
    }
    .cptn_b745 {
        padding: 10% 40px;
        color: white;
        z-index: 10000;
        position: relative;
    }
    .cptn_b745 span {
        top: -30px;
        display: block;
        position: relative;
        margin-left: 5px;
        font-size: 23px;
    }
    .page-content._lgn_tmpl {
        padding: 10px 0px 50px;
    }
    
    a.fd_pwdhref {
        position: absolute;
        left: 0px;
        font-size: 12px;
        color: #ffffff;
        top: 85px;
    }
    
    .mdl-textfield__input::placeholder {
        color: silver;
    }
    
    .getmdl-select .mdl-menu__container {
        width: 100% !important;
        margin-top: 2px;
        max-height: 210px;
        overflow: hidden;
        box-shadow: 0px 1px 6px #00000036;
        border-radius: 3px;
    }
    
    .getmdl-select .mdl-menu__container .mdl-menu {
        width: 100%;
        overflow: auto;
        height: 90%;
        padding-bottom: 100px;
    }
    
    .img_ld_frm {
        height: 125px;
        overflow: hidden;
        border-radius: 100%;
        width: 125px;
    }
    
    .img_ld_frm img {
        height: 100%;
    }
    
    ._dt_im_b45_11 {
        height: 80px;
        width: 80px;
        border-radius: 4px;
        overflow: hidden;
        background-color: #ebebeb;
    }
    
    .cnt_ttl75611_ {
        display: block;
        width: 95%;
        margin: 0 auto;
        margin-top: 7px;
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .dt_b425_ {
        display: inline-block;
        position: relative;
    }
    
    span.stts42_br.lft_aln {
        position: relative;
        display: inline-block;
        margin-right: 3px;
        border: 5px solid #11ff00;
        vertical-align: middle;
        top: -1px;
    }
    span.stts42_br.lft_aln.inactv {
        border: 5px solid #ffb6b6;
    }
    
    span.usr_rl758_ {
        background-color: #fe5e31;
        color: white;
        font-size: 11px;
        padding: 1px 5px 1px;
        border-radius: 3px;
        position: absolute;
        right: 2px;
        top: 13px;
        display: none;
    }
    
    span.usr_rl758_.empl85_ {
        background-color: #00ad00;
    }
    
    label.httl52_ {
        display: block;
        padding: 20px 0px;
        font-size: 18px;
        color: #2f2f2f;
    }
    
    .drp_dn4_ {
        vertical-align: top;
        font-size: 17px !important;
        top: -5px;
    }
    
    span._mnlbl52_ {
        vertical-align: top;
        top: 3px;
        position: relative;
    }
    
    .sbmn_mabx85 {
        display: none;
    }
    
    .sbmn_mabx85.actv {
        display: block;
    }
    
    ._mnu_tl85 {
        display: inline-block;
        width: auto;
    }
    
    span.vi_od_dt {
        margin-left: 15px;
    }
    
    .img_dt_gf {
        margin-top: 15px;
    }
    
    .col_md_qw_ {
        margin-top: 10px;
    }
    
    input#user_img {
        margin-top: 10px;
    }
    
    a {
        color: rgba(0, 0, 0, .87);
        font-weight: 400;
    }
    
    .vari_11_ord:hover {
        cursor: pointer;
    }
    
    .mdl-card__title.mdl-card--expand._usr_b41 {
        background-color: white;
    }
    
    .mdl-card__title.mdl-card--expand._usr_b41.actv {
        background-color: #f5f5f5;
    }
    
    .demo-card-square.mdl-card.mdl-shadow--2dp._usrcrd87_ {
        position: absolute;
        width: 60%;
    }
    
    ._usr_actbtn52_ {
        font-size: 14px;
        margin: 10px 0px;
        padding: 5px 10px;
    }
    
    .prf_id_vl_ {
        padding: 10px;
        position: relative;
    }
    
    span.usr_inf74_ {
        margin-left: 0px;
        display: inline-block;
        vertical-align: top;
        margin-top: 3px;
    }
    
    p {
        font-size: 18px;
        padding: 4px 7px 0px;
        font-weight: 550;
    }
    
    .ab_vt {
        padding-left: 14px;
    }
    
    .butn_tabs {
        overflow: hidden;
        padding: 10px 0px;
        margin: 10px 0px 15px;
        display: block;
        position: relative;
    }
    
    .butn_tabs button {
        border: none;
        outline: none;
        background-color: #ffffff;
        color: #b5b5b5;
        padding: 5px 13px;
        font-size: 35px;
        width: 48%;
        cursor: pointer;
    }
    
    nav.mdl-navigation.mdl-layout--large-screen-only._mnu_tp_prf52 .mdl-menu__container {
        margin-right: 55px;
    }
    
    button.tab_items_11.actv {
        background-color: #fe5e31;
        color: #ffffff;
    }
    
    .btn_opn_cls {
        position: relative;
        margin-bottom: 250px;
    }
    
    ._rgt_b425._dt_srch42_ {
        position: absolute;
        right: 20px;
        top: -30px;
        padding: 0px;
    }
    
    .dt_bnd_ord75 {
        top: 20px;
        display: block;
        position: relative;
        width: 98%;
        margin: 0 auto;
    }
    
    .load_mr85_b {
        margin-top: 50px;
        text-align: center;
        display: none;
    }
    
    .load_mr85_b.actv {
        display: block;
    }
    
    .cls_dv_dta {
        display: none;
    }
    
    .br_fod34_ {
        display: inline-block;
        padding: 3px 2px;
        position: relative;
        vertical-align: top;
    }
    
    .br_fod34_ .demo-card-square.mdl-card.mdl-shadow--2dp {
        width: 185px;
        min-height: 185px;
    }
    
    .br_fod34_ ._im_prd_bx {
        height: 115px;
        overflow: hidden;
        user-select: none;
        background-color: whitesmoke;
    }
    
    .br_fod34_ h2.mdl-card__title-text {
        font-size: 18px;
    }
    
    span.mdl-card__supporting-text.spn_bf23_ {
        padding: 10px 16px 0px;
    }
    
    .mdl-card__title.mdl-card--expand.bf_cls432_ {
        position: relative;
        padding: 5px 16px 0px;
        display: block;
    }
    
    h2.mdl-card__title-text.chip_st23_ {
        background-color: #ff0000;
        color: white;
        display: inline-block;
        font-size: 11px;
        padding: 1px 6px 1px;
        border-radius: 2px;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .mdl-card__title.mdl-card--expand.bf_cls432_.bf_cls_342 {
        padding: 0px 16px 10px;
    }
    
    span.spn_bff_432_ {
        font-size: 21px;
        font-weight: 500;
    }
    
    span.spn_cls_fp11 {
        margin-right: 15px;
        color: #383838;
    }
    
    span.spn_bf_123 {
        text-decoration: line-through;
        color: #9a9a9a;
        margin-right: 5px;
    }
    
    /*vrtl_keyb*/
    .simple-keyboard {
        visibility: hidden;
        z-index: 9999;
        position: fixed;
        bottom: -100%;
    }
    
    .simple-keyboard.actv {
        visibility: visible;
        bottom: 0%;
    }
    
    .simple-keyboard.hg-theme-default {
        background-color: rgb(228, 228, 228);
        padding: 5px;
        border-radius: 0px;
        z-index: 1000000;
    }
    
    .hg-button {
        padding: 28px 5px !important;
        font-weight: 600;
        font-size: 25px;
        color: #636363;
    }
    
    .vrtl_bx41 {
        display: inline-block;
        width: 200px;
        padding-left: 20px;
    }
    
    ._uom_bx75_d {
        position: fixed;
        top: initial;
        width: 100%;
        margin-bottom: 0px;
        min-height: 280px;
        bottom: -100%;
        z-index: 10000;
        transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        left: 0px;
        border-radius: 0px;
    }
    
    .bf_cls432_.var_id_cls h2.mdl-card__title-text {
        font-size: 24px;
    }
    
    ._uom_bx75_d.actv {
        bottom: 0%;
    }
    
    ._rgt_b425._dt_srch42_ .mdl-textfield {
        width: 400px;
    }
    
    ._rgt_b425._dt_srch42_ .mdl-textfield input.mdl-textfield__input {
        font-size: 18px;
    }
    
    .ord_lst_ovrvw {
        min-height: 500px;
        position: relative;
    }
    
    .demo-card-square.mdl-card.mdl-shadow--2dp.cls_fnd_11 {
        min-height: 200px;
        margin-top: 30px;
    }
    
    ._uom_inr_121 {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        height: 110%;
        position: absolute;
        top: 0px;
    }
    
    .lbl_cnt_hd85_ {
        font-weight: 500;
        color: #fe5e31;
        margin-bottom: 10px;
    }
    
    .rgt_act52_a {
        position: absolute;
        left: 10px;
        top: 50px;
    }
    
    input#usr {
        width: 200px;
    }
    
    .prd_lst42_ .rgt_act52_a {
        margin: 14px 20px;
    }
    
    /*social snippet*/
    ._pop_dta_bx_lst._acc_disp_bx {
        border: 1px solid #ececec;
        margin: 10px 0px;
        display: inline-block;
        min-width: 300px;
        padding: 15px 15px;
        position: relative;
    }
    
    ._icn_btn_acc {
        position: absolute;
        right: 5px;
        bottom: 5px;
        font-size: 17px;
        cursor: pointer;
        display: block;
        padding: 5px;
    }
    
    ._close_btn_acc {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 17px;
        color: #0f0f0f;
        cursor: pointer;
        display: none;
        padding: 5px;
    }
    
    ._acc_fb_img {
        display: inline-block;
        vertical-align: top;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        overflow: hidden;
    }
    
    .actn_bn56_ {
        position: absolute;
        right: 15px;
        top: 5px;
    }
    
    .dt_bx85_btm {
        margin-top: 10px;
        border-top: 1px solid #e8e8e8;
        margin-right: -15px;
        margin-left: -15px;
        padding-right: 10px;
    }
    
    ._acc_fb_cnt_bx {
        display: inline-block;
        vertical-align: top;
        padding: 0px 5px;
        width: 75%;
    }
    
    .ttl_pop_acc {
        font-size: 13px;
        color: #4e4e4e;
    }
    
    .ctg_pop_acc {
        font-size: 11px;
        color: #989898;
    }
    
    ._pop_dta_bx_lst._acc_disp_bx {
        margin: 10px 0px;
        display: inline-block;
        min-width: 300px;
        padding: 15px 15px 0px;
        position: relative;
        background-color: white;
        box-shadow: 0px 1px 2px #afafaf;
    }
    
    .disp_cst_dt {
        display: inline-block;
        margin-right: 5px;
        vertical-align: top;
        margin-top: -15px;
        min-width: 220px;
    }
    
    ._rgt_b425._dt_srch42_.dt_ord74_c {
        position: relative;
        top: 0px;
        right: 0px;
        margin-left: 30px;
        margin-top: 0px;
    }
    
    tr.aa_bb_123_ {
        font-size: 20px;
        font-weight: 450;
    }
    
    span.stat_Unpaid {
        color: #e00000;
        font-size: 18px;
    }
    
    span.stat_Paid {
        color: green;
        font-size: 18px;
    }
    
    .stk_rel_11 {
        text-align: right;
    }
    
    label.cnt_ttl756_11 {
        display: block;
        font-size: 14px;
        color: #a2a0a0;
        padding-top: 5px;
    }
    
    .ord_cart_ovrvw {
        position: fixed;
        right: 0px;
        width: 33%;
        height: 100%;
        top: 65px;
        background-color: white;
        z-index: 99;
        box-shadow: -2px 0px 1px #0000000f;
    }
    
    .ord_cart_ovrvw.actv {
        right: 0px;
    }
    
    .ordr_idn75_ {
        position: absolute;
        padding: 20px 10px;
        background-color: inherit;
        left: -55px;
        font-size: 35px;
        top: 100px;
        box-shadow: -3px 0px 2px #00000030;
        cursor: pointer;
    }
    
    main.mdl-layout__content.actv {
        z-index: 5;
    }
    
    .quanty_slc42:last-child {
        margin-right: 200px;
    }
    
    .quanty_slc42:first-child {
        margin-left: 50px;
    }
    
    .bx_nw85_ {
        position: absolute;
        right: -14px;
        top: -10px;
    }
    
    .demo-card-square.mdl-card.mdl-shadow--2dp._usrcrd87_ .mdl-card__supporting-text {
        width: 94%;
    }
    
    .prnt_85gfs {
        padding: 8px 27px;
        cursor: pointer;
    }
    
    .prod_dt_ttl15 {
        padding: 0px 15px;
        font-size: 26px;
        margin-top: -15px;
        display: block;
        margin-bottom: 15px;
    }
    
    .prd_im784_ {
        width: 45px;
        height: 45px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%;
        margin-right: 5px;
        background-color: #dcdcdc
    }
    
    .prnt_2nd {
        font-size: 15px;
        margin-top: 40px;
    }
    
    .prnt_85gfs.actv {
        background-color: #d8d8d8;
        color: black;
    }
    
    .prnt_2nd_11 {
        font-size: 15px;
    }
    
    .mdl-menu__container li.mdl-menu__item { 
        padding: 8px 10px;
        line-height: 20px;
        height: auto;
        margin: 0px; 
        font-size: 13px;
        font-weight: 600;
    }
    span.stts42_br.clr_chn12.lft_aln.disbl {
        display: none;
    }
    .prnt_2nd_11 .prnt_85gfs.actv {
        background-color: #e0e0e0;
        color: #3e3e3e;
    }
    
    img.ltc_img_21 {
        height: 50px;
        width: auto;
    }
    
    .ltc_usr_det {
        /* position: absolute; */
        right: 0px;
        top: 0px;
    }
    
    .ltc_bill_usr {
        min-height: 75px;
    }
    
    p.ltc_p_nm {
        font-weight: 100;
        padding: 0px;
        margin: 0px;
        font-size: 14px;
        width: 195px;     
    }
    
    .dt_lst_ltc {
        width: 580px;
    }
    
    .addr_ltc_br {
        position: relative;
        margin-top: 10px;
        font-size: 14px;
    }
    
    .rpt_hdr_b {
        font-size: 20px;
    }
    
    .ltc_algn_11 {
        position: relative;
    }
    
    .ltc_bill_usr11 {
        position: relative;
    }
    
    .ltc_usr_det11 {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    
    .pric_ltc_br {
        font-size: 15px;
        font-weight: 450;
    }
    
    .wsh_sdf_ {
        border-top: 1px solid;
        border-bottom: 1px solid;
        text-align: center;
        margin: 50px 0px 10px;
        color: #001431;
    }
    .wsh_sdf_ p {
        font-size: 14px;
        margin: 0px;
    }
    
    table.bll_tb856 {
        width: 100%;
    }
    
    span.dt_paymt_13 {
        vertical-align: top;
        margin-left: 5px;
        padding: 2px;
        display: inline-block;
        user-select: none;
    }
    
    .dtcnt_b754_ {
        padding: 5px 20px;
    }
    
    .ordr_dtlst42 h1 {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: white;
        margin: 0px;
        width: 100%;
        font-size: 25px;
        padding: 15px;
        z-index: 100;
    }
    
    .crt_cnt2 {
        margin-top: 90px;
        text-align: center;
    }
    
    i.material-icons._crt_i85c {
        background-color: #e4e4e4;
        font-size: 95px;
        padding: 25px;
        margin-bottom: 20px;
        border-radius: 100%;
        color: #656565;
    }
    
    .crt_icn_b4 {
        position: absolute;
        right: 50px;
        top: 0px;
    }
    
    .icn_crt784_ {
        padding: 27px 0px;
        cursor: pointer;
        margin-left: -5px;
        border-radius: 100%;
        box-shadow: none;
        min-width: 15px;
        margin-top: -10px;
    }
    
    .ordr_dtlst42.prcs {
        opacity: 0.5;
    }
    
    button.rfrsh_crt74.icn_crt784_.actv {
        -webkit-animation-name: spin;
        -webkit-animation-duration: 1000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: spin;
        -moz-animation-duration: 1000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: spin;
        -ms-animation-duration: 1000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        -o-transition: rotate(3600deg);
    }
    
    @-moz-keyframes spin {
        from {
            -moz-transform: rotate(0deg);
        }
    
        to {
            -moz-transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }
    
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
    
        to {
            transform: rotate(360deg);
        }
    }
    
    .prcnc_bx85 {
        position: absolute;
        bottom: 65px;
        width: 100%;
        background-color: #fe5e31;
        padding: 10px 0px 10px;
        box-shadow: 0px -1px 2px #00000017;
        text-align: right;
        color: white;
    }
    
    .prc_stc74_ {
        font-size: 13px;
        margin-top: 8px;
    }
    
    .ttl_amnt84_ {
        font-size: 25px;
    }
    
    .prc_am52_ {
        padding: 1px;
        padding-right: 30px;
        display: inline-block;
    }
    
    .crt_cnt_lst65 {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding-top: 50px;
    }
    
    .crt_42st {
        padding: 15px 20px;
        border-bottom: 1px solid #eeeeee;
        margin-left: -10px;
        margin-right: -10px;
        position: relative;
    }
    
    ._im_bx75_crt {
        width: 70px;
        height: 70px;
        overflow: hidden;
        border-radius: 100%;
        background-color: #ececec;
        display: inline-block;
    }
    
    .prd_dt_ls85,
    ._fltr_in84_ {
        position: absolute;
        width: 103%;
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        padding: 20px 10px;
    }
    
    button._plc_ord85.icn_crt784_ {
        background-color: #ffffff;
        color: #fe5e31;
        margin-top: -5px;
    }
    
    span.amnt_b5 {
        font-weight: 500;
        margin-left: 5px;
    }
    
    .bg_dibl_bx7_ {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 1000;
        opacity: 0.5;
        display: none;
    }
    
    .bg_dibl_bx7_.actv {
        display: block;
    }
    
    .prd_cnt65_ {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        width: 149px;
    }
    
    span.prd_cd8 {
        color: #8e8e8e;
        font-size: 13px;
    }
    
    .sbprc75_ {
        text-align: left;
        margin-left: 10px;
    }
    
    .prd_dt652 {
        font-size: 20px;
    }
    
    .prd_dt652 .uom_dt {
        font-size: 15px;
        margin-top: 5px;
    }
    
    span.crt_cnt8 {
        background-color: red;
        color: white;
        font-size: 16px;
        border-radius: 100%;
        margin-left: -15px;
        font-weight: 600;
        text-align: center;
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: top;
        line-height: 31px;
        margin-top: -13px;
    }
    
    .prd_prc_cnt {
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        width: 90px;
    }
    
    .prd_prc_cnt.ttl_amt84_ {
        font-size: 18px;
    }
    
    .del_prd_bx {
        position: absolute;
        top: 0px;
        height: 100%;
        padding: 1px 45px;
        background-color: #e4e4e4;
        display: inline-block;
        vertical-align: top;
        line-height: 130px;
        cursor: pointer;
        right: -100px;
        transition: right 0.2s ease-out;
        -webkit-transition: right 0.2s ease-out;
        -moz-transition: right 0.2s ease-out;
        -ms-transition: right 0.2s ease-out;
        -o-transition: right 0.2s ease-out;
    }
    
    .prd_tt85_cnt {
        transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
    }
    
    .del_prd_bx.actv {
        right: 25px;
    }
    
    .prd_tt85_cnt.actv {
        margin-left: -110px;
    }
    
    .upd_crt84_ {
        position: absolute;
        top: 0px;
        height: 100%;
        padding: 0px 10px;
        vertical-align: top;
        cursor: pointer;
        right: 30px;
        background-color: whitesmoke;
        border-bottom: 1px solid #e4e4e4;
    }
    
    ._icn_upd84_ {
        display: block;
        padding: 15px 13px;
        margin-top: 5px;
        font-weight: 600;
        font-size: 25px;
        border-radius: 100%;
        background-color: white;
    }
    
    .upd_qnt84_ {
        position: absolute;
        right: 50px;
        bottom: 10px;
    }
    
    .upd_qnt84_ button.mdl-button,
    ._pop_cls84 {
        background-color: #efefef;
    }
    
    .dt_ord42_ {
        padding: 0px 15px 25px;
        text-align: center;
    }
    
    .crt_42st:last-child {
        margin-bottom: 500px;
    }
    
    .ordr_fl74_fr {
        width: 68.5%;
    }
    
    .input-group-field {
        text-align: center;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        padding: 1rem;
    }
    
    .btn_stk_32 {
        margin-left: 50px;
        padding: 10px;
    }
    
    span.dt_paymt_13._dt_f84 {
        font-size: 12px;
        color: grey;
    }
    
    span.hlded_ordr {
        position: absolute;
        top: 10px;
        background-color: red;
        color: white;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        line-height: 15px;
        z-index: 100;
        display: block;
        right: 10px;
        text-align: center;
    }
    
    ._dt_bxsec52 {
        text-align: center;
    }
    
    .dsh_lst_21 {
        display: inline-block;
        width: 19.5%;
    }
    
    .demo-card-square.mdl-card.mdl-shadow--2dp.cls_lst_ltc {
        width: 100%;
    }
    
    .demo-card-square.cls_lst_ltc h2.mdl-card__title-text {
        margin: 0 auto;
        font-size: 18px;
    }
    
    button.mdl-button.icn_mtrl74 {
        line-height: 2px;
        font-size: 33px;
        background-color: #eaeaea;
        margin: 5px 10px;
        margin-top: -28px;
        width: 70px;
        height: 70px;
    }
    
    .stck_cnt_d {
        font-size: 40px;
    }
    
    .prnt_2nd_11._dtcnt84_b {
        padding: 0px 20px;
        text-align: center;
    }
    
    h5.stk_gdf_21 {
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    .stck_cnt_d {
        font-size: 60px;
        min-width: 90px;
        display: inline-block;
    }
    
    .stts_dt_bx {
        display: inline-block;
        padding: 5px;
        width: 49%;
    }
    
    .demo-card-square.mdl-card.mdl-shadow--2dp.cls_stks_ltc {
        width: 100%;
        min-height: 300px;
    }
    
    .prd_bx75 {
        padding: 10px 20px 5px;
        background-color: #efefef;
    }
    
    h1.qnty84 {
        margin-top: 0px;
    }
    
    ._tp_dt84b {
        padding: 11% 0px 0px;
    }
    
    button#fltr_ct {
        margin-right: 20px;
    }
    
    ._fltr_dt_bx {
        position: fixed;
        top: 0px;
        left: -50%;
        height: 100%;
        background-color: white;
        min-width: 200px;
        z-index: 100000;
        transition: right 0.2s ease-out;
        -webkit-transition: right 0.2s ease-out;
        -moz-transition: right 0.2s ease-out;
        -ms-transition: right 0.2s ease-out;
        -o-transition: right 0.2s ease-out;
        box-shadow: 2px 0px 1px #0000000f;
        overflow: hidden;
    }
    
    ._fltr_dt_bx.actv {
        left: 0%;
    }
    
    .prnt_2nd_11._dt_bx425 {
        padding: 20px;
    }
    
    .prnt_2nd_11._dt_bx425 h2 {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    
    ._dt_rmn84_am {
        font-size: 30px;
        margin-top: 10px;
    }
    
    ._fltr_slcn_bx {
        position: relative;
        width: 87%;
        margin-bottom: 15px;
        background-color: #fe5e31;
        min-height: 170px;
        cursor: pointer;
    }
    
    ._fltr_slcn_bx:last-child {
        margin-bottom: 300px;
    }
    
    ._fltr_in84_ {
        padding: 90px 10px;
    }
    
    ._im_bx75_ctg {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    
    ._fltr_slcn_bx .bf_cls432_ {
        position: absolute;
        bottom: 0px;
        padding: 10px 10px 30px;
        width: 100%;
    }
    
    ._fltr_slcn_bx .bf_cls432_ .mdl-card__title.mdl-card--expand {
        color: white;
        padding: 0px 5px 0px;
    }
    
    .prd_cnt41_ {
        color: white;
        padding: 0px 10px;
        opacity: 0.8;
    }
    
    .tck_bx81_slc {
        color: #595959;
        font-size: 30px;
        position: absolute;
        padding: 20px 20px;
        right: -35px;
        top: -55px;
        background-color: #ffffff;
        border-radius: 100%;
        transform: scale(0);
        transition: all 0.1s ease-in;
        -webkit-transition: all 0.1s ease-in;
        -moz-transition: all 0.1s ease-in;
        -ms-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
    }
    
    ._fltr_slcn_bx.actv .tck_bx81_slc {
        transform: scale(4);
    }
    
    ._fltr_in84_.disbl {
        opacity: 0.5;
    }
    
    span.ttl_flt4 {
        display: inline-block;
        vertical-align: middle;
        font-size: 17px;
        margin-top: 5px;
    }
    
    .tck_bx81_slc .mdi {
        line-height: 5px;
        font-size: 22px;
        top: 10px;
        position: relative;
        right: 11px;
    }
    
    span._dl_fd_t74_ {
        padding: 2px 4px 1px 3px;
        border: 1px solid red;
        color: red;
        font-size: 10px;
        top: -2px;
        position: relative;
        margin-right: 5px;
    }
    
    span._dl_fd_t74_ span {
        line-height: 25px;
    }
    
    span._dl_fd_t74_.vg_cls84 {
        border: 1px solid #01c61a;
        color: #01c61a;
    }
    
    ._go_bck_ct74 {
        margin-top: -15px;
        margin-bottom: 20px;
        cursor: pointer;
    }
    
    ._date_pckr74mn_ {
        position: relative;
    }
    
    li.cutom_libx {
        display: none;
    }
    
    li.cutom_libx.dis_block {
        display: block;
    }
    
    li.-actn-lnk.mnu_lst85l.disbl {
        display: none;
    }
    
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent._upd_btnuom741_ {
        width: 100%;
        position: absolute;
        left: 0px;
        border-radius: 0px 0px 4px 4px;
        padding: 10px;
        height: 60px;
        font-size: 17px;
        background-color: #fe5e31;
        opacity: 1 !important;
    }
    
    ._bx_tp_41d {
        position: relative;
    }
    
    .typ_ref_prod {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    
    ._bx_tp_41d._ful_wdt74_ {
        width: 100%;
        min-height: 350px;
        padding-bottom: 20px;
    }
    
    ._bx_tp_41d label {
        font-size: 45px;
        display: block;
        padding: 10px;
        color: #fe5e31;
        font-weight: 500;
    }
    
    span._txt451 {
        display: block;
        padding: 5px 5px 12px;
        font-size: 14px;
        color: #525252;
        text-align: left;
        font-weight: 700;
    }
    
    .othr_bx.ful_bx {
        display: inline-block;
        width: 46%;
        background-color: white;
        padding: 10px;
        margin-right: 5px;
        margin-bottom: 10px;
        vertical-align: top;
        position: relative;
        border-radius: 5px;
    }
    span.actv_bx_dt.actv {
        width: 15px;
        height: 15px;
        background-color: red;
        display: block;
        border-radius: 30px;
        position: absolute;
        margin: 0 auto;
        top: -17px;
        right: -13px;
        display: none;
    }
    canvas.chrt_perf_appr {
        width: 100%;
    }
    
    /*chart style*/
    label.chrt_mn74_dsb {
        position: relative;
    }
    
    ._chrt_b_xlblft7_ {
        left: 20px;
        position: absolute;
        font-size: 13px;
        color: #737373;
        font-weight: 400;
        visibility: visible;
    }
    .div_bx_dt84 {
        line-height: 13px;
        padding: 4px 0px;
    }
    ._mr74_dt {
        font-size: 9px;
    }
    .tl_tp_bx {
        position: absolute;
        background-color: #000000db;
        padding: 10px;
        border-radius: 3px;
        z-index: 1000;
        color: white;
        font-size: 10px;
        top: 45px;
        left: -10px;
        visibility: hidden;
        min-width: 115px;
        min-height: 50px;
    }
    
    ._dt74_frm.actv_dt span._dtb745_ {
        background-color: #357cff;
        border-radius: 100%;
        text-align: center;
        width: 35px;
        height: 35px;
        color: white;
        padding: 0px;
        line-height: 36px;
    }
    ._dt74_frm.actv_dt ._ejr_dtb74_cln {
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #ff3535;
        border-radius: 100%;
        right: 0px;
        top: 3px;
    }
    ._dt_frmt74 {
        font-size: 12px;
        color: #6594ff;
    }
    ._dt74_frm:hover .tl_tp_bx
    {
    visibility: visible;
    }
    ._chrt_b_xlbl74 {
        position: absolute;
        right: 15px;
        font-size: 12px;
        color: #a2a2a2;
        font-weight: 400;
        visibility: hidden; 
    }
    
    ._chrt_b_ybl_st {
        left: 20px;
        position: absolute;
        font-size: 12px;
        color: #949494;
        font-weight: 400;
        visibility: hidden;
        bottom: -50px;
    }
    
    span._icn_ylbl7 {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 0px;
        border: 1px solid #4184f3;
        background-color: white;
        padding: 2px;
        border-radius: 2px;
    }
    
    span._icn_innr4 {
        display: block;
        background-color: #4184f3;
        width: 0px;
        height: 0px;
        padding: 5px;
        position: relative;
        margin: 0px;
        border-radius: 2px;
    }
    
    span.txtylbl4 {
        margin-left: 4px;
    }
    
    ._bx_tp_41d:hover ._chrt_b_ybl_st,
    ._bx_tp_41d:hover ._chrt_b_xlbl74,
    ._bx_tp_41d:hover ._chrt_b_xlblft7_ {
        visibility: visible;
    }
    
    .chrt_perf_appr {
        height: 230px;
        top: 30px;
        position: relative;
    }
    
    .dt_bx74_exprt {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }
    
    button._actn_mn_top_btn {
        padding: 0px 15px 0px 10px;
        width: 100px;
        height: 33px;
        top: -2px;
    }
    
    .typ_ref_prod11 {
        display: inline-block;
        position: absolute;
        right: 6px;
        top: 46px;
    }
    
    .chk_prd_itm {
        padding: 4px 7px;
        cursor: pointer;
    }
    
    .chk_prd_itm.actv {
        background-color: #e7e7e7;
        color: #3e3e3e;
    
    }
    
    .prod_vw_box_dsn.clss_wid_pop {
        width: 600px;
    }
    
    .chp_st_clss {
        display: none;
    }
    
    .cip_st_prod.actv .mdl-checkbox {
        display: none;
    }
    
    .cip_st_prod.actv .chp_st_clss {
        display: inline-block;
    }
    
    .cip_st_prod {
        display: inline-block;
    }
    
    .cip_st_prod.actv {
        margin-right: 2px;
    }
    
    div#prod_im_det_11 {
        padding: 15px 10px;
    }
    
    i.material-icons.rem_bill_dt {
        position: absolute;
        top: 13px;
        left: 65px;
    }
    
    i.material-icons.rem_bill_dt:hover {
        cursor: pointer;
    }
    
    .tbl_bx_dt564 {
        background-color: #f4f4f4;
        font-size: 16px;
        padding: 10px;
        border: 1px solid white;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    
    h3.sty_tbl_slt_231 {
        padding: 5px 15px;
        font-size: 22px;
    }
    
    form#tblFrmDt {
        margin-top: -12px;
    }
    
    /*image*/
    button.mdl-button.mdl-circle {
        height: auto;
        width: auto;
        padding: 32px 30px;
        border-radius: 100%;
        background-color: #005fff;
        color: white;
    }
    
    label._ttl_pop42_ {
        padding: 30px 15px 15px;
        display: block;
        font-weight: 800;
        font-size: 17px;
    }
    .ttl_bxchtb74 label._ttl_pop42_ { 
        display: inline-block; 
    }
    label._chk_icn94_ {
        background-color: #00d400;
        color: white;
        padding: 40px 23px;
        display: inline-block;
        border-radius: 100%;
        font-size: 60px;
        margin: 25px 0px;
    }
    
    .dt_frm75_ {
        padding: 0px 15px;
        position: relative;
    }
    
    .dt_frm75_ .mdl-textfield {
        width: 100%;
    }
    
    .mdl-textfield__label {
        color: rgba(0, 0, 0, 0.41);
    }
    
    .getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
        font-size: 14px;
    }
    
    .mdl-switch__label {
        font-size: 12px;
    }
    
    .dbl_bx45_ {
        position: relative;
    }
    
    .switch_bx42_ {
        display: none;
    }
    
    .switch_bx42_.actv {
        display: block;
    }
    
    .mdl-button--accent.mdl-button--accent.mdl-button--raised,
    .mdl-button--accent.mdl-button--accent.mdl-button--fab {
        background-color: #f66200;
    }
    
    .btn_bx42_ {
        padding: 29px 30px;
        text-align: right;
        margin-right: 0px;
        position: relative;
    }
    h6._lgin_text {
        font-size: 22px;
        font-weight: 500;
        color: #404040;
    }
    ._btn_lg_act {
        width: 100%;
        border-radius: 30px;
        padding: 9px;
        height: 45px;
    }
    .lgn42_cnt_bx .btn_bx42_
    {
        padding: 29px 0px;
    }
    .widt_cls {
        max-width: 500px;
    }
    
    .marg_cls11 {
        margin-left: 15px;
    }
    
    div.img_prod_str_box {
        width: 110px;
        height: 110px;
        overflow: hidden;
        background-color: #e6e6e6;
        margin: 5px;
        display: inline-block;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        cursor: pointer;
        position: relative;
    }
    
    img.def_upl_img._actv {
        visibility: visible;
        width: auto;
        height: 100%;
    }
    
    img.def_upl_img._actv {
        visibility: visible;
    }
    
    .img_upl_ldr_mn {
        width: 90%;
        position: absolute;
        z-index: 2;
        height: 5%;
        top: 50px;
        overflow: hidden;
        display: inline-block;
        left: 5px;
        border-radius: 30px;
        border: 0px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    
    .img_upl_ldr_mn.ldng {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        overflow: initial;
        text-align: center;
    
    }
    
    .img_upl_ldr_mn.ldng div.img_upl_loader {
        position: relative;
        animation: ringbx 1s infinite;
        -webkit-animation: ringbx 1s infinite;
        animation-delay: 1s;
        width: 25px !important;
        height: 25px;
        top: 40px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    
    @keyframes ringbx {
        0% {
            border: 0px solid rgba(0, 68, 255, 0.26);
        }
    
        30% {
            border: 8px solid rgba(0, 68, 255, 0.26);
        }
    
        60% {
            border: 5px solid rgba(0, 68, 255, 0.26);
        }
    
        90% {
            border: 8px solid rgba(0, 68, 255, 0.26);
        }
    
        100% {
            border: 0px solid rgba(0, 68, 255, 0.26);
        }
    }
    
    div.img_upl_loader {
        position: absolute;
        width: 0%;
        height: 100%;
        overflow: hidden;
        background-color: #5682fb;
        display: inline-block;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        top: 0px;
        transition: width 0.2s ease-in-out;
        -webkit-transition: width 0.2s ease-in-out;
        -moz-transition: width 0.2s ease-in-out;
        -ms-transition: width 0.2s ease-in-out;
        -o-transition: width 0.2s ease-in-out;
    
    }
    
    span.close_prod_img,
    span._cls_prc_upl,
    .del_img74 {
        position: absolute;
        top: 0px;
        z-index: 100;
        color: #ffffff;
        right: 0px;
        font-size: 20px;
        cursor: pointer;
        display: block;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        text-shadow: 0px 0px 2px black;
    }
    
    li.cntx_mn74_ {
        padding: 2px 10px 2px 20px;
        font-size: 12px;
        cursor: pointer;
    }
    
    .cnt_mn74_ {
        position: fixed;
        background-color: white;
        padding: 5px 0px 15px;
        border-radius: 3px;
        box-shadow: 0px 1px 3px #00000075;
        min-width: 150px;
        visibility: hidden;
    }
    
    .cnt_mn74_.actv {
        visibility: visible;
    }
    
    .cnt_mn74_ ul {
        padding: 0px;
        margin: 0px;
    }
    
    .dt_spec_ky {
        padding: 10px;
    }
    
    label.subttl425_l {
        /* margin-left: 10px; */
        font-size: 18px;
        font-weight: 500;
    }
    
    .prod_vw_box_dsn.prod_dt_va23 {
        max-width: 380px;
    }
    
    .spec_key_dt_21 {
    
        cursor: pointer;
        display: inline-block;
    }
    
    /* .spec_key_dt_21.actv {
        display: block;
    }  */
    
    span._cler_bx {
        cursor: pointer;
        visibility: hidden;
    }
    
    .dt_spc_b4:hover span._cler_bx {
        visibility: visible;
    }
    
    label.mdl-switch._prft_mrg74 {
        width: auto;
        margin-left: 13px;
    }
    
    span._cl_dt_lb775 {
        left: 0px;
    }
    span.passvw_b452 {
        position: absolute;
        right: 0px;
        top: 25px;
        color: white;
        cursor: pointer;
    }
    a#vldt_prd_cde7 {
        position: absolute;
        right: 0px;
        top: 22px;
        z-index: 100;
        background-color: #e1e1e1;
        font-size: 11px;
        border-radius: 3px;
        padding: 0px 5px;
        outline: none;
    }
    .vw_cst_qtd745
    {
        margin-top: 10px;
        display: inline-block;
    }
    .mg_top_10,.mg_top_10 a {
        color: black;
    }
    span.mdi.mdi-close.close_btn_st_21,
    span.mdi.mdi-close.cls_btnes_qn85,  
    span.mdi.mdi-close._btn_cls_estm,
    span.mdi.mdi-close.cls_fl_estm,
    span.mdi.mdi-close.remv_cls_btn,
    span.mdi.mdi-close.remv_cl52s,
    span.mdi.mdi-close.close_btn_st_21ext_pop5 {
        position: absolute;
        right: 13px;
        top: 12px;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
    }
    label.mn_ntfy23 {
        padding: 5px 10px 5px;
        font-weight: 700;
        color: white;
        position: relative;
        background-color: #fe5e31;
        left: 0px;
        top: 0px;
        position: relative;
        z-index: 10;
        border-radius: 27px;
        margin-left: -5px;
        display: inline-block;
    }
    button.mdl-button.disp_dsbl {
        display: none;
    }
    .act_cb_52_ {
        margin-left: 60px;
    }
    
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.close_btn_st_21,
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent._btn_cls_estm,
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.cls_fl_estm,
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.cls_btnes_qn85,
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.cncl_accs_st,
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.remv_cls_btn,
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.remv_cl52s,
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.close_btn_st_21ext_pop5 { 
        margin-right: 10px;
        background-color: #ededed;
        color: #363636;
    }
    
    .auto_srch_widg {
        position: absolute;
        width: 100%;
        background-color: white;
        left: 0px;
        padding: 10px 0px;
        box-shadow: 0px 0px 1px #00000085;
        border-radius: 3px;
        top: 50px;
        z-index: 1000;
        overflow: hidden;
        max-height: 250px;
        display: none;
        overflow-y: auto;
    }
    
    .auto_srch_widg li.srch_items-lst {
        padding: 5px 10px;
        font-size: 12px;
        cursor: pointer;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
    }
    
    .auto_srch_widg li.srch_items-lst.selc_itm {
        background-color: #dadada;
    }
    
    .auto_srch_widg ul {
        margin: 0px;
        padding: 0px;
    }
    
    .blk_frm95,
    .unblk_frm95 {
        margin-top: 10px;
    }
    
    .blk_frm95.disbl,
    .unblk_frm95.disbl {
        display: none;
    }
    
    tr.disable {
        background-color: #ececec;
    }
    
    table.tbl_cls5486 {
        width: 100%;
        font-size: 13px;
        border-collapse: collapse;
        border: 1px solid #ededed;
    }
    
    td.pdng_cls {
        padding: 4px;
    }
    
    table.tbl_cls5486 tr td {
        padding: 5px 10px;
        border-bottom: 1px solid #d6d6d6;
    }
    
    table.tbl_cls5486 tr.invld74 td,
    table.tbl_cls5486 tr.disable td {
        border-bottom: 1px solid #ffffff;
    }
    
    table.tbl_cls5486 tr td:last-child {
        text-align: right;
    }
    
    table.tbl_cls5486 tr th {
        padding: 5px 10px;
    }
    
    .dt_slc_bx._sbcont74 {
        margin: 10px 0px;
    }
    
    h4.mdl-card__title-text.tex_125 {
        font-size: 20px;
        font-weight: 500;
    }
    
    p.fnt_cls558 {
        font-size: 16px;
        font-weight: 100;
        padding: 0px;
    }
    
    table.tbl_cls5486 tr.disable {
        background-color: #ececec;
    }
    
    table.tbl_cls5486 tr.invld74 {
        background-color: #f9bebe;
        opacity: 0.5;
    }
    
    span.bx_indic78 {
        width: 15px;
        height: 15px;
        display: inline-block;
        background-color: #ececec;
        border-radius: 2px;
        vertical-align: middle;
        margin-right: 5px;
    }
    
    span.bx_indic78.invl {
        background-color: #ffe1e1;
    }
    
    .img_ld_frm11 {
        height: 80px;
        overflow: hidden;
        border-radius: 100%;
        width: 80px;
    }
    
    .img_ld_frm11 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    span.del_prod_v21 {
        cursor: pointer;
    }
    
    label.subttl425_._dttlel74 {
        margin-left: 38px;
        margin-bottom: -13px;
        margin-top: 10px;
    }
    
    input.dt_uplbl84 {
        display: none;
    }
    
    .dt_uplbl_btn84 {
        background-color: #fe5e31;
        display: inline-block;
        padding: 6px 15px;
        border-radius: 3px;
        font-size: 12px;
        color: white;
        cursor: pointer;
        user-select: none;
        outline: none;
        border: 0px;
        border-bottom: 2px solid #fe5e31;
        font-weight: 600;
    }
    
    .dt_uplbl_btn84.actv {
        background-color: #3686ff;
    }
    
    .blk_upl_bck7,
    .sls_jb_upl_bck7,
    .bck_tvw_doc,
    .bk_sprt_doc_cl63 {
        font-size: 21px;
        vertical-align: middle;
        margin-right: 8px;
        left: -4px;
        position: relative;
        cursor: pointer;
    }
    
    .prod_vw_box7.lft_bxfx95 {
        padding: 0px;
        background: #fefefe;
        position: fixed;
        padding: 0px 0px;
        margin: 0 auto;
        display: block;
        opacity: 1;
        visibility: visible;
        top: 0px;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
        min-width: 400px;
        left: 0px;
        height: 100%;
        overflow: hidden;
    }
    
    .btn_bx42_.lft_bxfx95 {
        position: absolute;
        width: 100%;
        padding: 0px;
        bottom: 0px;
        z-index: 100;
        background-color: #f0eeee;
        left: 0px;
    }
    
    .btn_bx74_b {
        padding: 15px 20px;
    }
    
    .prod_vw_box7.lft_bxfx95 .dt_frm75_ {
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 0px 0px;
    }
    
    .prod_vw_box7.lft_bxfx95 .fltr_lst8 {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        top: 0px;
        padding: 0px 15px;
    }
    
    .prod_vw_box7.lft_bxfx95 .expnd32_.dt_slc_bx.mnu_prvl_b:last-child {
        padding-bottom: 200px;
    }
    
    .prod_vw_box7.lft_bxfx95 .mdl-checkbox {
        height: auto;
    }
   
    /*google sans*/
    .login_mainbx .mdl-textfield__label {
        color: rgb(62 62 62 / 83%);
    }
    
    span.msg42_i {
        text-transform: lowercase;
    }
    
    span.msg42_i::first-letter {
        text-transform: uppercase;
    }
    
    .mdl-data-table th {
        color: white;
        border-left: 0px solid #368439;
    }
    .mdl-data-table th:first-child
    {
        border-left: 0px;
    }
    table.mdl-data-table.mdl-js-data-table.mdl-shadow--2dp thead tr {
        background: linear-gradient(90deg, rgb(22 64 109) 0%, rgb(235 118 50) 100%) !important;
    }
    .mdl-data-table td:first-of-type,
    .mdl-data-table th:first-of-type {
        padding-left: 15px;
    }
    
    .mdl-data-table th {
        padding-bottom: 0px;
    }
    
    .mdl-data-table tbody tr {
        height: auto;
    }
    
    .stp_swich75_.dt_frm75_ {
        margin-bottom: 15px;
    }
    
    .actn_mnu_btn85_ {
        top: -6px;
    }
    
    .mdl-data-table {
        border: 0px;
        border-radius: 5px;
    }
    
    span.empl_dt748 {
        background-color: #fe5e31;
        color: white;
        font-size: 10px;
        padding: 2px 10px;
        border-radius: 3px;
        white-space: nowrap;
    }
    
    .usr_d854 label._ttl_pop42_ {
        padding: 5px 2px;
        font-size: 11px;
        display: block;
    }
    
    label._ttl_pop42_._usr_nm84 span.spn {
        background-color: #fe5e31;
        color: white;
        font-size: 11px;
        padding: 2px 10px;
        border-radius: 3px;
        top: -3px;
        position: relative;
        margin-left: 2px;
        user-select: none;
    }
    
    .usr_d854 label._ttl_pop42_._usr_nm84 {
        padding: 5px 0px;
        font-size: 20px;
        margin-bottom: -12px;
    }
    span.vew_rvsn_dt52.req_cst_qot745 {
        margin-top: 15px;
        display: inline-block;
    }
    .usr_d854 {
        padding: 10px 10px;
        background-color: #f1f1f1;
        border-radius: 5px;
        margin-top: -10px;
        margin-bottom: 15px;
        position: relative;
        margin-left: -30px;
        margin-right: 10px;
        box-shadow: 0px 5px 9px #00000042;
    }
    
    .bx_empl_cn89 {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }
    
    .bx_empl_cn89._ltr_bx96 {
        width: 50px;
        height: 50px;
        border-radius: 5px;
        text-align: center;
        line-height: 51px;
        font-size: 32px;
        color: #fefefe;
        position: relative;
    }
    
    span._dsg_dt74 {
        background-color: #cecece;
        padding: 3px 5px;
        margin-left: 5px;
        border-radius: 3px;
        font-size: 10px;
    }
    
    span.mdl-chip__text.spec_key_dt span._dsg_dt74 {
        background-color: #fe5e31;
        color: white;
    }
    
    .prod_vw_box_dsn._empl_hirc74 {
        min-width: 600px;
    }
    
    .bx-msg-data.cnfrm_bx74 {
        text-align: center;
        width: 100%;
    }
    
    .empl_st_dt.s84 {
        padding-bottom: 50px;
    }
    
    .cnfg_icn {
        font-size: 24px;
        vertical-align: middle;
        margin-right: 10px;
        color: #3a3a3a;
    }
    
    .mdl-button--accent.mdl-button--accent._dev_md_tc74.actv,
    .mdl-button--accent.mdl-button--accent._dev_tst_tc74.actv {
        background-color: #fe5e31;
    }
    
    span.msg_b56.colr_cls._cls_btn76 {
        background-color: #6578e9;
        color: #ffffff !important;
    }
    
    ._usr_prl86_.lcked74,
    .slc_all53_.lcked74 {
        opacity: 0.4;
    }
    
    span.msg_b56.colr_cls._lck_mdl_cnfr,
    button.btn_ble745 {
        background: #fe5e31;
        color: #ffffff !important;
        font-size: 12px;
        font-weight: 700;
        margin-left: 0px;
        outline: none;
        border: 0px;
        cursor: pointer;
    }
    
    ._add_n_grpbx {
        position: absolute;
        right: 5%;
        top: 8px;
        z-index: 100;
    }
    .actn_mnu_bx.disbl_cls74,.actn_mnu_bx.dsbl_estm_vw95 {
        display: none !important;
    }
    .actv_estm_bx7549 {
        position: absolute;
        top: 15px;
        right: 55px;
        font-size: 13px;
        border-left: 2px solid #007eff;
        padding-left: 5px;
    }
    .dsbl_estm_dt74.disbl_cls74 {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
        top: 0px;
        z-index: 10000;
        opacity: 0.8;
    }
    .prjct_det75_est {
        font-size: 14px;
        font-weight: 400;
        opacity: 0.8;
        padding-left: 1px;
        margin-top: 5px;
    }
    
    button.btn_ble745 {
        border-radius: 3px;
        padding: 5px 10px;
        margin: 0px 5px;
        position: relative;
        left: 50px;
    }
    
    span.msg_b56.colr_cls._lck_mdl_cnfr.actv {
        background-color: #ededed;
        color: #949494 !important;
    }
    
    .lbl_ovrw84.lcked74 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        z-index: 1000;
        left: 0px;
    }
    
    .dt_bx_mn76.mn_bx_grp95,
    .dtbx_mn253 {
        padding: 15px;
        background-color: #ffffff;
        border-radius: 5px;
        margin-bottom: 10px;
        position: relative;
    }
    
    .srch_bx75grp {
        border: 1px solid #808080bf;
        border-radius: 3px;
        padding: 6px;
        outline: none;
        width: 95%;
        background-color: white;
    }
    
    .auto_srch_widg.hide {
        display: none !important;
    }
    
    .grp_prd74_b {
        width: 89%;
        margin-top: 0px;
        margin-left: 25px;
    }
    
    .prd_sublst75_grp {
        padding: 0px 0px 0px;
    }
    
    .btn_bx42_.disable {
        visibility: hidden;
    }
    
    .job_frm_ldbx.disable {
        opacity: 0.5;
    }
    
    .prd_bx_dt745.drag {
        background-color: whitesmoke;
        padding: 12px 0px 0px;
    }
    
    .job_frm_ldbx label._ttl_pop42_ {
        padding-left: 0px;
    }
    
    span._sm_ttl7 {
        font-size: 11px;
    }
    
    .crm_nm86 {
        font-size: 15px;
        width: 390px;
    }
    
    .dt_lm.dc_lst_bx75.actv {
        display: none;
    }
    
    .mn_doc85 {
        background-color: #167dfe;
        padding: 5px 10px;
        border-radius: 3px;
        margin-bottom: 5px;
        position: relative;
        color: white;
        width: 390px;
    }
    
    .mn_lst_doc854 {
        background-color: #ebebeb;
        padding: 10px;
        font-size: 13px;
        line-height: 16px;
        margin-left: -11px;
        margin-right: -11px;
        border-bottom: 1px solid #d3d3d3;
        color: #4a4a4a;
        font-weight: 400;
    }
    
    .dc_vw74_bx {
        width: 1000px;
    }
    
    iframe.dt_bx754 {
        width: 90%;
        margin: 0 auto;
        display: block;
        position: relative;
        border: 0px;
        height: 100%;
    }
    
    .dc_vw74_bx.doc_vewr74 {
        height: 100%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        overflow: hidden;
    }
    
    h2.ttl_dt74 {
        font-size: 29px;
        margin: 0px;
    }
    
    .prod_vw_box_dsn.dt_vw_bx {
        height: 1000px;
        overflow: hidden;
        padding-bottom: 100px;
        width: 1100px;
    }
    
    img.dt_vw745 {
        width: 100%;
    }
    
    .mn_lst_doc854:last-child {
        margin-bottom: -5px;
        border-radius: 0px 0px 3px 3px;
        -webkit-border-radius: 0px 0px 3px 3px;
        -moz-border-radius: 0px 0px 3px 3px;
        -ms-border-radius: 0px 0px 3px 3px;
        -o-border-radius: 0px 0px 3px 3px;
    }
    
    .dt_frm75_.dt_lm.dc_lst_bx75 {
        padding-bottom: 20px;
    }
    
    .doc_l7t.upl_st85 {
        font-size: 10px;
    }
    
    .doc_l7t.doc_ttl86 {
        font-size: 18px;
        font-weight: bold;
    }
    
    span.seprtr {
        margin: 0px 5px;
        color: #bebebe;
    }
    
    .dt_lbl_doc {
        display: block;
        vertical-align: top;
        position: relative;
    }
    
    .typ_icn75_doc {
        font-size: 25px;
        display: inline-block;
        position: relative;
        margin-right: 10px;
        background-color: #fe5e31;
        padding: 10px 9px;
        border-radius: 100%;
        color: white;
    }
    
    .doc_l7t.upl_st85._vw_doc74 {
        color: #ffffff;
        cursor: pointer;
        padding: 2px 0px;
        outline: none;
        user-select: none;
        opacity: 0.7;
    }
    
    .nt_warn7 {
        color: red;
        font-size: 10px;
        margin-top: -20px;
    }
    
    input[readonly] {
        color: #8e8e8e !important;
    }
    
    li.disp_nne {
        list-style: none;
    }
    
    .fil_nms_dt74 {
        font-size: 12px;
        color: grey;
    }
    
    td.mdl-data-table__cell--non-numeric {
        max-width: 200px;
        min-width: 140px;
        white-space: normal !important;
    }
    
    tr.prd_invld748.prd_lst_bx75 {
        opacity: 0.5;
    }
    
    .apprvl_msg7 {
        font-size: 11px;
        background-color: #ebebeb;
        display: block;
        padding: 7px;
        border-radius: 3px;
        margin-bottom: 5px;
    }
    
    .mdl-data-table tr.trb75_dt.ejr_lst74 td {
        border-top: 1px solid rgba(41, 41, 41, 0.12);
        border-bottom: 1px solid rgba(210, 210, 210, 0.12);
        font-weight: 400;
    }
    
    .mdl-data-table tr.trb75_dt_sb td {
        border-top: 0px;
        padding: 2px 18px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, .12);
    }
    
    span.empl_dt748.wrng_dt74 {
        background-color: #ff0000;
    }
    
    .dt {
        font-size: 16px;
        font-weight: 600;
    }
    
    .apprvl_lst75 {
        font-size: 10px;
    }
    
    span.usr_cd758 {
        background-color: #f90000;
        color: white;
        border-radius: 8px;
        padding: 0px 4px;
        font-size: 8px;
    }
    
    .apprvl_lst75 {
        font-size: 9px;
        font-weight: 700;
        color: #7a7a7a;
        text-align: right;
    }
    
    .mdl-data-table tr.trb75_dt_sb td {
        border-top: 0px;
        border-bottom: 0px;
        padding: 2px 18px 0px;
    }
    
    ul.dt_12 {
        position: relative;
        right: 32px;
        /* margin-left: -29px; */
    }
    
    .hld_nt74 {
        font-size: 11px;
    }
    
    .mdl-card__title.mdl-card--expand._usr_b41:hover {
        cursor: pointer;
        background-color: #e4e2e2;
    }
    
    .fl_bx75_upl {
        padding: 5px 10px;
        position: relative;
        color: #545454;
        background-color: #f7f7f7;
        margin: 5px 0px;
        border-radius: 3px;
    }
    
    .usr_d854.dt_hdr_usr74 {
        margin-left: 0px;
        margin-right: 0px;
        color: #1f1f1f;
        box-shadow: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        cursor: pointer;
        background-color: #ffffff;
        text-align: left;
    }
    
    .delg_acc74_b {
        font-size: 10px;
        color: #828282;
        margin-top: 0px;
        position: relative;
        line-height: 25px !important;
    }
    
    .dlg_icn7 {
        background-color: #bdbdbd;
        color: white;
        padding: 1px 3px;
        border-radius: 100%;
        font-size: 15px;
        vertical-align: middle;
    }
    
    .usr_d854.dt_hdr_usr74.actv {
        background-color: #f3f3f3;
    }
    
    .main_icn7.dlg_icn7 {
        background-color: #fe5e31;
    }
    
    .bx-act-error.warn_msg span.msg_b56 {
        color: #ffc113;
    }
    
    .usr_d854.dt_hdr_usr74 label {
        cursor: pointer;
    }
    
    .acc_actv_dt7 {
        display: none;
    }
    
    .acc_actv_dt7.actv {
        color: #fe5e31;
        display: inline-block;
        position: absolute;
        top: -3px;
        background-color: #ffffff;
        border-radius: 100%;
        font-size: 13px;
        padding: 0px 3px;
        right: -3px;
        line-height: 18px;
        font-weight: 700;
        box-shadow: 1px 2px 3px #00000082;
    } 
    .mn_mu745_tp ul li.mdl-menu__item {
        font-size: 13px;
        padding: 8px 15px;
        margin: 0px 0px;
        line-height: 20px;
        height: auto;
        opacity: 1;
    }
    .usr_d854.dt_hdr_usr74 label._ttl_pop42_._usr_nm84 {
        font-size: 17px;
    }
    
    .dis_st_cls {
        display: none;
    }
    
    .dis_st_cls.actv {
        display: block;
    }
    
    ._size_cl745 {
        font-size: 10px;
        color: #9a9a9a;
        font-weight: 400;
        margin-top: -4px;
    }
    
    .circlePercent {
        display: none;
    }
    
    #docsFRM .circlePercent,
    #nwdocFrm .circlePercent,
    #docShtfrm .circlePercent {
        display: block;
    }
    
    span.pstd_on74 {
        margin-top: -5px;
        display: block;
        margin-bottom: 5px;
        font-size: 13px;
    }
    
    span.upl_fr75 {
        opacity: 0.4;
        margin: 0px 5px;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    
    .cmpl_prc74 {
        display: none;
    }
    
    .circlePercent.actv .cmpl_prc74 {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #3686ff;
        display: block;
        z-index: 100;
        color: white;
        text-align: center;
        line-height: 23px;
        font-size: 17px;
    }
    
    .sbcls965 {
        font-size: 11px;
    }
    
    span.fl_nm748 {
        font-size: 15px;
        display: block;
        padding-top: 5px;
    }
    
    .sbcls965.vrso74_c {
        font-size: 10px;
        margin-top: 4px;
        margin-bottom: 5px;
    }
    
    span.sprtn_br {
        margin: 5px;
        opacity: 0.5;
    }
    
    button.upl_nw_vrs74 {
        border: 0px;
        color: white;
        cursor: pointer;
        background-color: orange;
        font-size: 11px;
        border-radius: 3px;
        padding: 3px 5px 3px 5px;
        outline: none;
    }
    
    .cls_btn_tsn75 {
        border: 0px;
        color: white;
        cursor: pointer;
        background-color: #055ecc;
        font-size: 9px;
        border-radius: 3px;
        padding: 1px 5px 2px 5px;
        outline: none;
        margin-left: 5px;
    }
    
    button {
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
    }
    
    .dwnld_fl,
    .del_fil {
        color: #585858;
        font-size: 23px;
        vertical-align: middle;
        margin-left: 10px;
        cursor: pointer;
    }
    
    .mrn_cls85 {
        line-height: 39px;
    }
    
    /*view details*/
    .sbcls691 {
        display: inline-block;
    }
    
    table#tbl_dt_disp45 tr td {
        /* border: 1px solid #dbdbdb6e; */
        border-collapse: collapse;
        padding: 10px;
    }
    table#tbl_dt_disp45 {
        width: 50%;
        border-collapse: collapse;
        margin: 25px 0px;
    }
    
    .tstn_md74 {
        display: block;
        position: fixed;
        z-index: 1000;
        background-color: #fe5e31;
        width: 100%;
        color: white;
        padding: 0px 10px;
        top: 0px;
        font-size: 10px;
        font-weight: bold;
    }
    
    .grpng_mn {
        position: relative;
        width: 100%; 
        border-radius: 3px;
    }
    span.stts42_br.lft_aln.dsbl74 {
        display: none;
    }
    .grpng_dt14 {
        width: auto;
        padding: 10px;
        background-color: #5178e2;
        opacity: .7;
        font-weight: bold;
        color: #ffffff;
        font-size: 21px;
        border-radius: 3px 3px 0px 0px;
        -webkit-border-radius: 3px 3px 0px 0px;
        -moz-border-radius: 3px 3px 0px 0px;
        -ms-border-radius: 3px 3px 0px 0px;
        -o-border-radius: 3px 3px 0px 0px;
    }
    
    .grpn_sb_dt.expnd42_ {
        padding: 10px;
    }
    
    .grp_bx_m75 {
        position: relative;
        width: 53%;
        display: inline-block;
        vertical-align: top;
    }
    .pric_dt_b75 table {
        width: 100%;
    }
    .pric_dt_b75 table tr td:first-child {
        width: 80%;
        text-align: right;
        padding: 5px;
        font-size: 17px;
    }
    .pric_dt_b75 table tr td:last-child {
        font-size: 24px;
        text-align: right;
        display: block;
    }
    .prcn74_bx:last-child {
        text-align: right;
    }
    .pric_dt_b75 table tr td:last-child input {
        text-align: right;
        border: 0px;
        background-color: #ffffff;
        width: 45px;
        padding: 5px;
        border-radius: 3px;
        border: 1px solid #d8d8d8;
    }
    .no_cl_dt11 {
        padding: 30px;
    }
    span.amnt_est74 {
        font-size: 13px;
    }
    td.txtaln523.tl_algn_rgt7458, th.txtaln523.tl_algn_rgt7458 {
        text-align: right;
    }
    span.grnd_amnt_est74 {
        font-size: 35px;
        font-weight: 700;
    }
    .pric_dt_b75 {
        background-color: #f7f7f7;
        padding: 10px;
    }
    .grp_prd74_b,
    .grp_swt75 {
        position: relative;
    }
    
    .grpprc_bx754 {
        display: inline-block;
        vertical-align: top;
        width: 45%;
        margin-top: 0px;
    }
    
    .grp_swt75 {
        position: absolute;
        right: 10px;
        top: 2px;
    }
    
    .prcn74_bx.prcs_dt {
        font-size: 22px;
        font-weight: bold;
    }
    
    .prcn74_bx {
        display: inline-block;
        width: 16%;
        background-color: white;
        font-size: 18px;
        vertical-align: top;
        position: relative;
    }
    .innr_bx74_estm {
        padding: 5px 10px;
    }
    span.unt74_clm {
        font-size: 10px;
        margin-bottom: -5px;
        display: block;
        opacity: 0.7;
    }
    
    .ntfy_clas846 {
        text-align: right;
        font-size: 11px;
        color: grey;
        padding: 10px 0px;
    }
    
    .estm_cls469 {
        text-align: left;
        font-size: 16px;
        padding: 10px 0px;
        font-weight: 600;
    }
    
    table#tbl_dt_disp45 tr td.mrgncs45 {
        padding: 0px 15px 0px 9px;
    }
    
    .fnt_cls96 {
        color: #000000;
    }
    
    .grpprc_bx754.disbl {
        visibility: hidden;
    }
    
    .sbbx_dt754.disbl {
        display: none;
    }
    
    span.idnt_lncrc42 {
        width: 10px;
        height: 10px;
        border: 3px solid grey;
        border-radius: 100%;
        display: inline-block;
        top: 5px;
        left: -5px;
    }
    
    span.idnt_lncrc42.actn_mnu85_ {
        cursor: pointer;
    }
    
    .dt_bx_mn76 {
        position: relative;
    }
    
    span.idnt_ln75 {
        width: 0px;
        height: 34px;
        display: block;
        left: 4px;
        top: 10px;
        position: relative;
        border: 1px;
        border-style: dotted dashed;
        border-color: inherit;
    }
    
    span.idnt_lncrc42.actv {
        border: 3px solid #fe5e31;
    }
    
    span.idnt_ln75.disbl {
        display: none;
    }
    
    .dt_lbl_mngrp {
        padding: 10px 40px;
        padding-top: 0px;
        margin-left: -15px;
        position: relative;
        top: 0px;
    }
    
    button.add_nw_st852,
    button.ad_btn_pip85 {
        left: 17%;
        top: 25px !important;
    }
    
    button.add_mr_prd96,
    button.pls_btn74,
    button.add_custm_prd74,
    button.add_mr_prd97,
    button.ad_adnl_rw85,
    button.add_nw_st852,
    button.ad_btn_pip85 {
        position: absolute;
        top: 2px;
        right: -10px;
        border-radius: 100%;
        border: 0px;
        font-size: 18px;
        padding: 5px 9px;
        line-height: 17px;
        cursor: pointer;
        outline: none;
    }
    
    button.add_mr_prd96.disbl {
        display: none;
    }
    
    button.pls_btn74 {
        position: relative;
        background-color: #0073ff;
        color: white;
        padding: 13px 17px;
        right: initial;
        top: initial;
        margin: 5px 10px;
    }
    
    .add_mr_prd96.disbl {
        display: none;
    }
    
    .dt_prd_lst754 {
        margin-top: 6px;
        position: relative;
    }
    
    .dt_prd_lst754 .grpprc_bx754 {
        top: -20px;
        position: relative;
    }
    
    .ttl_estim74 {
        font-size: 28px;
        font-weight: bold;
        color: #3d3d3d;
        margin-top: -40px;
        margin-bottom: 20px;
        position: relative;
        z-index: 100;
    }
    
    .mn_prc_ttl78 {
        padding: 15px 65px;
        text-align: right;
        font-size: 27px;
        background-color: white;
        margin-top: -10px;
        color: #333333;
    }
    
    span.mnu_prd_b7 {
        position: absolute;
        right: 23px;
        top: 4px;
        background-color: #ffffff;
        padding: 2px 3px 0px 2px;
        font-size: 20px;
        border-radius: 0px 2px 2px 0px;
        cursor: pointer;
        outline: none;
    }
    
    .dt_fl_bx74 {
        position: relative;
    }
    
    span.idnt_lncrc42.actv span.idnt_ln75 {
        border-color: #fe5e31;
        height: 97%;
        position: absolute;
        top: 17px;
        left: 7px;
        height: calc(100% - 25px);
    }
    
    span.ttl_prc_mn75_est {
        min-width: 300px;
        display: inline-block;
        font-size: 30px;
        font-weight: bold;
    }
    
    .prd_bx_dt745 {
        margin-bottom: 0px;
    }
    
    /* .prd_bx_dt745:last-child .idnt_lncrc42 span.idnt_ln75 {
        display: none;
    } */
    
    .grp_prd74_b .auto_srch_widg {
        top: 35px;
    }
    
    input {
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
    }
    
    .inp_qnty75_b,
    .prd_st_nm74_b,
    .cstm_prd_prc84,
    .uom_dt_vl62,
    .nts_dt_v162,
    .ins_cst75_b,
    .ins_dt_alsv5,
    .cst_revised_price,
    .inp_rvs745,
    .inp_qnty75_prod,
    .inp_cust75_prod,
    .inpt_qn_val11,
    .inp_wrk_qnty521,
    .inpt_rtn_qty5,
    .wrehs_qty_dt {
        border: 0px;
        width: 100%;
        outline: none;
        font-size: 18px;
    }
    
    .prcn74_bx.prcs_dt.subpr_grp {
        width: 35%;
    }
    
    .prcn74_bx.prcs_dt.subpr_grp.st_nm75 {
        width: 52%;
    }
    
    .grpprc_bx754.ttl_prc74estm {
        width: 33%;
        white-space: nowrap;
    }
    
    .grp_fldbx7.grp_main_bx745 .grp_bx_m75 {
        width: 64%;
    }
    
    span.idnt_lncrc42.mn_bx_grp95.actv {
        visibility: visible;
    }
    
    span.idnt_lncrc42.mn_bx_grp95.disbl {
        visibility: hidden;
    }
    
    .idnt_lncrc42.hide {
        visibility: hidden;
    }
    
    .grp_fldbx7.disbl {
        display: none;
    }
    
    .ad_prd75_b {
        font-size: 12px;
        padding: 0px 15px;
        padding: 5px 0px 40px;
        width: 96%;
        background-color: white;
    }
    
    .ad_prd75_b.disbl {
        display: none;
    }
    
    .prod_vw_box_dsn.estm_dt_frm7 {
        width: 99%;
        max-width: inherit;
    }
    
    tr.oppr_disb745 {
        opacity: 0.4;
    }
    
    .disbl_opp74 {
        color: #db0b0d;
        padding: 5px;
    }
    
    td.pdng_cls:nth-child(2) {
        max-width: 200px;
    }
    
    .dt_lf754 {
        display: inline-block;
        width: 47%;
        vertical-align: top;
    }
    
    span.rmv_bx_est74,
    .rmv_grp_dt94 {
        color: white;
        font-size: 9px;
        margin: 10px;
        background-color: #fe5e31;
        padding: 0px 9px;
        position: absolute;
        right: 0px;
        top: 0px;
        border-radius: 3px;
        cursor: pointer;
    }
    
    .act_cb_51_ {
        margin-left: 25px;
        display: inline-block;
        font-size: 12px;
        margin-right: -10px;
    }
    
    .actn_dt748 {
        padding: 0px 0px 15px;
        display: inline-block;
    }
    
    .act_cb_51_ .mdl-checkbox__box-outline {
        width: 14px;
        height: 14px;
    }
    
    .act_cb_51_ .mdl-checkbox.is-upgraded {
        padding-left: 20px;
    }
    
    td.trb75_dt_sb strong {
        font-size: 10px;
        opacity: 0.6;
        margin-bottom: -5px;
        display: block;
    }
    
    .dt_bx_wtng74 {
        font-size: 11px;
        margin-top: 5px;
    }
    .dt_sl_bx754 {
        margin-bottom: 15px;
    }
    span._vh_st748clr {
        white-space: nowrap;
        background-color: #ededed;
        color: #343434;
        border-radius: 3px;
        padding: 2px 4px;
        font-size: 10px;
        font-weight: bold;
        margin-left: 30px;
        cursor: pointer;
    }
    
    .wtng_icn75 {
        background-color: #ffffff;
        color: white;
        font-size: 15px;
        padding: 1px 5px;
        border-radius: 100%;
        margin-right: 5px;
        display: inline-block;
        line-height: 21px;
        position: relative;
        vertical-align: top;
    }
    .dt_imm_st74 div {
        width: 100%;
        height: 100%;
    }
    .crt_dt745_f {
        font-size: 11px;
        margin-top: -5px;
    }
    ._ttl_st_im7 {
        margin-top: 7px;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 5px;
    }
    
    span.dt_stwtn74 {
        width: 85%;
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        line-height: 15px;
    }
    .fltr_bx745 {
    position: relative;
    display: inline-block; 
        }
    .btn_styl359 {
        outline: none;
        border: none;
        color: white;
        background-color: #f34e00;
        padding: 5px 10px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 10px;
    }
    
    .btn_mncls956 {
        position: relative;
        margin-bottom: 35px;
        width: 390px;
        background-color: #f5f5f5;
        padding: 10px;
        margin: 0 auto;
        border-radius: 3px;
    }
    
    .doc_hdcls94 {
        line-height: 15px;
        margin-bottom: 5px;
    }
    
    span.tm_hg_lgt {
        white-space: nowrap;
        font-size: 9px;
        display: block;
        margin-top: 3px;
    }
    
    span.rpl_btn754 {
        font-weight: bold;
        color: #fe5e31;
        margin-left: 10px;
        cursor: pointer;
        display: inline-block;
        font-size: 10px;
        right: 10px;
    }
    
    tr.trb75_dt.ejr_lst74 span.empl_dt748 {
        background-color: #555555;
    }
    
    .dt_slc_bx._sbcont74 .act_cb_51_ {
        display: block;
    }
    
    span.unchck_dt74 {
        color: grey;
        text-transform: initial;
        margin-left: 10px;
        font-size: 10px;
        cursor: pointer;
    }
    
    .fltr_lst8 .expnd42_.actv {
        display: block;
    }
    
    .fltr_lst8 .expnd42_ {
        display: none;
    }
    
    .dt_bx_wtng74.dtbx_rgt74 span.dt_stwtn74 {
        margin-right: 5px;
    }
    
    .dtconv896 .dt_bx_wtng74 {
        background-color: #efefef;
        padding: 10px 10px;
        border-radius: 4px;
        display: inline-block;
    }
    
    .dt_bx_wtng74.dtbx_lft74,
    .dt_bx_wtng74.dtbx_rgt74 {
        width: 85%;
    }
    
    .dt_bx_wtng74.dtbx_rgt74 span.dt_stwtn74 {
        width: 85%;
    }
    
    .dt_frm75_.dtconv896 {
        padding-bottom: 30px;
    }
    
    .dt_bx_wtng74.dtbx_rgt74 {
        background-color: #f7f7f7;
    }
    
    .clrf_bx749 {
        margin-top: 10px;
    }
    
    .mdl-data-table tbody tr.trb75_dt.ejr_lst74:hover,
    .mdl-data-table tbody tr.trb75_dt.trb75_dt_sb:hover {
        background-color: white;
    }
    
    tr.trb75_dt.ejr_lst74 td {
        border-top: 1px solid #000000 !important;
    }
    
    tr.trb75_dt.ejr_lst74:first-child td {
        border-top: 1px solid #f3f3f3 !important;
    }
    
    .grp_fldbx7.grp_main_bx745 {
        margin-bottom: 21px;
    }
    
    .dt_sngl74_prd {
        padding: 10px;
        padding-bottom: 0px;
    }
    
    span.dt_vl {
        color: white;
        font-size: 20px;
        font-weight: 400;
    }
    
    input.srch_prd_estim[readonly],
    input.srch_bx75grp[readonly],
    input.inp_qnty75_b[readonly],
    input.dt_sct_inp {
        color: #2d2d2d !important;
    }
    
    .grpng_mn.dt_grp_estm784 {
        width: auto;
        padding-bottom: 5px;
    }
    
    .lbr_cst {
        font-size: 11px;
        margin-left: 10px;
        white-space: nowrap;
        position: relative;
        margin-top: -10px;
    }
    
    .lbr_cst_l748 {
        display: inline-block;
        width: 67%;
        vertical-align: top;
        font-size: 9px;
    }
    
    .lbr_cst_prc {
        display: inline-block;
        font-size: 15px;
        vertical-align: bottom;
    }
    
    .lbr_hd_ttl745 {
        font-size: 14px;
        margin-top: -7px;
    }
    
    span.idnt_lncrc42.actv_lbr_cst span.idnt_ln75 {
        height: 58px;
    }
    
    span.edt_dt_cnt74,
    span.add_rm_dt74 {
        position: absolute;
        top: 23px;
        right: 5px;
        font-size: 9px;
        color: white;
        background-color: #fe5e31;
        padding: 0px 5px;
        border-radius: 2px;
        font-weight: 400;
        cursor: pointer;
        line-height: 16px;
    }
    
    .grpng_mn.dt_grp_estm784 .srch_bx75grp {
        border: 1px solid #b8b8b8;
        background-color: #dfdfdf;
    }
    
    .grpng_mn.dt_grp_estm784 .grp_fldbx7.grp_main_bx745 .srch_bx75grp {
        background-color: #ffffff;
        font-size: 15px;
    }
    
    span.actv_sym52 {
        width: 10px;
        height: 10px;
        background-color: red;
        position: absolute;
        display: block;
        border-radius: 100%;
        top: -2px;
        right: -1px;
    }
    
    .nw_sbgrp_74 {
        display: inline-block;
        vertical-align: top;
        position: absolute;
        right: -35px;
        top: 0px;
        font-size: 18px;
        cursor: pointer;
        background-color: #ededed;
        color: #171717;
        padding: 5px;
        border-radius: 100%;
        line-height: 17px;
        outline: none;
    }
    
    .nw_sbgrp_74:hover {
        background-color: #fe5e31;
        color: #ffffff;
    }
    
    .dt_prd_lst754.drp_bxdt_b.dt_bx_mn76.prod_elem_dt {
        margin-left: 0px;
        margin-top: -5px;
    }
    
    /* .dt_prd_lst754.drp_bxdt_b {
        margin-left: 22px;
    } */
    
    .dt_bx_mn76 {
        position: relative;
    }
    
    .dt_prd_lst754.drp_bxdt_b.main_group {
        margin-left: 16px;
    }
    
    span.idnt_lncrc42.mn_bx_grp95.actv {
        margin-left: -5px;
    }
    
    span.idnt_lncrc42.mn_bx_grp95.actv span.idnt_ln75 {
        left: 2px;
        top: 17px;
        height: calc(100% - 31px);
    }
    
    span.idnt_lncrc42.actv span.idnt_cr4cl41 {
        width: 5px;
        height: 5px;
        border: 2px solid #fe5e31;
        display: inline-block;
        left: -4px;
        position: absolute;
        bottom: -17px;
    }
    
    span.supprt_dt {
        position: absolute;
        display: block;
        height: 100%;
        left: 0px;
        top: 8px;
    }
    
    span.idnt_do41 {
        width: 10px;
        height: 10px;
        display: block;
        background-color: white;
        border-radius: 100%;
        z-index: 1000;
        position: absolute;
    }
    
    .dt_bx_mn76.mn_bx_grp95 span.supprt_dt.mn_bx_grp95 {
        margin-left: 15px;
        top: 52px;
        height: calc(100% - 53px);
    }
    
    .prod_elem_dt .grp_prd74_b {
        margin-top: -30px;
    }
    
    span.idnt_ln75.idntln_lft74 {
        height: 0px !important;
        width: 10px !important;
        top: 7px !important;
        position: absolute !important;
        left: -11px !important;
    }
    
    span.idnt_lncrc42.mn_bx_grp95 span.idnt_ln75.idntln_lft74 {
        display: none;
    }
    
    .mnu_dt_b74 {
        position: absolute;
        right: -70px;
        top: 2px;
        cursor: pointer;
    }
    
    .drp_bxdt_b.drag_b74 {
        background-color: #f9f9f9;
        border: 3px;
        border-color: #d8d8d8;
        border-style: dotted dashed;
        padding: 10px 0px;
    }
    
    .ui-sortable-handle.drag {
        background-color: #ffffff;
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .grp_prd74_b.estm_gr84 {
        margin-top: -30px;
        width: 97%;
    }
    
    .grp_bx_m75.estm_mn_b74s {
        width: 100%;
    }
    
    .prd_bx_dt745.drg_bx_d.estm_prd_b74 .grp_prd74_b {
        margin-top: -30px;
    }
    
    .prd_bx_dt745.drg_bx_d.estm_prd_b74 {
        margin-left: -25px;
        margin-top: 0px;
    }
    
    span.grndttl_prc_estm74 {
        margin-left: 25px;
        font-size: 30px;
    }
    
    .grp_bx_m75.estm_mn_b74s span.idnt_lncrc42.mn_bx_grp95.actv {
        margin-left: -1px;
    }
    
    .ttl_prc_bx74 {
        padding: 25px 15px 10px;
        text-align: right;
    }
    
    .grp_bx_m75.estm_mn_b74s.estm_prd_bxm63 .grp_prd74_b.estm_gr84 {
        margin-top: -20px;
    }
    
    .grp_bx_m75.estm_mn_b74s.estm_prd_bxm63 .grp_prd74_b.estm_gr84 .grp_fldbx7.grp_main_bx745 {
        margin-top: -25px;
    }
    
    .grp_ttl_b754 .srch_bx75grp {
        border: 1px solid #808080bf !important;
        background-color: white !important;
    }
    
    span.dt_st_num_bx {
        position: absolute;
        left: -35px;
        top: 12px;
        font-size: 14px;
        background-color: #005fff;
        color: white;
        padding: 3px 10px;
        border-radius: 100%;
        text-align: center;
    } 
    .prd_bx_dt745.drg_bx_d.estm_prd_b74 .grp_bx_m75 {
        width: 65%;
    }
    .prod_vw_box_dsn.estm_dt_frm6 {
        width: 1000px;
        max-width: inherit;
    }
    .grp_bx_m75.estm_mn_b74s.estm_prd_bxm63 {
        margin-left: -5px;
    }
    
    .grp_bx_m75.estm_mn_b74s.estm_grp_bxm63 {
        margin-left: -5px;
    }
    
    .grp_bx_m75.estm_mn_b74s span.idnt_lncrc42.mn_bx_grp95.actv span.idnt_ln75 {
        left: 6px;
    }
    
    .grpprc_bx754.ttl_prc74estm {
        top: -10px;
        background-color: #f7f7f7;
        border-radius: 3px;
        z-index: 100;
    }
    
    .grp_bx_m75.estm_mn_b74s.estm_prd_bxm63 .grp_prd74_b.estm_gr84 .grp_fldbx7.grp_main_bx745 {
        margin-top: -25px;
        margin-bottom: 2px;
    }
    
    .grpprc_bx754.ttl_prc74estm .prcn74_bx {
        background-color: inherit;
    }
    
    .grpprc_bx754.ttl_prc74estm input {
        background-color: inherit;
    }
    
    label._ttl_pop42_.sbttl85 {
        padding: 0px 15px;
        font-size: 18px;
    }
    
    ._dtlnk_pg52 {
        position: relative;
    }
    
    span.dt_bx7459 {
        position: absolute;
        font-size: 10px;
        display: block;
        top: 25px;
        left: 54px;
    }
    
    span.clse_bt_sys_q74,
    .rmv_prdest96 {
        position: absolute;
        cursor: pointer;
        right: 10px;
        top: 10px;
    }
    
    .dt_bx_categ.dt_estm_inp74 {
        width: 50%;
        position: relative;
    }
    
    .rmv_prdest96 {
        top: 0px;
    }
    
    form#usr_prvl_dt span.dt_bx7459 {
        position: relative;
        top: initial;
        left: initial;
        display: inline-block;
        font-size: inherit;
    }
    
    .grpng_dt14.grp_ttl_bx,
    .grpng_dt14.smry_cls8,
    .grpng_dt14.notes_cls8,
    .grpng_dt14.inst_cls8,
    .grpng_dt14.gnrl_terms,
    .grpng_dt14.wrk_cmncmnt {
        display: inline-block;
        position: relative;
        padding: 10px 15px;
        cursor: pointer;
        user-select: none;
        min-height: 40px;
        margin-bottom: -5px;
        font-size: 14px;
        min-width: 150px;
    }
    
    .grpng_dt14.grp_ttl_bx.actv,
    .grpng_dt14.smry_cls8.actv,
    .grpng_dt14.notes_cls8.actv,
    .grpng_dt14.inst_cls8.actv,
    .grpng_dt14.gnrl_terms.actv,
    .grpng_dt14.wrk_cmncmnt.actv {
        background-color: #fe5e31;
        opacity: 1;
    }
    
    .grpng_mn.dt_grp_estm784.sys_req_grp74 {
        position: absolute;
        width: 100%;
        margin: 0px;
        left: 0px;
        display: none;
    }
    
    .grpng_mn.dt_grp_estm784.sys_req_grp74.actv {
        display: block;
        position: relative;
        min-height: 200px;
    }
    
    .grp_swt75.disbl {
        display: none;
    }
    
    .dt_estm_sljb745 {
        padding: 10px;
        background-color: white;
        margin: 10px;
        border-radius: 3px;
    }
    
    .dt_estm_sljb745 .srch_bx75grp {
        border: 1px solid #808080bf !important;
        background-color: white !important;
    }
    
    .dt_estm_sljb745 span.idnt_ln75.idntln_lft74 {
        display: none;
    }
    
    .dt_estim_bx_grp {
        padding: 10px 0px;
    }
    
    span.rmv_bx_est74.rmv_grp85,
    .rmv_grp_dt94 {
        top: 10px;
        right: 10px;
        z-index: 1000;
    }
    
    .optnl_prd74estm {
        display: none;
    }
    
    .sys_req_grp74 .optnl_prd74estm {
        display: block;
    }
    
    .optnl_prd74estm {
        margin-bottom: 10px;
    }
    
    span.ad_optnl74 {
        position: absolute;
        top: 5px;
        right: 55px;
        font-size: 9px;
        color: white;
        background-color: #fe5e31;
        padding: 2px 5px;
        border-radius: 2px;
        font-weight: 400;
        cursor: pointer;
        line-height: 16px;
        margin-bottom: 11px;
    }
    
    .grpn_sb_dt span.ad_optnl74 {
        position: relative;
        top: -3px;
        left: 8px;
        right: initial;
        margin-bottom: 0px;
    }
    
    .mn_prcttl_pr748_dt {
        position: absolute;
        top: 20px;
        right: 10px;
        font-size: 20px;
    }
    
    .dt_prc748_b {
        display: inline-block;
        white-space: nowrap;
    }
    
    .prcn74_bx.uom_dtrd {
        width: 10%;
    }
    
    .grpprc_bx754.grp_cstm_prc7 .prcn74_bx {
        width: 18%;
        white-space: nowrap;
    }
    
    .grpprc_bx754.grp_cstm_prc7 .prcn74_bx.uom_bxdt input::placeholder {
        font-size: 15px;
    }
    
    .prod_vw_box_dsn.wid_prod_pop {
        width: 500px;
    }
    
    /* .sys_req_grp74 .ad_prd75_b {
        padding: 5px 0px 10px;
    } */
    
    .sys_req_grp74 .ad_prd75_b.prd_bx_estm_indiv74 {
        padding: 5px 0px 40px;
    }
    
    .dt_ttl_b74 {
        padding: 10px;
        font-size: 16px;
    }
    
    ._dt_smry_bx745 {
        background-color: white;
        padding: 10px;
        margin: 0px 10px;
        position: relative;
        top: 20px;
    }
    
    table.dt_estm_tbl74 {
        width: 100%;
    }
    
    table.dt_estm_tbl74 {
        width: 100%;
        border-collapse: collapse;
    }
    
    table.dt_estm_tbl74 tr td {
        border: 1px solid #c2c2c2;
        padding: 10px;
    }
    
    .ttl_pbx74 {
        font-size: 10px;
        color: #0043ff;
        margin-top: -10px;
        margin-bottom: -5px;
    }
    
    tr.hglght_dt98 td {
        font-weight: 700;
    }
    
    table.dt_estm_tbl74 tr th {
        border: 1px solid #c2c2c2;
        padding: 10px;
        background-color: #efefef;
    }
    
    .nts_dt_bx74 {
        font-size: 11px;
        white-space: pre-wrap;
    }
    
    table.dt_estm_tbl74 tr.empty_bx63_estm td {
        padding: 25px;
    }
    
    td.ttl_sysreq62 {
        background-color: #dcffdc;
    }
    
    tr.prd_dt_pbx65 td {
        color: #4666ff;
        font-size: 12px;
    }
    tr td.dt_hdb95 {
        width: 16%;
    }
    tr td.dt_cntb95 {
        width: 33%;
    }
    tr td.srl_nm784 {
            width: 20px !important;
    }
    .actv_sym52.sprt0_b74
    {
    position: relative;
    display: inline-block; 
    top: 1px; 
    right: 0px; 
    margin-right: 3px;
    }
    button.pls_btn74.add_sys_rq_dt74.actn_mnu85_ {
        position: fixed;
        background-color: #0073ff;
        color: white;
        padding: 13px 17px;
        right: initial;
        top: initial;
        margin: 5px 10px;
        z-index: 1001;
    }
    
    .mdl-menu__container.add_grp_estm_mnu96 {
        position: fixed;
        top: initial;
        left: 4.5%;
    }
    
    .dt_st_bx745 {
        margin-top: 65px;
    }
    
    .estm_dt_sprt745 label._ttl_pop42_.sbttl85 {
        padding: 30px 0px 10px;
    }
    
    .prod_vw_box_dsn.wid_prod_pop .auto_srch_widg {
        top: 70px;
    }
    
    .n_rm_dt95 {
        font-size: 20px;
        padding: 10px 10px 0px;
        position: absolute;
        left: 40px;
        top: 25px;
    }
    .dt_fl_bx74.dsbl_estm_vw95 .n_rm_dt95 {
        z-index: 100001;
    }
    
    .n_rm_dt95 span {
        margin-left: 10px;
    }
    
    .dt_st_prddrag841 .prd_bx_dt745.drg_bx_d.estm_prd_b74.drag {
        background-color: #efefef;
        padding: 10px 10px 10px;
    }
    
    .dt_st_prddrag841 .prd_bx_dt745.drg_bx_d.estm_prd_b74.drag .srch_bx75grp {
        border: 1px solid #efefef;
        background-color: inherit;
    }
    
    .dt_st_prddrag841 .prd_bx_dt745.drg_bx_d.estm_prd_b74.drag .prcn74_bx {
        background-color: #efefef;
    }
    
    .dt_st_prddrag841 .prd_bx_dt745.drg_bx_d.estm_prd_b74.drag input {
        background-color: inherit;
    }
    
    .dt_st_prddrag841 .prd_bx_dt745.drg_bx_d.estm_prd_b74.drag .grpprc_bx754 {
        top: 0px;
    }
    
    span.ad_optnl748 {
        font-size: 10px;
        margin-left: 5px;
        color: #fe5e31;
        top: -3px;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }
    
    .bx_dtt841 {
        text-align: right;
        padding: 10px;
    }
    
    button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.exprt_dt_smry {
        background-color: #fe5e31;
    }
    
    .bx_dtt841 {
        text-align: right;
        padding: 10px;
        position: absolute;
        right: 0px;
    }
    
    .dt_bx754idn {
        height: 35px;
    }
    
    span.msg_b56.colr_cls._cncl_cls_b754 {
        background-color: #6578e9;
        color: #ffffff !important;
    }
    
    li.lst_cls523 {
        list-style: none;
        margin-left: 10px;
        padding-top: 7px;
        font-size: 15px;
    }
    
    span.mdi.mdi-close.cls_nts_exl9 {
        cursor: pointer;
        color: grey;
    }
    
    .mnbx_sd856 {
        padding-bottom: 15px;
    }
    
    .dt_mnbX852 {
        background-color: white;
        padding: 10px;
        margin: 0px 10px;
        position: relative;
        top: 20px;
        margin: 0 auto;
        width: 95%;
        margin-bottom: 45px;
    }
    
    .ntsExl5 {
        margin-left: 25px;
        padding: 3px;
        font-size: 14px;
        color: #5a5a5a;
        font-weight: 500;
    }
    
    .close_btn_st_21.disbl {
        display: none;
    }
    
    .dt_img754 img {
        width: 300px;
    }
    
    .dt_img754 {
        text-align: center;
    }
    
    .frml_sht_bx74 {
        padding: 5px;
        margin: 10px;
        display: block;
        position: absolute;
        right: 0px;
        top: 35px;
        background-color: #e3e3e3;
        font-size: 12px;
        border-radius: 3px;
        font-weight: 700;
    }
    
    .marn53_cls {
        margin: 0px;
    }
    
    .prod_vw_box_dsn.prev_wid56 {
        width: 440px;
    }
    
    span.lbr_cst856 {
        color: white;
        font-size: 9px;
        margin: 10px;
        background-color: #fe5e31;
        padding: 0px 9px;
        position: absolute;
        right: 60px;
        top: 0px;
        border-radius: 3px;
        cursor: pointer;
    }
    
 
    span.mn_inst_cst856 {
        position: absolute;
        top: 35px;
        right: 10px;
    }
    span.btn_ds745 {
        z-index: 10;
        color: white;
        font-size: 9px;
        margin: 3px;
        background-color: #fe5e31;
        padding: 4px 9px;
        position: relative;
        border-radius: 3px;
        cursor: pointer;
    }
    
    .dtm_ins_cs62 {
        position: absolute;
        right: 60px;
        top: -5px;
        width: 85px;
    }
    
    span.chk_bxinst85 {
        position: absolute;
        top: 4px;
        left: 98%;
    }
    
    span.cls_spn856 {
        position: absolute;
        top: 3px;
        right: -27px;
        font-size: 16px;
    }
    
    tr.oppr_disb745 td.actn_mnu_bx {
        display: none;
    }
    
    ._mnt_dt_hg74 {
        margin-left: 13px;
        font-size: 10px;
        margin-top: -6px;
        color: #fe5e31;
    }
    
    .chk_bx {
        position: absolute;
        right: 126px;
        top: 46px;
    }
    
    span.cls_sys_dt74 {
        position: absolute;
        right: 1px;
        top: 1px;
        font-size: 16px;
        cursor: pointer;
        z-index: 1000;
        width: auto;
        text-align: center;
        width: 20px;
        background-color: red;
        border-radius: 100%;
        color: white;
    }
    
    table.dt_apprl_tbl74 {
        width: 100%;
        border-collapse: collapse;
        margin-right: 0px;
        margin-left: auto;
    }
    
    table.dt_apprl_tbl74 tr th {
        border: 1px solid #c2c2c2;
        padding: 10px;
        background-color: #efefef;
    }
    
    table.dt_apprl_tbl74 tr td {
        border: 1px solid #c2c2c2;
        padding: 10px;
    }
    
    .rm_bx745_st {
        width: 99%;
        display: none;
    }
    
    .rm_bx745_st.actv {
        display: block;
    }
    button.dt_prnt_vl {
        display: inline-block;
        position: absolute;
        right: 40px;
        top: 11px;
        padding: 4px 15px;
        border: none;
        margin-left: 13px;
        outline: none;
        cursor: pointer;
        background-color: #fe5e31;
        color: white;
        border-radius: 3px;
        white-space: nowrap;
    }
    .dt_frm75_.vw_dtsb745 {
        padding-bottom: 20px;
    }
    .dt_frm75_ .dbl52_bx45_ .mdl-textfield {
        width: 47%;
        margin-right: 9px;
    }
    
    .dbl52_bx45_ {
        position: relative;
        border: 1px solid #d8d8d8;
        background-color: #ededed;
        margin: 10px 0px;
        padding: 5px 15px;
    }
    
    .cls_bt542 {
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #ededed; 
        padding: 3px 5px;
        color: #ca1111;
        cursor: pointer;
        font-size: 18px;
    }
    
    button#ad_nw_st {
        border-radius: 10px;
        background-color: #ededed;
        color: #1b00ff;
        font-size: 27px;
        border: 0px;
        padding: 0px 10px;
        outline: none;
        cursor: pointer;
    }
   
    
    .estim_grp_st7.disbl {
        display: none;
    }
    
    .dbl92_bx45_ {
        position: relative;
        background: whitesmoke;
        margin: 10px;
        padding: 10px 25px;
    }
    
    .sb_cls853 {
        display: inline-block;
        margin: 0px 5px;
        vertical-align: top;
    }
    
    span.remv_cst_mdl {
        cursor: pointer;
    }
    
    .bgrnd_clr_txt85 {
        background-color: whitesmoke;
        resize: none;
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
        font-size: 15px;
        padding: 10px;
    }
    
    .wdt_bx53 {
        width: 73%;
    }
    
    table.bse_styl85cls {
        width: 100%;
    }
    
    .disp_disbl85.disbl {
        display: none;
    }
    
    .cirl_cls84 {
        width: 10px;
        height: 10px;
        background-color: #cccccc;
        display: block;
        border-radius: 100%;
        padding: 3px;
        margin: 0 auto;
        z-index: 100;
        position: relative;
        border: 4px solid #e7e7e7;
    }
    span.lne_dt_b41.bg_clr74_s {
        background-color: #00d687;
    }
    .cirl_cls84.bg_clr74_s {
        background-color: #00d687;
        border: 4px solid #a9ffdf;
    }
    span.lne_dt_b41.assn_grp_dt_s {
        background-color: #848484;
    }
    .cirl_cls84.assn_grp_dt_s {
        background-color: #848484;
        border: 4px solid #c8c8c8;
    }
    span.lne_dt_b41
    {
        background-color: #cccccc;
    }
        
    .mn_labl84_ {
        padding: 10px 0px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        font-size: 10px;
        position: relative;
        width: 120px;
        white-space: nowrap;
    }
    .vw_oppr_l745
    {
        cursor: pointer;
        color: #a5a5a5;
    }
    .dt_jb_state74
    {
        background-color: initial !important; 
        font-size: 18px;
    }
    .dt_bx_wtng74 {
        min-width: 230px;
    }
    .int_cnc_st74
    {
        padding-left: 15px;
        margin-top: 10px;
        display: block;
        color: grey;
        font-size: 13px;
    }
    .ttl_disp846 {
        position: relative;
        top: -38px;
        left: 25%;
    }
    
    .ttls_cst542 {
        font-size: 28px;
    }
    
    .mn_labl84_.sls_jb_dt74 {
        vertical-align: middle;
    }
    
    .mn_labl84_.estm_elv_bx .dt_bx_n,
    .mn_labl84_.sls_jb_dt74 {
        position: relative;
    }
    
    #span1 {
        width: 49%;
        float: right;
    }
    
    #span2 {
        width: 49%;
        float: left;
    }
    
    td.mrgn_wid_cls42 {
        width: 65px;
    }
    
    .add_ngrp748 {
        position: absolute;
        top: 20px;
        z-index: 100;
        right: 95px;
        background-color: #fe5e31;
        color: white;
        font-size: 9px;
        padding: 0px 5px;
        border-radius: 3px;
        cursor: pointer;
    }
    
    .prod_vw_box_dsn.pop_dis911 {
        width: 950px;
    }
    
    tr.bgclcs56 {
        background-color: whitesmoke;
    }
    
    .dt_prd_lst754 .sl_grp_d {
        margin-bottom: 20px;
        position: relative;
    }
    
    .ttl_cls523 {
        padding: 5px;
        background-color: whitesmoke;
        margin: 2px;
    }
    
    .mrgxla523 {
        margin-top: 10px;
    }
    
    /*inst_tbl_colr*/
    td.chng_clrtd1 {
        background-color: #fe5e310f;
    }
    
    td.chng_clrtd2 {
        background-color: #fe5e311f;
    }
    
    td.chng_clrtd3 {
        background-color: #fe5e312f;
    }
        
    span.dt_bx_md745 {
        background-color: #03c500;
        color: white;
        font-size: 10px;
        padding: 0px 5px;
        margin-left: 3px;
        border-radius: 3px;
        position: absolute;
        bottom: 5px;
        right: 5px;
    }
    .ttl_prc_bx74.disbl {
        visibility: hidden;
    }
    span.ntfy_nm_bx {
        background-color: #e80000;
        color: white;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        position: absolute;
        right: 15px;
        font-size: 11px;
        display: none;
        top: 10px;
    }
    span.ntfy_nm_bx.actv,span.ntfy_spprt_bx.actv , span.ntfy_spprt_bx2.actv{
        display: block;
    }
    span.ntfy_spprt_bx, span.ntfy_spprt_bx2 {
        color: white;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        text-align: center;
        line-height: 20px;
        position: absolute;
        right: 15px;
        font-size: 11px;
        display: none;
        top: 10px;
        -webkit-animation-name: bbble;
        -webkit-animation-duration: 2s;
        animation-name: bbble;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0); 
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
    } 
    @-webkit-keyframes bbble {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
    }
        50% { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5);
    }
    100%
    {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
    }
        }
        
        /* Standard syntax */
        @keyframes bbble {
        0% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
    }
        50% { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5);
    }
    100%
    {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
    }
        } 
    textarea.nt_txt_b75 {
        width: 97%;
        font-family: inherit;
        min-height: 85px;
        padding: 5px;
        outline: none;
        border-radius: 3px;
    }
    .txt_ar_sty74 {
        width: 100%;
        height: 200px;
        outline: none;
    }
    
    .dt_frq_bx75 {
        padding: 0px 70px;
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    .prd_bx_estm_indiv74.disbl_bx {
        display: none;
    }
    
    .mn_nt_dt74 {
        font-size: 12px;
        margin-bottom: -5px;
    } 
    .bs_bx412 {
        padding: 10px;
    }
    
    span.vew_rvsn_dt52 {
        background-color: #e1e1e1;
        padding: 5px 10px;
        border-radius: 3px;
        cursor: pointer;
        margin-right: 30px;
    }
    
    .crt_dt52 {
        padding-bottom: 5px;
    }
    
    .cost_revs_actv745 {
        display: none !important;
    }
    
    .rmv_sb_grp74 {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    
    .txt_ara_cls52 {
        width: 100%;
        height: 150px;
        outline: none;
        border: 1px solid whitesmoke;
        resize: none;
    }
    
    .txt_sz52 {
        font-size: 14px;
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
    }
    
    .cst_qut_b74 .prcn74_bx {
        width: 15%;
    }
    
    label._ttl_pop42_.sb_lbl74 {
        padding: 10px 0px;
        font-size: 16px;
        color: #545454;
    }
    
    label.prd_l75bl {
            display: block;
        font-weight: 600;
        font-size: 13px;
        color: #fe5e31;
    }
    
    .v_doc_rv53 {
        margin-right: 30px !important;
        margin-left: -20px;
    }
    
    .prd_bx_cst745 {
        margin: 10px 0px 10px;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
    }
    
    .wrp_cls85 {
        white-space: pre-wrap;
    }
    
    td.dis_ne_cl52 {
        display: none;
    }
    .bs_bx412 {
        padding: 10px 20px 20px;
        border-bottom: 1px solid gainsboro;
    }
    .apprv_dt74 {
        font-size: 11px;
        color: #666666;
    }
    .cht_bxdom74 {
        right: 0px;
        position: fixed;
        bottom: 0px;
        z-index: 1000000;
    }
    span.dt_b74tx {
        display: block;
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: -5px;
        color: grey;
    }
    tr.th_disbl {
        display: none;
    }
    ._dt_slc_bx {
        background-color: #d9e8ff;
        padding: 2px 5px;
        border-radius: 3px;
        font-size: 12px;
        color: #fe5e31;
        font-weight: 700;
    }
    ._rmv_cht_b74 {
        position: absolute;
        right: 10px;
    }
    .daterangepicker {
        border: 0px;
        top: 150px !important;
    }
    button.btn.btn-sm {
        background: 0 0;
        border: none;
        border-radius: 2px;
        position: relative;
        height: 33px;
        margin: 0;
        min-width: 64px;
        padding: 0 20px;
        display: inline-block;
        font-family: 'Google Sans', Helvetica, Arial, sans-serif;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        overflow: hidden;
        will-change: box-shadow;
        transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        outline: none;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        line-height: 31px;
        vertical-align: middle;
        box-shadow: 0px 0px 0px #00000042;
        border-radius: 4px;
        -webkit-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -ms-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -o-transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        line-height: 5px;
        color: white;
    }
    tbody._dt_bxit42.rpt_dt_b745 tr td {
        padding-bottom: 10px;
    }
    span.lnk_anc {
        cursor: pointer;
        display: block;
    }
    ._filter_box_d74 {
        display: inline-block;
        vertical-align: top;
        margin: 0px 5px;
    }
    button#_actn_mnu_btn_exprt_op {
        background-color: #5178e2;
        font-size: 11px;
        margin-left: 10px;
        color: white;
        vertical-align: top;
        position: relative;
        text-align: center;
        font-weight: 600;
        cursor: pointer;
        top: -2px;
        font-size: 13px;
        background-color: #efefef;
        border-radius: 3px;
        margin-left: 5px;
        color: #0092d4;
        white-space: nowrap;
        overflow: hidden;
        width: auto;
    }
    .rprt_filtr745 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 6px;
    }
    .grp_ttl_st745 .getmdl-select .mdl-menu__container {
        height: 250px !important; 
    }
    .getmdl-select .mdl-menu__container {
        z-index: 9999;
    }
    tr.oppr_cnlb745 td.actn_mnu_bx {
        display: none;
        content:""
    }
    tr.oppr_cnlb745 .emp748_date_b,tr.oppr_cnlb745.wrk_flwb74
    {
        display: none;
    }
        
    .num_bx_dsh74 {
        display: inline-block;
        vertical-align: top;
        background-color: white;
        /* padding: 25px 30px; */
        width: 48%;
        margin: .5%;
        height: 135px;
        border-radius: 5px;
        text-align: left;
        box-shadow: 0px 0px 7px #00000038;
        line-height: 20px;
        color: white;
        cursor: pointer;
    }
    .num_bx_dsh74 .pd_wd_cl52 {
        position: relative;
        padding: 25px 30px;
    }
    .rqst_mk_btn span.actv_sym52 {
        right: -10px;
    }
    .rqst_mk_btn {
        margin-top: 10px;
        display: inline-block; 
        position: relative;
    }
    .num_bx_dsh74.lnk_anc {
        position: relative;
        cursor: pointer;
    }
    label.ttl_ds95 {
        font-size: 15px;
        font-weight: 400;
        display: block;
        margin-top: 10px;
        top: 5px;
        position: relative;
    }
    .nmb_b85 {
        font-size: 43px;
        margin-top: 25px;
        font-weight: 400;
        position: relative;
        display: inline-block;
    }
    .dt_b745nt74._notf_vw_b74._rcnt_actv14 {
        padding: 5px 5px;
    }
    .dt_rcnt_lst89 {
        height: 100%;
        overflow-y: auto;
        width: 114%;
    }
    label.mn_seclbl85 {
        font-weight: 600;
        font-size: 20px;
        padding: 10px 0px 15px;
        display: block;
        color: #444444;
        text-align: left;
    }
    .dt_b745nt74._notf_vw_b74._rcnt_actv14 span.dt_stwtn74 {
        line-height: 16px;
        font-size: 13px;
    }
    label.mn_seclbl85.snpt_lbl93 {
        position: absolute;
        background-color: white;
        z-index: 100;
        width: 100%;
    }
    .main_bx74 {
        padding: 10px 0 15px; 
        margin: 10px 0px 20px;
        /* text-align: center; */
        border-radius: 5px;
        position: relative;
    }
    
    .ttl_vl_est751 {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 13px;
        text-align: right;
    }
    .ttl_estm_vl75 {
        font-weight: 700;
        font-size: 30px;
        color: #363636;
        margin-top: 3px;
    }
    label.mn_seclbl85.sb_tt95 {
        font-size: 16px;
        margin-bottom: -10px;
    }
    span.dt_icn745 {
        margin-right: 5px;
        position: relative;
        font-size: 23px;
        vertical-align: middle;
        top: -2px;
    }
    .dt_b745nt74 {
        background-color: white;
    padding: 10px 5px;
    cursor: pointer;
    }
    .dt_b745nt74:first-child {
        padding-top: 25px;
    }
    .ntfy_mn_b74 {
        margin-right: 25px;
        position: relative;
        top:3px;
    }
    span.ntfy_bx74 {
        font-size: 23px;
        cursor: pointer;
    }
    span.ntf_cnt74 {
        width: 15px;
        height: 15px;
        border-radius: 20px;
        display: block;
        background-color: red;
        top: -5px;
        color: white;
        position: absolute;
        right: -4px;
        text-align: center;
        font-size: 9px;
        line-height: 15px;
        overflow: hidden;
    }
    .drp_im_dt42 .img_prod_bx-mn-lst img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }
    span.ntf_cnt74.disbl {
        visibility: hidden;
    }
    .load_n_ntfy {
        position: absolute;
        min-width: 375px;
        right: 0px;
        border-radius: 3px;
        height: 300px;
        background-color: white;
        box-shadow: 0px 0px 6px #00000038;
        color: #323232;
        font-size: 12px;
        overflow: hidden;
        padding: 0px;
        transform-origin: top right;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform-origin: top right;
        transition: transform 0.2s ease-out;
        -webkit-transition: transform 0.2s ease-out;
        -moz-transition: transform 0.2s ease-out;
        -ms-transition: transform 0.2s ease-out;
        -o-transition: transform 0.2s ease-out;
    }
    .load_n_ntfy.actv 
    {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    .ntf_cnt_cht7 .dt_b745nt74._notf_vw_b74 {
        padding-bottom: 0px;
    }
    .ntf_cnt_cht7 .dt_b745nt74._notf_vw_b74 span.dt_stwtn74 {
        line-height: 16px;
        font-size: 12px;
    }
    canvas.chrt_perf_appr {
        width: 100% !important;
        height: 250px !important;
    }
    .ft_tp745_icn {
        position: fixed;
        bottom: 60px;
        right: 20px;
        z-index: 1000000;
        background-color: #fe5e31;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 22px;
        color: white;
        cursor: pointer;
        outline: none;
    }
    ._ntfy_dt_74 {
        text-align: center;
        position: relative;
        padding-top: 31%;
        font-size: 12px;
        color: #afafaf;
        width: 96%;
    }
    .page-content._hpg_tmpl7 .prd_lst42_ {
        overflow-x: hidden;
    } 
    .dt_pickr_dashbrd74 {
        display: none;
    }
    .ntfy_ner86 { 
        font-size: 40px;
        margin-bottom: 15px;
    }
    .cnrfm_paswrd {
        position: absolute;
        top: 5px;
        right: 0px;
        background: grey;
        padding: 3px 8px;
        border-radius: 3px;
        font-size: 11px;
        color: white;
        cursor: pointer;
    }
    .demo-card-square.mdl-card.mdl-shadow--2dp.tem_usr_bx85 {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 37%;
    }
    .pos_rel_cls85{
        position: relative;
    }
    table.dt_estm_tbl74 thead tr th {
        position: sticky;
        top: 0;
    }
    .optnl_grp523 {
        top: 0px;
        right: 65px;
        z-index: 1000;
        color: white;
        font-size: 9px;
        margin: 10px;
        background-color: #fe5e31;
        padding: 0px 9px;
        position: absolute; 
        border-radius: 3px;
        cursor: pointer;
    }
    .dt_clr_b74.disbl {
        opacity: 0.4;
    }
    .evnt_clnd745 {
        width: 36%;
        display: inline-block;
        vertical-align: top;
        border-radius: 5px; 
        height: auto;
        min-height:380px;
    }
    .dt_sls_ovrl745 {
        display: inline-block;
        vertical-align: top;
        width: 31%;
        background-color: white;
        height: 475px;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0px 0px 6px #00000038;
        overflow: hidden;
        margin-left: 10px;
        position: relative;
    }
    .prfl_pic_btn {
        border: 0px;
        cursor: pointer;
        padding: 10px 10px;
        background-color: #0072ff;
        border-radius: 3px;
        font-size: 12px;
        outline: none;
        user-select: none;
        display: block;
        width: 110px;
        margin-top: 9px;
        color: white;
    }
    .main_bx74.dt_snppt41 {
        text-align: left; 
    }
    .innr_bx86_csnip {
        background-color: white; 
        border-radius: 5px;
        color: #848282;
    }
    div#popup-blk.disbl {
        display: none;
    }
    .prod_vw_box_dsn.dt_pckr_anlt {
        width: 80%;
    }
    .dt_ftch_lbl754 {
        font-size: 11px;
        text-align: right;
        padding-right: 5px;
        color: #9a9a9a;
    }
    .dt_typ_tb745 {
        display: inline-block;
        padding: 5px 10px 4px;
        background-color: white;
        margin: 5px 0px;
        cursor: pointer;
        text-align: center;
        user-select: none;
        background-color: #ffffff;
        color: #5d5d5d;
        border-radius: 5px;
        font-weight: 600;
        font-size: 11px;
    }
    .dt_cnt_man74 {
        background-color: white;
        padding: 0px 0px 0px;
        margin-bottom: 0px;
    }
    .dt_rcnt_lst12 {
        overflow: hidden;
        width: 100%;
    }
    .dt_cnt_man74 table.tbl_cl91 {
        padding: 0px;
        margin: 0px;
        width: 100%; 
        margin-top: -1px;
    }
    .dt_typ_tb745.actv {
        font-weight: 700;
        color: #ffffff;
        background-color: #357cff;
    }
    .dt_pckr_bx.actn_mnu_bx {
        position: relative;
        display: inline-block;
        vertical-align: top;
        top: 4px;
    }
    .icn_chv_d745
    {
        font-size: 16px;
        vertical-align: top;
        position: absolute;
        right: 1px;
    }
    .mn_ntfy_cnt23 {
        position: absolute;
        overflow: auto;
        width: 100%;
        left: 0px;
        padding: 0px 15px;
        height: 95%;
        top: 0px;
    }
    span.mgnysrch84 {
        position: absolute;
        right: 0px;
        bottom: 20px;
        font-size: 15px;
    }
    i.fltr_icn741 {
        top: -12px;
        position: relative;
        font-size: 20px;
    }
    .dt_bx_room_ttl {
        margin-top: 65px;
        left: 70px;
        position: relative;
        display: none;
        margin-bottom: -30px; 
    }
    .dt_bx_room_ttl input {
        padding: 5px 10px;
        width: 500px; 
    }
    .dt_bx_room_ttl.actv_ttl {
        display: block;
    }
    .dt_bx_room_ttl label {
        display: block;
        font-size: 12px;
    }
    span.lne_dt_b41 {
        height: 2px;
        background-color:#cccccc;
        width: 100%;
        position: absolute;
        top: 41px;
        left:0px;
        z-index:1;
    }
    .mn_labl84_.estm_elv_bx {
        padding: 0px; 
    }
    .mn_labl84_.estm_elv_bx .dt_bx_n {
            padding: 10px;
        position: relative;
    }
    .mn_labl84_.estm_elv_bx span.lne_dt_b41 {
        top: 41px;
        right: 50%;
        left: inherit;
    }
    .mn_labl84_.sls_jb_dt74 span.lne_dt_b41 {
        right: 50%;
        left: inherit;
    }
    .dsg_dt745 .mn_labl84_.estm_elv_bx:last-child .lne_dt_b41, .mn_labl84_.sls_jb_dt74:last-child .lne_dt_b41 {
        right: 50%;
        left: inherit;
    }
    .mn_labl84_.sls_jb_dt74:first-child .lne_dt_b41 {
        left: 45%;
    } 
    .estm_dt_b74 {
        display: inline-block;
        vertical-align: top;
    }
        
    .dsg_dt745 .estm_dt_b74 .mn_labl84_.estm_elv_bx:last-child span.lne_dt_b41 {
        left: inherit;
        width: 100%;
    } 
    .dsg_dt745 .estm_dt_b74 .mn_labl84_.estm_elv_bx:first-child .elvdt.dt_bx_n span.lne_dt_b41 {
        left: 45%;
    }
    .dsg_dt745 .estm_dt_b74 .mn_labl84_.estm_elv_bx:first-child .elvdt.dt_bx_n.elv_dt_bx745 span.lne_dt_b41 {
        left: inherit;
    }
    .elvdt.dt_bx_n.lst_bx_dt74 span.lne_dt_b41 {
        right: 50%;
        left: inherit !important;
        width: 100% !important;
    }
    span.derv_dt745 {
        display: block;
        font-size: 12px;
        color: grey;
        font-weight: 400;
    }
    br:nth-child(2n + 2) {
        display: none;
    }
    .disbl_chkb74 {
        display: none;
    }
    .actv_dsbl_b74 {
        opacity: 0.6;
    }
    span.dt_svd_state.disbl {
        display: none;
    }
    span.dt_svd_state {
        color: red;
        font-size: 12px;
        top: -10px;
        position: relative;
    }
    .dt_b7458
    {
        font-size: 10px;
        display:block;
        color:grey; 
        margin-top:-15px;
    }
    span.exprt_dtcht761 {
        position: absolute;
        top: 15px;
        right: 40px;
        font-size: 18px;
        cursor: pointer;
    }
    span.bck2cls856,.bck_arrw_dsn {
        font-size: 21px;
        top: 6px;
        position: relative;
        left: 5px;
        cursor: pointer;
    }
    .notif_cls52 {
        padding: 5px 0px;
        font-size: 11px;
        padding-bottom: 5px;
        width: 97%;
        cursor: pointer;
    } 
    .mn_ntfy_cnt21 {
        position: relative;
        height: 195px;
        overflow: hidden;
        width: 105%;
        overflow-y: auto;
    }
    
    .mnbx_ntfy852:last-child {
        border-top: 1px solid #e7e7e7;
    }
    .mnbx_ntfy852:first-child {
        border-top: 0px;
    }
    .elvdt.dt_bx_n.onl_on745_b span.lne_dt_b41 {
        display: none;
    }
    .mn_ntfy_cnt21 .notif_cls52:last-child {
        margin-bottom: 100px;
    }
    .notif_cls52:hover {
        background-color: #f8f8f8;
        margin-left: -15px;
        margin-right: -15px;
        padding: 5px 15px 10px;
    }
    ._dt_chrt_bx {
        text-align: left;
    }
    span.cln_grp_dt856 {
        color: white;
        font-size: 9px;
        margin: 10px;
        background-color: #fe5e31;
        padding: 0px 9px;
        position: absolute;
        right: 152px;
        top: 0px;
        border-radius: 3px;
        cursor: pointer;
    }
    td.ttl_sysreq12 {
        background-color: #f2fff2;
    }
    .prd_bx_dt745.drg_bx_d.estm_grpon_b84 {
        margin-left: -25px;
    }
    .prd_bx_dt745.drg_bx_d.estm_grpon_b84 span.ad_optnl74 {
        position: absolute;
        right: 55px;
        left: inherit;
        top: 5px;
    }
    .prd_bx_dt745.drg_bx_d.estm_grpon_b84 .grp_prd74_b {
        margin-top: -25px;
    }
        
    .prd_bx_dt745.drg_bx_d.estm_grpon_b84 .grp_bx_m75 {
        margin-top: 0px;
        width: 65%;
    }
    .prd_bx_dt745.drg_bx_d.estm_grpon_b84 .srch_bx75grp {
        border: 1px solid #808080bf;
    }
    span.ad_optnl748.disbl_nt {
        display: none;
    }
    .prd_bx_dt745.drg_bx_d.estm_grpon_b84 .grpprc_bx754 {
        top: -15px;
        width: 32%;
    }
    .estm_discnt_prc52, .estm_discnt_lbl52 {
        font-size: 14px;
    }
    .split_mnu_dt a.mdl-navigation__link._dtlnk_pg52
    {
        padding-left: 45px;  
    }
    .split_mnu_dt a.mdl-navigation__link._dtlnk_pg52:last-child {
        margin-bottom: 0px;
    }
    .split_mnu_dt span.dt_bx7459 {
        left: 78px;
    }
    a.mdl-navigation__link.splt_mn745 {
        background-color: #e9e9e9 !important;
        position: relative;
    }
    .split_mnu_dt {
        margin-bottom: 15px;
    }
    td.trb75_dt_sb.jb_status_bx {
        width: 30%;
    }
    tr.trb75_dt.ejr_lst74 td.actn_mnu_bx {
        width: 9%;
    }
    label.viu_det_lbl52 {
        color: #a82d2e;
        font-size: 13px;
        font-weight: 600; 
    }
    .wid_sbx_cls52 {
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }
    .wid_mn_cls52 {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .wid_sbx_cls52.mrg_cls_dt52 {
        padding-left: 33px;
    }
    td.prc_chng_bx {
        background-color: #cffdff;
    }
    input.inp_rvs745 {
        background-color: inherit;
    }
    .sb_rgt_cls52 {
        display: inline-block; 
        width: 48%;
        vertical-align: top;
    }
    .mdl-switch__thumb
    {
        top: 3px;
        height: 17px;
        width: 17px;
    }
    .mdl-switch.is-checked .mdl-switch__thumb
    {
        left: 18px;
    }
    th.disbl_cst_vw74,td.disbl_cst_vw74,.btn_bx42_.disbl_cst_vw74 {
        display: none;
    }
    button.dt_jb_st_exprt {
        padding: 6px 15px;
        outline: none;
        background-color: #3172ed;
        border: none;
        margin-left: 15px;
        color: white;
        border-radius: 3px;
        box-shadow: 0px 3px 12px 0px #939393;
        cursor: pointer;
    }
    button.dt_prnt_vl.mrgn_cl523{
        margin-left: 0px;
    }
    .txt_exnd_s53 {
        display: none;
    }
    .txt_exnd_s53.actv {
        display: block;
        position: relative;
    }
    button.add_mr_prd97.dsbl_estm_vw95 {  
        display: none;
    }
    .btn_bx42_.dsbl_estm_vw95 {
        visibility: hidden;
    }
    .dsbl_rrm_bx_dt74.dsbl_estm_vw95 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 100000;
    }
    .rmm_actn_b74.dsbl_estm_vw95 {
        display: none !important;
    }
    .rm_bx745_st.dsbl_estm_vw95 .dt_st_bx745 {
        margin-top: 0px;
        top: 100px;
        position: relative;
        margin-bottom: 120px;
    }
    .rm_bx745_st.dsbl_estm_vw95 .dt_bx_room_ttl.actv_ttl {
        margin-top: 0px; 
        top: 80px;
        margin-bottom: -10px;
    }
    .rm_bx745_st.dsbl_estm_vw95 .add_ngrp748 {
        display: none;
    }
    .rm_bx745_st.dsbl_estm_vw95 span.rmv_grp_dt94,
    .rm_bx745_st.dsbl_estm_vw95 span.rmv_bx_est74.rmv_grp85,
    .rm_bx745_st.dsbl_estm_vw95 .optnl_grp523,
    .rm_bx745_st.dsbl_estm_vw95 span.clse_bt_sys_q74,
    .rm_bx745_st.dsbl_estm_vw95 .rmv_prdest96,
    .rm_bx745_st.dsbl_estm_vw95 .edt_dt_cnt74,
    .rm_bx745_st.dsbl_estm_vw95 .add_rm_dt74,
    .rm_bx745_st.dsbl_estm_vw95 .ad_optnl74,
    .rm_bx745_st.dsbl_estm_vw95 span.mnu_prd_b7,
    .rm_bx745_st.dsbl_estm_vw95 span.ad_optnl748,
    .rm_bx745_st.dsbl_estm_vw95 .add_mr_prd96,
    .rm_bx745_st.dsbl_estm_vw95 .add_custm_prd74,
    .rm_bx745_st.dsbl_estm_vw95 .nw_estm_prd74,
    .rm_bx745_st.dsbl_estm_vw95 .nw_estm_cst_prd84,
    .rm_bx745_st.dsbl_estm_vw95 button.ad_btn_pip85,
    .rm_bx745_st.dsbl_estm_vw95 button.add_nw_st852
    {
        display: none;
    }
    .dt_fl_bx74.dsbl_estm_vw95 .frml_sht_bx74 {
        z-index: 100001;
    }
    .estmdt.empty_bx74 {
        visibility: hidden;
    }
    .tgl_cl521 {
        top: 0px;
        position: absolute;
        right: 30px;
    }
    .n_rm_dt95 .getmdl-select .mdl-menu__container {
        height: 300px !important;
        width: 130% !important;
        max-height: initial;
    }
    span._hgtxt951 {
        color: #0053d0;
    }
    td.txtaln523 {
        text-align: center;
    }
    span.estm_clr_btn5 {
        display: inline-block;
        position: absolute;
        right: 15%;
        color: white;
        font-size: 9px;
        background-color: #fe5e31;
        padding: 0px 9px;
        top: 5px;
        border-radius: 3px;
        cursor: pointer;
    }
    .estm_clr_btn5.disbl_cls74,.estm_clr_btn5.dsbl_estm_vw95
    {
    display:none;
    }
    .del_fil {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .mn_lst_doc854, .ttl_cls523
    {
    position:relative;
    }
    .mn_lst_doc854 .del_fil
    {
        position:relative;
        right: 0px;
        top: 0px;
    }
    span.est_ttl_prc {
        margin: 0 10px 0px -20px;
        background-color: #bcfff9;
        padding: 5px;
        border-radius: 3px;
    }
    .add_mr_prd97.disbl_cls74
    {
        display:none;
    }
    .auto_srch_widg.srch_wdt_bx_dt {
        top: 150px;
    }
    .mnbx_ntfy852.prd_fl_v74 .mn_ntfy_cnt21 {
        height: 95%;
    }
    .mnbx_ntfy852.prd_fl_v74 {
        height: 100%;
    }
    button.btn_bx_ej7458 {
        border:0px;
        background-color:#5178e2;
        color:white;
        border-radius:3px;
        font-size:11px;
        margin-bottom:5px;
        cursor:pointer;
        display:inline-block;
    } 
    .ntfy_spprt_bx.ht_jb_bx, span.ntfy_spprt_bx2.ht_jb_bx {
        right: initial !important;
        top: 0px !important;
        margin-top: -8.5px;
        left: 0px;
        width: 30px !important;
        height: 30px !important;
    }
    span.ntfy_nm_bx.ht_jb_bx {
        position: relative;
        display: inline-block;
        right: 0px;
        top: 0px;
        margin-right: 10px;
        background-color: #d60000;
        width: 30px;
        height: 30px;
        line-height: 29px;
        font-size: 18px;
        color: white;
        outline: none;
        text-decoration: none;
        user-select: none;
    }
    span.ntfy_spprt_bx2.ht_jb_bx
    {
        margin-top: -13px;
        left: -5px;
        width: 40px !important;
        height: 40px !important;
        animation-delay: 0.1s;
    }
    span.vw_oppr_l745.vw_cnc_oprt {
        font-size: 12px;
        font-weight: 400;
    }
    span.cirl_cls84.load_bx {
        display: none;
    }
    .cirl_cls84.assn_grp_dt_s span.cirl_cls84.load_bx {
        display: inline-block;
        position: absolute;
        left: -7px;
        top: -7px;
        border: 0px;
        background-color: #cccccc78;
        -webkit-animation-name: bbble;
        -webkit-animation-duration: 2s;
        animation-name: bbble;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        width: 24px;
        height: 24px;
        animation-delay: 1s;
    }
    .snpt_bx_sb52 {
        display: inline-block;
        width: 47.5%;
        background-color: white;
        padding: 1%;
        margin-bottom: 10px;
        vertical-align: top;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        height: 500px;
    }
    .dsb_bx59 {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }
    .tbl_cl91 tr th {
        border-bottom: 1px solid white;
        border-top: 1px solid white;
        padding: 10px;
    }
    .tbl_cl91 tr td {
        padding: 5px 10px;
        border: 1px solid #f3f3f3;
        background-color: white;
    }
    table.tbl_cl91 {
        background-color: whitesmoke;
        border-collapse: collapse;
    }
    .snpt_bx_sb52 .dt_frm75_ {
        padding: 0px;
        font-size: 12px;
        margin-top: 17px;
        position: relative;
        padding-top: 30px;
        overflow-y: auto;
        height: 80%;
    }
    .dt_ttl74 {
        font-size: 16px;
        padding-left: 5px;
        margin-left: 12px;
        position: absolute;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: 700;
        color: #444444;
        right: 0px;
        top: 20px;
    }
    span.ttl_b854 {
        padding: 5px 10px 5px;
        font-weight: 700;
        color: white;
        background-color: #fe5e31;
        left: 0px;
        top: 0px;
        position: relative;
        z-index: 10;
        border-radius: 27px;
        margin-left: -5px;
        display: inline-block;
    }
    ._prd_snpt_bx74 {
        position: relative;
        font-size: 13px;
        color: #383838;
        background-color: whitesmoke;
        padding: 5px 10px;
        border-radius: 3px;
        font-weight: 500;
        display: inline-block;
        margin-right: 30px; 
    }
    .dt_ttl74 .dt_pckr_bx.actn_mnu_bx .actn_mnu_btn85_ {
        top: -2px;
        padding: 0px;
        border-radius: 100%;
        min-width: auto;
        right: 15px;
    }
    ._fltr_snipp_bx {
        position: absolute;
        right: 17%;
        top: 0px;
    }
    ._dwn_tp_b74._fltr_snipp_bx {
        top: 10px;
        right: 60px;
    }
    ._fltr_snipp_bx .span_max_fil {
        background-color: #f5f5f5;
        color: #4c4c4c;
    }
    .dt_ttl74 .dt_pckr_bx.actn_mnu_bx {
        top: 0px;
    }
    .agng_rpt_bx74 table.tbl_cl91 {
        width: 100%;
    }
    ._dtsprt_b75 {
        padding: 10px;
        background-color: white;
        margin: 10px 0px;
    }
        tbody.dt_agng_rpt74._load,  tbody._gm_dsh_b74_cnt._load {
        opacity: 0.5;
    }
    span.actv_slc_b84.actv {
        background-color: #0f86ff;
    }
    span.actv_slc_b84 {
        width: 8px;
        height: 8px;
        display: inline-block;
        background-color: inherit;
        border-radius: 100%;
        position: relative;
        margin-right: 6px;
    }
    .slc_agng_dt_f74.actv,.slc_dt_f74.actv
    {
        background-color: #e0e0e0;
    }
    .main_bx74.dt_snppt41 .tbl_cl91 thead th {
        background-color: #eaeaea;
    }
    .main_bx74.dt_snppt41 label.mn_seclbl85 {
        background-color: #ffffff;
        margin-top: -10px;
        border-radius: 5px 5px 0px 0px;
        color: #080808;
        font-weight: 500;
    }
    .dt_snppt41 table.tbl_cl91 tr th {
        background-color: #eaeaea;
    }
    label.mn_seclbl85.snpt_lbl93.mn_fltr_g74 {
        top: 0px;
        left: 0px;
        background-color: #1abc9c;
        color: white;
        font-weight: 500;
        font-family: 'Lato', sans-serif;
        overflow: hidden;
    }
    label.mn_seclbl85.snpt_lbl93.mn_fltr_g74:after   
    {
        content: "";
        width: 35px;
        height: 100px;
        position: absolute;
        left: -45px;
        top: -10px;
        transform: rotate(-20deg);
        background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
        -webkit-animation: btn-ct-banner infinite 4s linear;
        animation: btn-ct-banner infinite 4s linear;
    }
    @keyframes btn-ct-banner {from{margin-left:-20px;}to{margin-left:1000px;}}
    .fltr_b95 {
        position: relative;
        width: 100%;
        margin-top: 50px;
        z-index: 100;
    }
    .fltr_b95 ._dwn_tp_b74._fltr_snipp_bx {
        right: 14px;
    }
    .snpt_bx_sb52.dt_snppt41 table.tbl_cl91 tr th
    {
        background-color: #fe5e31;
        color: white;
        font-size: 11px;  
    }
    .txt_cnter.empt_bx95 {
        text-align: center;
    }
    .snpt_bx_sb52 table.tbl_cl91 {
        min-height: 385px;
    }
    .main_bx74.dt_snppt41 .tbl_cl91 thead th._sls_bx745 {
        color: #0072ff;
    }
    .main_bx74.dt_snppt41 .tbl_cl91 thead th._estm_bx754 {
        color: #d00d0f;
    }
    .cirl_cls84.estm_cncl74 {
        background-color: #da0505;
        border: 4px solid #ffa0a0;
    }
    .cirl_cls84.empt_bx74,span.lne_dt_b41.empt_bx74,span.wrkfl_txt.empt_bx74 {
        visibility: hidden;
    }
        span.dt_bx7459.tbl_rsl41_dt {
        position: relative;
        top: -5px;
        left: 0;
        color: grey;
    }
    .page-content._hpg_tmpl7.extrnl_wrk_bk745 {
        margin-top: 30px;
    }
    .extrnl_wrk_bk745 .extrn_lnk {
        display: none;
    }
    a.estm_extrn745 {
        display: inline-block;
        position: relative;
        color: #0073ff;
        font-size: 20px;
        padding: 0px 9px;
        border-radius: 3px;
        cursor: pointer;
        margin-left: 10px;
        top: 3px;
    }
    .mnbx_ntfy852.actv_bx_fl84 {
        position: relative;
        height: 100%;
    }
    .mnbx_ntfy852.actv_bx_fl84 .mn_ntfy_cnt21 {
        height: 95%;
    }
    div#popup-dt_pckr {
        display: none;
    }
    div#popup-dt_pckr.actv {
        display: block;
    }
    .lod_cls {
        opacity: .5;
        text-align: center;
        font-size: 18px;
        padding: 30px;
    }
    .notif_cls52.sals_viu_det52.vwd_dt74 {
        background-color: whitesmoke;
        color: grey;
        margin-right: -10px;
    }
    .notif_cls52.sals_viu_det52.vwd_dt74 span._hgtxt951 {
        opacity: 0.5;
    }
    .pr_ftch745 {
        padding: 200px 0px;
        text-align: center;
        color: grey;
    } 
    .stl_cvr_st52 tr td.lft_cl52 {
        position: relative;
        left: 35px;
    }
    .stl_cvr_st52 tr td.rht_cl52 {
        position: relative;
        right: 15px;
        text-align: right;
    }
    .cvr523 { 
        position: relative;
        margin-top: 10px; 
    }
    .sb_cl526 {
        position: absolute;
        left: 10px;
        margin-bottom: 10px;
    }
    .sb_cl552 {
        position: absolute;
        right: 10px;
        margin-bottom: 10px;
    }
    .lfcl56 {
        position: relative;
        left: 25px;
        font-size: 12px;
    }
        
    .tb_cht_nt74 {
        display: inline-block;
        padding: 5px 20px;
        margin-top: 0px;
        position: relative;
        font-weight: bold;
        cursor: pointer;
        user-select: none;
    }
    .tb_cht_nt74.actv {
        background-color: #e1e1e1;
        border-radius: 5px 5px 0px 0px;
    }
    .tb_cnt745 {
        position: absolute;
        z-index: 100;
        background-color: white;
        width: 100%;
        top: 0px;
        display: none;
    }
    .ntf_cnt_cht7 { 
        position: relative;
        width: 105%;
        height: calc(100%);
        overflow: hidden;
        overflow: auto;
    }
    .ntf_msg_ap745
    {
        padding-bottom: 50px;
    }
    span.extrn_lnk {
        margin-top: 10px;
        position: relative;
        display: inline-block;
    }
    .chk_bx._estm_chk_bx96 .mdl-checkbox {
        width: auto;
        margin-left: 25px;
    }
    span.estm_optn_rm751cap {
        display: block;
        position: absolute;
        width: 170%;
        background-color: #000000e6;
        border-radius: 3px;
        color: white;
        padding: 10px;
        font-size: 12px;
        line-height: 15px;
        visibility: hidden;
    }
    .mrk_as_optnl_grp:hover .estm_optn_rm751cap
    {
    visibility:visible;
    }
    .usr_d854.dt_hdr_usr74.actv {
        background-color: #4c4c4c;
        color: white;
    }
    .usr_d854.dt_hdr_usr74.actv .delg_acc74_b {
        color: #ffffffbd;
    }
    .usr_d854.dt_hdr_usr74.actv .dlg_icn7 {
        background-color: #00a1ff;
    }
    label._ttl_pop42_.mn_ttl_b84 {
        padding: 15px;
        display: inline-block;
        font-weight: 600;
        vertical-align: top;
    }
    .mrk_as_optnl_grp {
        display: none;
    }
    .mrk_as_optnl_grp.actv_optn_rm746 {
        display: inline-block;
    }
    .rm_bx745_st._optnl_rm_dt_cls .cost_bx_btm65,
    .rm_bx745_st._optnl_rm_dt_cls .upd_rm_num,
    .rm_bx745_st._optnl_rm_dt_cls .rm_clne854, 
    .rm_bx745_st._optnl_rm_dt_cls .frml_sht_bx74,
    .rm_bx745_st._optnl_rm_dt_cls .clk_inst_cst,
    .rm_bx745_st._optnl_rm_dt_cls .ad_optnl74,
    .rm_bx745_st._optnl_rm_dt_cls .optnl_prd74estm,
    .rm_bx745_st._optnl_rm_dt_cls .ad_optnl748 ,
    .rm_bx745_st._optnl_rm_dt_cls .optnl_grp523,
    .rm_bx745_st._optnl_rm_dt_cls .upl_frml_sht
    {
        display:none;
    }
    .ntf_msg_ap745.disbl
    {
        opacity: 0.5;
    }
    ._ntf_bx_dt7458 {
        background-color: #383838;
        display: inline-block;
        padding: 50px;
        border-radius: 3px;
        color: white;
        position: absolute;
        bottom: 0px;
        right: 10px;
        box-shadow: 0px 0px 7px #00000091;
    }
    .sb_rgt_cls51 {
        display: inline-block;
        width: 28%;
        vertical-align: top;
    }
    .sb_cls52 {
        text-align: center;
        background-color: #efefefd6;
        padding-bottom: 3px;
    }
    .mcprc853 {
        margin: auto;
        padding: 5px;
        margin-bottom: 5px;
        background-color: #a9ffdf;
        font-size: 20px;
        text-align: center;
        border-radius: 3px;
        width: 90%;
    }
    ._rst_rm_dt745 {
        background-color: grey !important;
    }
    .mand_fld {
        color: #be0000;
        position: relative;
        right: -5px;
    }
    .mand_cls11::before {
        content: "*";
        color: red;
        position: absolute;
        right: -5px;
        top: 5px;
    }
    input.itm_doc_cls {
        display: none;
    }
    .bse_bk853 {
        text-align: left;
        padding: 25px 0px;
    }
    button.btn_stycs991 {
        padding: 10px 15px;
        border: 0px;
        border-radius: 3px;
        color: white;
        background-color: #5461f0;
        cursor: pointer;
        outline: none;
    }
 
    button.mdl-button.mdl-js-button.mdl-js-ripple-effect._actn75_btn._pop_nw_btn42p {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 9px;
    font-weight: 100;
    padding: 0px 5px;
    height: 30px;
    display: inline-block;
    z-index:1;
}
.txt_cls521 {
    font-size: 24px !important;
    color: #6f02a1;
    padding: 30px 0px 0px 0px !important;
}
.pdng_cls15 {
    padding-top: 15px;
}
.bdr_styl_cls5231 {
    border-left: 3px solid black;
    padding: 4px 0px 4px 15px;
    background-color: #f1f1f1;
    width: 100px;
    border-radius: 3px;
}
.paddng_rg11 {
    position: absolute;
    right: 0px;
    padding: 0px 15px;
}
.bdr_styl_cls5231 {
    border-left: 3px solid black;
    padding: 4px 0px 4px 15px;
    background-color: #f1f1f1;
    width: 125px;
    border-radius: 3px;
    position: relative;
}
.dbl_bx45_.dis_inl523 .mdl-textfield {
    width: 100% !important;
}
.dbl_bx45_.dis_inl523 {
    position: relative;
    display: inline-block;
    padding-right: 15px;
} 
.rel_cl8512 {
    position: relative;
}
.stl412 {
    font-size: 11px;
    font-weight: 100;
    color: #ffeb00;
}
.mn_clscs21 {
    position: absolute;
    right: 40px;
    top: 40px;
}
.sprt_cl521 {
    display: inline-block;
    padding: 0px 30px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    vertical-align: top;
} 
.sb_sprt_cls {
    position: absolute;
} 
.bx_mn_cls {
    height: 150px;
}
#mn_sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#mn_sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }

.dt_frm75_ .dbl52_bx45_ .dbl_bx45_ .mdl-textfield {
    width: 30%;
}
.disp_ln_blk {
    display: inline;
}
.disp_ln_blk .auto_srch_widg {
    top: 25px;
}
.lbl_sb521 {
    padding: 0px 15px 15px;
    font-size: 11px;
    font-weight: 500;
}
.bse_styl_cls521 {
    padding: 25px 5px;
}
table.cls_bs521 {
    width: 100%;
    border-collapse: collapse;
}
.cls_bs521 thead tr {
    border-bottom: 1px solid #d6d6d6;
}
.cls_bs521 thead tr td {
    padding: 9px 12px 0px;
}
.cls_bs521 tbody tr td {
    padding: 0px 15px;
}

td .mdl-textfield {
    padding: 0px;
}

.db521 {
    font-size: 9px;
    color: #919191;
}
.bdr_cl521 {
    border: 1px solid #a9a9a9;
    padding: 5px;
}
td.qty_cls112 {
    width: 12%;
}
.cls_bs521 tbody tr td {
    padding: 9px 15px 0px;
}
.bdr_cl521 .mdl-textfield .mdl-textfield__input {
    border: none;
}
textarea.nts_txt_b11{
    width: 97%;
    font-family: inherit;
    min-height: 25px;
    padding: 5px;
    outline: none;
    border-radius: 3px;
}
.dispbl521 {
    color: white;
    background: grey;
    position: absolute;
    left: 40px;
    padding: 15px;
    width: 27%;
    border-radius: 3.6px;
}
.dispbl521:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 18px 18px 0;
    border-style: solid;
    border-color: #3c3c3c #f5f5f5;
}
.labl_stl521 {
    position: relative;
    display: inline-block;
    left: 40px;
    color: #0000ba;
}
label._ttl_pop42_.sbttl85 {
    padding: 0px 15px;
    font-size: 12px;
    margin-top: -17px;
    font-weight: 400;
    padding-bottom: 25px;
    display: block;
}
table.cls_bs521 tbody.grp_dt tr td:last-child {
    width: 10%;
}
.rgt_act52_b.up_bxdt74 {
    position: relative;
    margin-top: 20px;
}
.lbl_disp569 {
    font-size: 14px;
    font-weight: 300;
}
.lbl_st_dt74 {
    font-weight: 500;
}
.tmpl_mnst.wid_cls5236 {
    width: 90%;
    margin: 0 auto;
    border: none;
    padding: 15px;
    background-color: #fff; 
}
.nme_cl_md45 {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 0px;
    position: relative;
}
.tmpl_mnst.wid_cls5236 .img_cs536 { 
    position: relative;
}
.tmpl_mnst.wid_cls5236 .ag_hgt_dt {
    font-size: 14px;
    padding: 3px 0px;
}
.tmpl_mnst.wid_cls5236 .sub_det856 {
    color: #461212;
    padding: 0px;
}
.tmpl_mnst.wid_cls5236 .nme_cls5326 {
    width: 47%;
    margin: auto;
    padding: 1.4%;
    height: 135px;
    vertical-align: top;
} 
.abt_cl526 p {
    font-size: 14px;
    font-weight: 400;
    color: #676767;
}
.mn_det_dv41 {
    padding: 15px 0px;
}
.bdr_cl852 {
    border-bottom: 1px solid;
    padding: 10px 0px;
}
.hlf_wid523 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.hlf_wid523 table tr td {
    font-weight: 100;
    line-height: 23px;
    color: #676767;
    font-size: 14px;
    padding: 3px 0px;
    vertical-align: baseline;
}
.hlf_wid523 table tr td.spc_dt523 {
    font-size: 13px;
    font-weight: 500;
    padding: 0px 10px;
    color: black;
}
.img_cs536 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.img_cs536 {
    width: 150px;
    height: 150px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin: 1%;
    border-radius: 5px;
}
.nme_cls5326 {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    width: 63%;
    margin: 0 auto;
    margin-left: 10px;
}
.ctg_dt652 {
    border-right: 1px solid #a7a7a7;
    padding-right: 9px;
    margin-right: 9px;
}
.sub_det856 {
    font-size: 11px;
    color: grey;
    padding: 3px 0px;
}
.txt_class523 {
    position: absolute;
    bottom: 0px;
    color: white;
    background: #00000057;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    line-height: 36px;
}
.btn_verif_st {
    position: absolute;
    top: 17px;
    right: 0px;
    background-color: #1885f2;
    color: white;
    padding: 7px 17px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.full_wid_cls {
    width: 100% !important;
    height: auto !important;
}
.bdr_cls529{
    border-bottom: 1px solid black;
}
.wid_650_cl{
    width:650px;
}
.slc_bx_mlp74 {
    background-color: #e2e2e2;
    display: inline-block;
    border-radius: 3px;
    margin-right: 5px;
    padding: 3px 7px;
    font-size: 11px;
    margin-bottom: 4px;
    position: relative;
    color: #252525;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;  
    -ms-user-select: none;
    -o-user-select: none;
    outline: none; 
}
.srch_mulple745 {
    border: none;
    border-bottom: 1px solid;
    width: 95%;
    padding: 5px 0px;
    outline: none;
}
.srch_mltp74_mn{
    position:relative;
}
.lbl_msg_dt {
    padding: 10px 0px;
    font-size: 11px;
    color: grey;
}
.add_grp_estm74 {
    position: absolute;
    top: 2px;
    right: 40px;
    background-color: #f0f0f0;
    padding: 3px 5px;
    border-radius: 3px;
}
.dt_sl748 {
    padding-top: 10px;
}
.prod_vw_box_dsn ._dt_smry_bx745 {
    top: 0;
}
.prnt_pg_dt {
    position: absolute;
    height: 45px;
    right: 10px;
    top: -33px;
}
.btn_quot_cl11 {
    font-size: 11px;
    width:22px;
    padding: 3px 9px;
    background-color: #009ce2;
    color: white;
    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
}
.prod_vw_box_dsn.dt_cust_pop74 {
    width: 50%;
} 
.add_mr_alt,.add_alt_clt,.add_nw_vendr,.add_nw_suppl {
    border: 1px solid black;
    display: inline-block;
    padding: 3px 9px;
    border-radius: 3px;
    background: #7e8386;
    color: white;
    cursor: pointer;
    outline: none;
}
.disp_in_cls56 .mdl-textfield {
    padding: 20px 9px;
}
.disp_in_cls56 {
    position: relative;
    display: flex;
}
.del_cl521 {
    position: absolute;
    top: 0px;
    right: 0px;
    color: red;
    font-size: 15px; 
    z-index: 1;
}
.del_cl521 .mdi-close {
    cursor: pointer;
}
.dt_lead_fl_nt74 .dt_frm75_ {
    padding: 0px 15px 15px;
}
.edt_nts_dt {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
span.clr_lue {
    color: #0f30d6;
}
.orng_cl52 {
    color: #ff8100;
}
.fnt_cl523 {
    font-size: 11px;
    line-height: 18px;
}
span.blcls1 {
    color: #0037ff;
}
.psabz12 {
    position: absolute;
    right: 10px;
    top: 10px;
}
.mdl-layout__header .mdl-layout__drawer-button { 
    color: #58595b;
}
.chrt_bx_ds74 {
    font-size: .85em;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    height:300px;
}
.msg_abs52 {
    position: absolute;
    top: 0px;
    right: 10px;
}
.mail_abs52 {
    position: absolute;
    top: 33px;
    right: 10px;
}
button#_actn_mnu_btn_viu_quot{
    right: 0px;
    position: absolute;
} 
header.mdl-layout__header {
    position: fixed;
}
table#tbl_dt_dis11 {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}
table#tbl_dt_dis11 tr td {
    border: 1px solid #dbdbdb;
    border-collapse: collapse;
    padding: 10px;
}
.main_set_dt .prd_lst42_ {
    width: 90%;
    margin: 0 auto;
    display: flex;
}
.srch_dt_cl52 {
    background-color: whitesmoke;
    width: 28%;
    border-radius: 3px;
}
.srch_dt_cl52 form#blk_sms_frm
{ 
    padding: 20px 35px;
}
.msg_frm_dt8 {
    cursor: pointer;
    user-select: none;
}
._msg_tmpl_bx74 {
    padding-bottom: 50px;
}
.msg_frm_dt8 {
    cursor: pointer;
    user-select: none;
    margin: 5px 0px;
    background-color: whitesmoke;
    padding: 10px;
    border-radius: 3px;
    position: relative;
}
._cpy_dt74_cnt {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 17px;
    color: #0273ff;
}
.exst_fl_cnt74 {
    z-index: 1;
    position: relative;
}
.list_data._mn_notif_bx74 {
    display: inline-block;
    width: 63%;
    padding: 35px 0px 0px;
}
._msg_tmpl_vw74 {
    position: absolute;
    right: 20px;
    font-size: 12px;
    top: -10px;
    text-decoration: underline;
    color: #013fef;
    cursor: pointer;
}
label.fld_ttl_b86 {
    position: relative;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
    color: #737373;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.blcls1
{
   cursor: pointer; 
}
.set_disp_cl {
    width: 100%;
    background-color: #ffffff; 
}
.prod_vw_box_dsn.blk_sms_cn {
    box-shadow: none;
    display: block;
}
.prod_vw_box_dsn.blk_sms_cn .btn_bx42_ {
    position: absolute;
    right: 0px;
}
.disp_lbl_cl {
    position: relative;
    top: -7px;
    right: -5px;
    padding: 5px 0px;
}
.ref_srch {
    margin: 0px 20px;   
    padding: 5px 8px;
    font-size: 11px;     
    background-color: #eaeaea;     
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    top: -4px;
 }
 .ntfy_mn_b74 {
    color: #b9b9b9;
}
.bg_layout_dt {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0.3;
}
.main_bx74.dt_snppt41.ld_sit_stg_dt78 {
    display: inline-block;
    width: 65%; 
}
tbody._gm_dsh_b74_cnt tr td, .dt_cnt_man74 table tr th {
    font-size: 13px;
}
.main_bx74.dt_snppt41.rcnt_actvy745 {
    display: inline-block;
    width: 34%;
    vertical-align: top;
}

.innr_bx86_csnip {
    padding: 15px 25px;
    min-height: auto;
}
._dt_dom_dsh745 {
    width: 93%;
    margin: 0 auto;
    padding-top: 15px;
}
.nts_qt_dt8 {
    padding: 15px 10px;
}
.im_bg_v62 {
    text-align: center;
    padding: 30px 30px 40px;
}
img.im_bg_v52 {
    width: 100%;
}
.prod_vw_box_dsn.vw_pop_im75 {
    background-color: black;
    color: white;
}
.prod_vw_box_dsn.vw_pop_im75 .cls_btnes_qn85 {
    color: white !important;
}

.main_bx74.dt_snppt41.rcnt_actvy745 .innr_bx86_csnip {
    min-height: auto;
    box-shadow: none;
    padding: 15px 15px;
}
.img_upl_ldr_mn.inactv {
    display: none;
}
.dt_jb_state74 span.ntfy_spprt_bx.actv {
    right: 4px;
    top: 1px;
}
span._dt_hgl86 {
    background-color: #97ff97;
    padding: 2px 5px;
    margin-right: 5px;
    border-radius: 3px;
    display: inline-block;
}
.fltr_dt_b745 .blk_filter-cont-box.actv {
    max-height: 310px;
    min-width: 335px;
    box-shadow: 0px 0px 5px #00000057;
}
li.-actn-lnk.mnu_lst85l.sub_dt_bx745 {
    margin-left: 15px;
}
.mdl-switch__label {
   left: 12px;
}
label.MuiFormLabel-root {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: inherit;
    color: #737373;
}
.bx-msg-data.cnfrm_bx74.actv {
    bottom: auto;
    top: 0px;
    height: 100%;
    background-color: #0000007d;
}
.bx-act-error.bx-act-confirm {
    top: 30%;
}
._dt_actn_b82 {
    padding: 5px;
    text-align: right;
    padding-top: 10px;
}
textarea._nts_bx_cnfrm75 {
    width: 94%;
    padding: 10px;
    font-family: inherit;
    margin-top: 20px;
    min-height: 90px;
}
.prior_cl856 {
    position: absolute;
    top: 0px;
    right: 15px;
    font-weight: 500;
   
}
.prior_cl856 .clr_cdhg{
    color: #f30000;
}
.prior_cl856 .clr_cdlw{
    color: green;
}
.mdl-textfield.tx_dat.disbl {
    display: none;
}
.mdl-layout__drawer-button {
    margin: 3px 12px;
}
.mdl-layout__header
{
    min-height: 50px;
    background: #ffffff;
}
.mdl-layout__header-row {
    height: 54px;
}
.cmp_dt_stl521 {
    width: 100%;
    margin: 0 auto;
    background-color: #f7f7f7;
    padding: 25px;
    border-radius: 3px;
    padding-bottom: 50px;
}
.cmp_dt_stl521 .mdl-textfield{
    width:100%;
}
.edt_btn_521{
    background-color: #0072ff !important;
}
.edt_cl42 {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1;
}
.sv_cmp_dt{
    display: none;
}
.edt_cl42.actv {
    z-index: 0;
}
.sv_cmp_dt.sv_cmpny_cl521 {
    display: initial;
}
.prod_vw_box_dsn.cmp_dt_cl11 {
    width: 550px;
}
.gst_dt_disp { 
    margin-bottom: 10px;
    font-size: 11px;
    display: none;
}
.gst_dt_disp.actv{
    display: block;
}
.cas_recp_dt ._ttl_pop42_.sbttl85 {
    padding-bottom: 0px;
    font-size: 11px;
}
.tbl_info_sty52 table {
    width: 100%;
    border-collapse: collapse;
}
.tbl_info_sty52 table tr td.rgtcl11 {
    text-align: right;
}
.tbl_info_sty52 table tr td {
    padding: 3px 10px;
}
.tbl_info_sty52 table tr {
    background-color: #f9f9f9;
}
.tbl_info_sty52 table tr {
    background-color: #f1f1f1;
    border: 1px solid white;
}
.exst_fl_cnt74 .amt_type_cl52 {
    margin-bottom: -15px;
}
table.bll_tb856 tr td {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    padding: 4px 0px 0px 0px;
    margin: 5px 5px 0px 0px;
}
.mn_bdy_dt59 {
    font-size: 14px;
    line-height: 21px;
    margin-top: 15px;
    color: #464646;
}
table.amnt_splt_tbl5 tr td {
    border: 1px solid #797979;
    padding: 3px 10px;
}
table.amnt_splt_tbl5 {
    border-collapse: collapse;
    width: 45%;
}
.mn_tbl_dt {
    display: flex;
    flex-direction: row-reverse;
}
.clk_view_recpt {
    color: blue;
    cursor: pointer;
}
.frnt_dt53
{
    z-index: 1;
}
td.is_ths856 {
    font-size: 18px !important;
}
.clr_bg_grn11 {
    color: green;
}
table.amnt_typ85 {
    width: 25%;
}
table.amnt_typ85 tr td {
    font-size: 12px;
}
.fnt_rec523 {
    font-size: 14px;
    font-weight: 500;
}
.frnt_dt53 {
    z-index: 1;
    position: relative;
}
.pric_dt_b75.disbl {
    display: none;
}
.grpprc_bx754.sals_dt_dsp52 .prcn74_bx {
    width: 25%;
    text-align: left;
}
.dt_cls74.prv_flwup_74 {
    background-color: #fff9dd;
}
.grp_prd74_b.prd_srch_d52 {
    width: 100%;
    margin: 0px;
}
.disp_wid_cl78 {
    width: 94%;
    margin: auto;
    margin-bottom: 15px;
    background: #f1f1f1;
    padding: 25px;
    position: relative;
}
.tbl_dt523 {
    padding-top: 15px;
}
.tbl_dt523 table {
    width: 46%;
    border-collapse: collapse;
}
.tbl_dt523 table tr td {
    border: 1px solid white;
    padding: 10px;
}
button.btn_ble745._grp_rmv_dt11 {
    right: 15px;
    position: absolute !important;
    left: unset;
}
.grpng_mn.expnd32_ .grpng_dt14 {
    opacity: 1;
}
.add_prod_set, .add_prch_prd {
    position: relative;
    height: 20px;
    padding: 6px 20px;
    top: 10px;
    background-color: #0089ff;
    color: white;
    border-radius: 3px;
    cursor:pointer;
}
.sb_set_prd_dt52 .dbl_bx45_.dt_bx_prod_grp {
    width: 100%;
}
.sb_set_prd_dt52 {
    width: 38%;
    display: flex;
}
.appnd_cls_dt_prd table tr td {
    padding: 10px 0px;
}
.appnd_cls_dt_prd table {
    width: 100%;
    border-collapse: collapse;
}
.appnd_cls_dt_prd {
    padding: 10px;
}
.dbl_bx45_ .inp_wrk_qnty521 {
    width: 20%;
}
.cls_prod_st,.cls_purch_prod_st {
    cursor: pointer;
}
.prod_vw_box_dsn.ext_cl523 {
    width: 1000px;
}
.ord_dt {
    text-align: right;
}
.estm_prc521 {
    text-align: right;
    font-size: 14px;
    padding: 10px 25px;
    font-weight: 500;
}
.prod_vw_box_dsn.dt_supl_pop74 {
    width: 600px;
}
/* .appnd_cls_dt_prd table tr td:last-child {
    text-align: right;
    padding: 0px 25px;
} */
.estm_prc521 span {
    width: 100px;
    display: inline-block;
    font-size: 18px; 
}
.prc_cnt_dt536 {
    background-color: whitesmoke;
}
.bg_blk_cl523 {
    background-color: #0000008f;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.prod_vw_box_dsn.prmt_cl523 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    z-index: 9;
    width: 30%;
}
.icn_prmt {
    text-align: center;
    font-size: 35px;
    color: #e2b500;
}
.btn_cls_prmt {
    text-align: right;
}
.prod_vw_box_dsn.prmt_cl523 p {
    text-align: justify;
    padding-top: 15px;
}
.actn_mnu_bx.actn_sprt_cl53 {
    display: inline-block;
    vertical-align: middle;
}
.chk_wrk_ordbk11 {
    cursor: pointer;
}
.snd_supl_mil.disbl {
    display: none;
}
.prc_cnt_dt536 table tr td:first-child {
    text-align: right;
}
.prc_cnt_dt536 table tr td span {
    font-size: 18px;
    padding: 0px 30px;
    font-weight: 500;
}
.mn_pric_dt826 {
    text-align: right;
    padding: 30px 0px 0px;
}
.tol_prc86 {
    font-weight: 600;
    display: inline-block;
    background-color: whitesmoke;
    padding: 10px;
}
span.fnt_cl5862 {
    font-size: 11px;
    font-weight: 400;
}
.prod_vw_box_dsn.dt_b_sngl74dt .DateRangePicker__Month {
    width: 100%;
}
span.snd_to_all_dt {
    padding: 5px 8px;
    font-size: 11px;
    background-color: #235dff;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    top: -4px;
    margin-left: 20px;
}
form#snd_sms_port {
    max-height: 600px;
    overflow-y: auto;
}
/*quotation sheet */
span.supprt_dt.disbl {
    display: none;
}
/*msg templ*/
.msg_mndt52 {
    display: inline-block;
    padding: 10px 25px;
    cursor: pointer;
}
.sb_hd_dt465 {
    width: 90%;
    margin: 0 auto;
    background-color: whitesmoke;
    font-weight: 500;
    color: grey;
    border-radius: 3px;
}
.msg_mndt52.actv {
    color: black;
    font-weight: 600;
    border: 1px solid gainsboro;
    border-radius: 3px;
    background-color: #e6e6e6;
}
/**/
.addr_ltc_br .dtaddr74 {
    width: 70%;
}
button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.cls_btnes_qn85 {
    border: none;
    box-shadow: none;
}
.prod_vw_box_dsn.dt_vend_pop74 {
    width: 550px;
}
.avl_stk{
    position: relative;
    width: 100px;
}
.nt_avail52 {
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #ff5757;
    border-radius: 100%;
    left: -10px;
    top: -5px;
}
.dt_avail52 {
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #00d800;
    border-radius: 100%;
    left: -10px;
    top: -5px;
}
.sb_set_prd_dt52.dipl_inl52 {
    display: inline-block;
    width: 48%;
    padding-right: 10px;
}
.cls_rtn_purch2 {
    cursor: pointer;
}
table.rtn_purch_stl52 {
    width: 100%;
    margin-bottom: 15px;
}
.tbl_dt_qn85 tr td {
    padding: 0px 5px;
}
table.tbl_dt_qn85 {
    border-collapse: collapse;
}
tr.ext_dimcl52{ 
    color: white;
    background: #71c171;
}
.inpt_qn_val11.ext_dimcl52{
    opacity: 0.75;
    color: white !important;
    background: #00800000;
}
.extrnl_prch_ord5 .prod_vw_box_dsn.ext_cl523 {
    width: 100vw;
    box-shadow: none;
} 
.nots_dt52_prch {
    padding-top: 25px;
    color: #000000;
    font-size: 12px;
}
.viu_dt_stk5 {
    position: relative;
    color:#1b1b1b;
}
.cls_viu_stk2 {
    top: -25px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    font-size: 12px;
}
.tgl_viu_cls {
    display: none;
}
.tgl_viu_cls.actv {
    display: block;
    width: 300px;
    height: 200px;
    position: absolute;
    z-index: 10;
    top: -50px;
    left: -50px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background-color: white;
    overflow: hidden;
    overflow-y: scroll;
} 
span#smpl_cl {
    font-size: 20px;
    position: relative;
    top: 3px;
}
.dt_frm75_ .tgl_viu_cls.actv .dbl_bx45_ .mdl-textfield {
    width: 85%;
    padding: 3% 8%;
}
.wrcl_di52 {
    font-size: 10px;
    margin-top: -8px;
    margin-bottom: -10px;
}
.ad_wrehs_btn {
    right: 30px;
    top: 10px;
    position: absolute;
    border-radius: 100%;
    border: 0px;
    font-size: 18px;
    padding: 5px 9px;
    line-height: 17px;
    cursor: pointer;
    outline: none;
}
.wrehs_stk_dt {
    padding: 0px 20px;
    font-size: 12px;
}
.wrehs_qty_dt {
    font-size: 12px;
}
.cls_wrehs_d52 {
    cursor: pointer;
}
.mdi-checkbox-marked-circle.stk_nd_cl52 { 
    color: green;
}
.mdi-checkbox-marked-circle.stk_nd_cl52 { 
    color: green;
}
.stok_rdy_cnd52{
    position: absolute;
    left: 0px;
    top: 15px;
    font-size: 20px;
}
.mdi-close-circle.stk_nd_cl52 {
    color: #d80909;
}
span.mdi.mdi-close.cls_stk_tl52 {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.cls_viu_stk2.disptch_cl52 {
    position: relative;
    top: 0px;
    color: blue;
    text-decoration-line: underline;
}
.text_center.mg_setbx h1 {
    color: white;
}
.lgn42_cnt_bx .mdl-textfield__input
{
    border-bottom: 1px solid rgb(19 19 19 / 40%);
}
.dt_b74_lgn {
    position: absolute;
    bottom: 85px;
}
.dt_b74_lgn img {
    width: 100%;
}
.mnu_sb_tt86
{ 
    display: inline-block;
    width: 85%;
    vertical-align: top; 
} 
.expnd32_.mn_expnb56 {
    margin-left: 10px;
    padding: 5px;
    font-size: 16px;
}
span.dwn_ar_gacc {
    padding: 5px;
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
}
.expnd32_.mn_expnb56._sub_dt_bx {
    display: none;
}
.expnd32_.mn_expnb56._sub_dt_bx.actv {
    display: block;
}
span.mn_acc_clk_bx74 {
    cursor: pointer;
    user-select: none;
}
.g_acc_dt75 {
    font-size: 11px;
    color: grey;
}
.gdt_7c {
    font-size: 15px;
    color: #4f4f4f;
    font-weight: 700;
}
.g_acc_dt75 {
    font-size: 11px;
    color: grey;
    background-color: #efefef;
    margin-left: -16px;
    margin-right: -16px;
    top: 10px;
    position: relative;
    padding: 15px;
}
.dt_lt_gcacc74 {
    padding: 5px;
}
.exst_fl_cnt74.fd_testm_bx74 {
    display: none;
    padding: 2px 25px;
}
.exst_fl_cnt74.fd_testm_bx74.actv {
    display: block;
}
.exst_fl_cnt74.fd_testm_bx86 {
    display: inline-block;
    margin-right: 25px;
    padding: 0px 0px 25px;
}
span.sb_dt_bfrm_l8 {
    font-size: 18px !important;
    color: #0072ff !important;
    padding: 10px 0px;
}
.dt_m_cnt_b75 {
    cursor: pointer;
    font-size: 23px;
    vertical-align: middle;
}
.ql-editor p {
    font-weight: 400;
}
._dt_edtr_b85 {
    margin-top: 10px;
}
.ql-editor {
    min-height: 200px;
}
tr.data_uniqidbx.trb75_dt.drag td.actn_mnu_bx {
    display: none;
}
.exst_fl_cnt74.cstm_mdl_dt {
    margin-top: 15px;
    border-top: 1px solid #e1e1e1;
    padding-top: 5px;
}
._fld_disp_dsbl {
    display: none !important;
}
a.dtbx_lnk91_ {
    color: white;
    font-size: 13px;
    display: inline-block;
    background-color: #0071ff;
    padding: 10px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
    margin-top: 10px;
}
.sbdt_vw52 {
    font-size: 12px;
    color: #b3b3b3;
}

._drg_blgC5 {
    position: absolute;
    width: 99.2%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.97);
    z-index: 1001;
    border: 3px dashed #5682fb;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #8caaff;
    display: none;
    top: -45px;
    padding: 25px 0px;
}
._drg_blgC5.actv {
    display: block;
}
.dt_hgl_mnpr8
{
    color: white;
    font-size: 9px;
    background-color: #00ba00;
    display: inline-block;
    margin-left: 5px;
    border-radius: 3px;
    padding: 0px 10px;
}
._blg_cnt_inp
{
    position: relative;
    width: 100%; 
}
._blg_cnt_inp.actv
{
    min-height: 140px; 
}
.exst_fl_cnt74.mrgn_tp_b75 {
    margin-top: 20px;
}
._spndrg5 {
    top: 40%;
    position: relative;
}
.expnd32_._hme_icn:hover a.mdl-navigation__link._mdttl42_
{
    background: inherit !important;
}
.expnd32_._hme_icn:hover span._lst_itm42_ {
    background-color: #ff9a32 !important;
}
.expnd32_._hme_icn .mdl-layout__drawer .mdl-navigation .mdl-navigation__link._mdttl42_ {
    color: #ffffff !important;
}
div#ctg_slc75_.disbl {
    display: none;
}
.ad_dt_st8546 {
    padding: 5px 15px;
    background: #0085ff;
    display: inline-block;
    border-radius: 3px;
    color: white;
    cursor: pointer;
}
.wid_styl_dt52 {
    margin-top: 10px;
}
.wid_styl_dt52 .type_cls_dt82 {
    width: 85%;
    padding: 5px 10px;
}
span.adm_dt74 {
    margin-left: 10px;
    vertical-align: sub;
}
.close_dt {
    cursor: pointer;
    margin-left: 5px;
    color: red;
    border-radius: 50%;
    font-size: 20px;
    vertical-align: middle;
}