@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: 'arial', sans-serif; */
    font-family: Arial;
}


.rm,
.wip,
#FG1
 {
    position:relative;
    width: auto;
    color:#ffffff;
    text-decoration:none;
    border-radius:5px;
    border:solid 1px #a49bc5;
    background-color: #a49bc5;
    text-align:center;
    padding:7px 7px 5px;
  
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;

  }

  .rm:active{
    -webkit-box-shadow: 0px 2px 0px #a49bc5;
    -moz-box-shadow: 0px 2px 0px #a49bc5;
    box-shadow: 0px 2px 0px #a49bc5;
    position:relative;
    top:4px;
  }
  #FG1:active{
    box-shadow: 0 12px 16px 0 rgba(29, 29, 29, 0.24),0 17px 50px 0 rgba(37, 37, 37, 0.19);
    -webkit-box-shadow: 0px 2px 0px #a49bc5;
    -moz-box-shadow: 0px 2px 0px #a49bc5;
    box-shadow: 0px 2px 0px #a49bc5;
    position:relative;
    top:4px;
  }
  .wip:active{
    -webkit-box-shadow: 0px 2px 0px #a49bc5;
    -moz-box-shadow: 0px 2px 0px #a49bc5;
    box-shadow: 0px 2px 0px #a49bc5;
    position:relative;
    top:4px;
  }


  .rm,#FG1:hover {
    box-shadow: 0 12px 16px 0 rgba(29, 29, 29, 0.24),0 17px 50px 0 rgba(37, 37, 37, 0.19);
  }
 
  .wip,#FG1:hover {
    box-shadow: 0 12px 16px 0 rgba(29, 29, 29, 0.24),0 17px 50px 0 rgba(37, 37, 37, 0.19);
  }
  #FG1,#FG1:hover {
    box-shadow: 0 12px 16px 0 rgba(29, 29, 29, 0.24),0 17px 50px 0 rgba(37, 37, 37, 0.19);
  }
/* Login PAGE*/



#formlogi {
    width: 300px;
    margin: 77px auto auto auto;
    background-color: white;
    height: 390px;
    border-radius: 2px;
    box-shadow: 3px 3px 3px 3px rgba(116, 115, 115, 0.5);
  }
  
  .logo img {
    margin: 25px auto auto 87px;
    width: 130px;
    height: 60px;
    border-radius: 50%;
  }
  
  /* .input-group {
    margin: 30px auto auto 40px;
  
  } */
  
  .inp {
    width: 180px;
    border-bottom: 1px solid #000;
  }
  
  .inp input {
    outline: none;
    border: 1px solid white;
    padding-bottom: 5px;
  }
  
  .inp select {
    outline: none;
    border: 1px solid white;
    padding-bottom: 5px;
  }
  
  .submit1 input {
    padding: 2px 90px;
    color: white;
    background-color: rgb(38, 38, 221);
    border: rgb(38, 38, 221);
    margin-bottom: 10px;
    font-weight: 500;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px rgba(116, 115, 115, 0.5);
  }
  
  .form-check {
    margin: 10px auto auto 35px;
  }
  
  .form-bottom {
    font-size: 14px;
  
  }
  
  .form-bottom #Forgot {
    margin: -22px auto auto 154px;
  }
  
  .form-bottom #register {
    margin: -5px auto auto 35px;
  }
  
  /* REGISTER PAGE */
  
  
  #formregi {
      width: 320px;
      margin: 30px auto auto auto;
      background-color: white;
      height: 529px;
      border-radius: 2px;
      box-shadow: 3px 3px 3px 3px rgba(116, 115, 115, 0.5);
    }
  
    .logo1 img {
      margin: -25px auto auto 50px;
      width: 130px;
      height: 60px;
      border-radius: 50%;
    }
  
    .input-group {
      margin: 20px auto auto 2px;
  
    }
  
    /* .inpregi {
      width: 180px;
      border-bottom: 1px solid #000;
    } */
  
    .inpregi input {
      outline: none;
      border: 1px solid white;
      padding-bottom: 5px;
      width: 180px;
      border-bottom: 1px solid #000;
      font-size: 17px;
    }
  
    .inpregi select {
      outline: none;
      border: 1px solid white;
      padding-bottom: 5px;
      width: 180px;
      border-bottom: 1px solid #000;
    }
    .submit2 input {
      padding: 6px 90px;
      color: white;
      background-color: rgb(38, 38, 221);
      border: rgb(38, 38, 221);
    
      margin: -40px auto auto -19px;
      font-weight: 600;
      font-size: 14px;
      border-radius: 2px;
      cursor: pointer;
      box-shadow: 1px 1.5px 1.5px 1px rgba(116, 115, 115, 0.5);
    }
    .form-bottom1 {
      font-size: 14px;
  
    }
    .form-bottom1 #register {
      margin: 2px auto auto -10px;
    }
/* This is Navbar based */
.navbar{
    margin-top: -5px;
    display: flex;
    background:#fff;
    height: 60px;
    align-items: center;
    justify-content:space-between;
    padding:0px 0px 0px 0px;
    
    /* list-style: none; */
}


/* nav{
    margin-top: 25px;
    height: 50px;
    background:#fa8430;
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding:0px 50px 0px 0px;
    
    
} */


#lorem {
    padding: 0px 30px;
    font-size: 15px;
    color: #1d20bd;
    background-color: #fff;
    width: 65%;
  }

  #login {
    padding: 0px 2px 0px 2px;
    font-size: 15px;
    color: #ee9c03;
    width: 35%;
    float: right;
    background-color: #fff;
  }

  .navbar .comp_logo img {
    /* margin-left: 2px; */
    margin-top: 5px;
    width: 110px;
  height: 45px;
  border-radius: 50%;
  }
.navbar .user_det{
    margin-top: 15px;
    margin-left:5rem;
    width:10rem;
    
    align-items: center;
}
.navbar .user_det a i{
    color:#fff;
    font-size: 20px;
    margin-left: 30px;
    
}

.navbar .user_det label{
    color:#fff;
    font-size: 13px;
    
    
}

.navbar ul{
    margin-top: 15px;
    display:flex;
    list-style: none;
    margin-left:0px;
    
}

.navbar ul li{
    margin:0 5px;
}

.navbar ul li button{
    border-radius: 50px; 
    font-size: 12px;
    text-decoration: none;
    letter-spacing: .5px;
    color:#fff;
    padding: 2px;
    line-height:15px;
    border: 0px solid #fff;
    background: none;
    
    transition: all 0.4s ease;  
}
/* nav ul li button{


    width:auto;

} */

.navbar  ul li button:hover, nav ul li button:focus{
    transition: all 0.4s ease;
    background: #6770d7;
    color:#fff;
} 

nav .menu i{
    color:#fff;
    font-size:50px;
    cursor: pointer;
    display: none;
}

button{
    background:none;
}
#menu_chk{
    display: none;
}
@media(max-width:940px){
    nav ul{
        position:fixed;
        top:80px;
        left: -100%;
        background: #fa8430;
        height: 100vh;
        width: 100%;
        display: block;
        text-align: center;
        transition: all 0.4s ease;
    }
    nav ul li{
        margin: 30px 0;
    }
    nav ul li button{
        font-size: 20px;
        display: block;
    }

    nav ul li button:hover{
        
        background: none;
        color:chocolate;
    }
    nav .menu i{
        display: block;
    }

    #menu_chk:checked ~ ul{
        left: 0;
    }

}

#sidebar {
    height: 100%;
    width:160px;
    position: fixed;
    margin-top: -25px;
    left:-300px;
    background:#fcfbfa;
    overflow-x: hidden;
    transition: 0.5s;
   
  }

#sidebar ul{
    position: relative;
    margin-top:50px;
}

/*    CHanges   */

#sidebar ul li{
    list-style: none;
    display:inline-block;
    width:100%;
    padding: 16px 10px;
    
   
}

/* #sidebar ul li:hover{
    background:chocolate;
} */

/*    CHanges   */

#sidebar ul li a{
    color:rgb(3, 3, 3);
    text-decoration: none;
    font-size: 16px;
    font-weight:600;
    letter-spacing: .5px;
    cursor: pointer;
    margin-top: -25px;
}

#sidebar ul li a pre:hover{
   
    color: #1d20bd;
    
 }
/*    CHanges   */

#sidebar ul li a pre{
   
    margin: -35px 5px -14px -25px;
    font-size: 12px;
    width: 205px;
    color: rgb(73, 67, 67);
    background-color: #fcfcfc;
    border: 1px solid #ffffff;
   
   
}

#sidebar.active{
    left:0px;
}

#main_containt.les{
    padding-top: 80px;
    margin-left:200px;
    transition: transform 0.4s;
}
.nav_itm ul,li,button,b{
    font-size: 13px;
    font-family: cursive;
}
#main_containt{
    padding-top: 80px;
    margin-left:0;
    transition: transform 0.4s;
}
.sal_btn,
.pur_btn,
.mrn_btn,
.sm_btn,
.qc_btn,
.prod_btn,
.bb_btn,
.pk_btn,
.wxp_btn,
.mis_btn,
.acc_btn,
.hr_btn,
.amc_btn,
.nsk_btn {
  display: none;
  
}

#sal_div,
#pur_div,
#mrn_div,
#sm_div,
#qc_div,
#prod_div,
#bb_div,
#pk_div,
#exp_div,
#mis_div,
#acc_div,
#hr_div,
#amc_div,
#nsk_div{
    display:none;
}



#sidebar ul ul{
    position:static;
    display: none;
}
#sidebar ul ul ul{
    position:static;
    display: none;
}

#sidebar ul .trans-show.show1{

    display: block;
}

#sidebar ul .rept-show.show2{

    display: block;
}

#sidebar ul .master-show.show{

    display: block;
}

#sidebar ul ul .gm-show.show3{

    display: block;
}

#sidebar ul ul .cm-show.show4{

    display: block;
}

#sidebar ul ul .fm-show.show5{

    display: block;
}



#sidebar ul ul li{
    line-height: 15px;
}

#sidebar ul ul li a{
    position: relative;
    font-size: 14px;
    padding-left: 10px;
}

#sidebar ul ul li a span{
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
    font-size:22px;
    transition: transform 0.4s;
}



#sidebar ul ul li a:hover span{
    transform: translateY(-50%) rotate(-180deg);
}


#sidebar ul ul ul li{
    line-height: 5px;
}

#sidebar ul ul ul li a{
    position: relative;
    font-size: 11px;
    padding-left: 5px;
}

#sidebar ul ul  li a span{
    position: absolute;
    top:50%;
    right:0px;
    transform: translateY(-50%);
    font-size:22px;
    transition: transform 0.4s;
}



#sidebar ul ul ul li a:hover span{
    transform: translateY(-50%) rotate(-180deg);
}

.fet_dt {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    /* margin-left: 1.2rem; */
    font-size: 12px;
  }

#agent_comm input,
#typ_comm input {
    width: 10rem;
}

#id_payterms input,
#id_shipterms input,
#agent input {
width: 20rem;
}

#time input {
width: 7rem;

}

.sal_hdr1 {
display: grid;
grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr;
font-size: 12px;
}
.sal_hdr1 input,
.sal_hdr1 select{
    height: 30px;
    padding: 5px;
}
.moredata {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    font-size: 12px;
    margin-top: 3rem;
}

.sales_order_div {
/* background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); */
margin-left: 10px;
margin-right: 10px;
}

.sal_hdr_det {
display: grid;
grid-template-columns: 1fr 4fr 3fr;
font-size: 12px;
}

.sal_dat_it {
margin-top: 3rem;
display: block;
overflow-x: auto;
height: auto;
max-height: auto;
width: auto;

-webkit-overflow-scrolling: touch;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

#sales_item_row #id_item_qty {
width: 10rem
}

#sales_item_row #unit_in_number {

-webkit-appearance: none;
width: 5rem;
}

#sales_item_row #id_item_rate {
width: 6rem
}

#sales_item_row #id_Item_amont {
width: 10rem
}

#sales_item_row #id_grade {
width: 4rem
}

#sales_item_row #id_revision_level,
#sales_item_row #id_line_itemno {
width: 4rem
}

#sales_item_row #display_status,
#sales_item_row #item_status {
    width: 6rem
}

.sales_item_form {
    margin-top: 3rem;
    display: block;
    overflow-x: auto;
    height: auto;
    max-height: auto;
    width: auto;

    -webkit-overflow-scrolling: touch;

}



.sales_item_form th {
    width: 10rem;
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
    /* background: rgb(163, 162, 162); */
}

.sales_item_form td {
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    /* padding: 2px; */
}

.sales_item_form td input {
   
    padding: 7px;
}
.sales_item_form td select{
    
    padding: 9px;
}
.opgrm_sg {
    margin-top: 3rem;
    display: block;
    overflow-x: auto;
    height: auto;
    max-height: auto;
    width: auto;

    -webkit-overflow-scrolling: touch;
  }



.opgrm_sg th {
    width: 10rem;
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
  
}

.opgrm_sg td {
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    /* padding: 2px; */
}

.sales_item_foot {
    display: grid;
    grid-template-columns: 2fr 4fr;
    margin-top: 3rem;
}

.sales_item_foot1 {
    display: grid;
    grid-template-columns: 2fr 3fr;
}

.sales_item_foot1 td {
    padding: 2px;
}

.sales_item_foot2 {
    margin-top: 1rem;
}

.sales_item_foot2 table {
margin-left: 26.2rem;
}

.sales_item_foot2 td {

padding: 2px;
}

.sales_item_foot2 input[type='number'] {
width: 4rem;
}

#itm_view_filter,
#itm_view1_filter,
#itm_view2_filter {
margin-right: 20rem;
font-size: 13px;
}

#itm_view_filter input,
#itm_view1_filter input,
#itm_view2_filter input {
width: 30rem;
border-radius: 10px;
}

.sal_dat_it .dataTable.no-footer {
border-bottom: 1px solid #eee;
}

/* .sal_dat_it .dataTable thead {
    background-color: #f9f9f9;
background: rgb(255, 197, 121);
} */

.sal_dat_it .my_table>thead>tr>th {
border-bottom-width: 0;
color: #443f3f;
font-weight: 600;
padding: 16px 15px;
vertical-align: middle;
padding-left: 18px;
text-align: center;

}

.sal_dat_it .my_table>tbody td {
padding: 10px 15px 10px 18px;
color: #333232;
font-size: 11px;
font-weight: 500;
word-break: break-word;
border-color: #eee;
text-align: center;
vertical-align: middle;

}

.sal_dat_it .my_table>tbody td input {
float: left;
}

.dataTables_length label {
font-size: 13px;
}


.sales .add_btn{
    display: inline-block;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    text-align:center;
    padding-top: 6px;
    background: rgb(57,85,136);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px;
}

/* .sales .add_sales_btn a{
    margin-bottom: 0px;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #007bff;
    color: #007bff;
    transition: all .4s ease;
} */


.sales .add_sales_btn a:hover, .sales .add_sales_btn a:focus{
    transition: all .4s ease;
    /* background: #007bff; */
    color:#fff;
}

.sales .SC_data td a{
    color:#000000;
    padding:4px;
}

.sales .SC_data .dataTable.no-footer{
    border-bottom: 1px solid #eee;
  }

/* .sales .SC_data .dataTable thead{
    background-color: #f8b98f;
  } */

.sales .SC_data #sales_info>thead>tr>th{
    border-bottom-width: 0;
    color: #443f3f;
    font-weight: 600;
    padding:16px 15px;
    vertical-align: middle;
    padding-left: 18px;
    text-align: center;
    font-size: 11px;
}
.sales .SC_data #sales_info{
    width:100%;
}

.sales .SC_data #sales_info>tbody td{
    padding: 10px 15px 10px 18px;
    color: #333232;
    font-size:11px;
    font-weight: 500;
    word-break: break-word;
    /* border-color: #eee; */
    text-align: center;
    vertical-align: middle;
    /* background:#fff0e7; */
    
}

.sales #sales_info_filter{
    width:50%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    margin: 20px 0px;
    padding: 0px 4px;
    float: right;
}



.sales #sales_info_filter label{
    color: #000000;
    /* font-weight: normal; */
    font-size: 13px;
}

.sales #sales_info_paginate{
    float: right;
    
}
/* .sales #sales_info_paginate a{
    padding: 2px;
    border: 1px solid #5f5f5f;
    border-radius: 25px;
    background: rgb(187, 187, 187);
    font-size:13px;
    cursor: pointer;
} */


.sales_preview{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}


.sales_preview .sal_btn1 .bck_btn {
    float: left;
    margin-left: 5rem;
}

.sales_preview .sal_btn1 .delete_btn {
    float: right;
    margin-right: 7rem;
    margin-top: 5rem;
}

.sales_preview .pre_det {
    display: grid;
    grid-template-columns: 7fr 2fr;
}

.sales_preview .sales_information {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr;
}

.sales_preview .sales_pre_item {
    margin-top: 3rem;
    display: block;
    overflow-x: auto;
    height: auto;
    max-height: 330px;
    width: auto;
    font-size:12px;

    -webkit-overflow-scrolling: touch;
}

.sales_preview .sales_pre_item th {
    width: 10rem;
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
    background: rgb(182, 180, 180);
}

.sales_preview .sales_pre_item td {
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
}

.sales_preview .sal_pre_footer {
    display: grid;
    grid-template-columns: 4fr 3fr;
    margin-top: 1rem;
}

.sales_preview .btn_e{
    display:grid;
    grid-template-columns: 1fr 6fr;
    margin-top: 1rem;
    font-size: 12px;
    
}

.edt_sales_item_view{
    margin-top: 1rem; 
    margin-left: 10px; 
    margin-right: 10px; 
    font-size:13px;
}


.JC_MOM_SCREEN{
    background: rgb(255, 255, 255);
}

.JC_MOM_SCREEN section {
    margin: 2rem;
    margin-right: 1rem;
    background: rgb(250, 250, 250);
}


.JC_MOM_SCREEN .btn {
    width: 200px;
    font-size: small;
}


.JC_MOM_SCREEN #sf {
    float: right;
}


.JC_MOM_SCREEN .row {
    margin-top: 1rem;
}


.JC_MOM_SCREEN .btn-in {
    margin-left: 50%;
    display: block;
    margin-top: 3rem;
    margin-bottom: 0%;

}



.JC_MOM_SCREEN .rm_data {
    margin-top: 3rem;
    padding: 0;
 
}


.JC_MOM_SCREEN .rm_data th,
.JC_MOM_SCREEN .rm_data td {
    padding: 2px;
    
    width: 5px;
    text-align: center;
}



.JC_MOM_SCREEN .rm_data th {
 
    font-size: 15px;
}

.JC_MOM_SCREEN .rm_data td {
    font-size: 13px;
}


.JC_MOM_SCREEN .rm_issue_data {
    margin-top: 3rem;
    padding: 0;
    border: 1px;
    width: 100rem;
    border: solid #000;
    border-width: 1 1px;
}


.JC_MOM_SCREEN .rm_issue_data th,
.JC_MOM_SCREEN .rm_issue_data td {
    padding: 2px;
    border: 0.5px solid;
    width: 5px;
    text-align: center;
}



.JC_MOM_SCREEN .rm_issue_data th {
    background: rgb(192, 197, 201);
    font-size: 15px;
}

/* .JC_MOM_SCREEN .rm_issue_data td {
    font-size: 10px;
} */

.JC_MOM_SCREEN .wip_data1 {
    margin-top: 3rem;
    padding: 0;
    border: 1px;
    width: 100%;
    /* border: solid #000;
    border-width: 1 1px; */
}

.JC_MOM_SCREEN .wip_data1 th,
.JC_MOM_SCREEN .wip_data1 td {
    padding: 2px;
    /* border: 0.5px solid; */
    width: 5px;
    text-align: center;
}


.JC_MOM_SCREEN .wip_data1 th {
    /* background: #f8b98f; */
    font-size: 15px;
}


.JC_MOM_SCREEN .wip_data1 td {

    font-weight:500;
}

.process_dt .pro_tab td{
    padding: 0px;

}

.process_dt .pro_tab td input {
    padding: 7px;
    
}

.JC_MOM_SCREEN .table_rm {
    display: block;
    overflow-x: auto;
    /* height: 450px; */
    /* width: 100%; */

    -webkit-overflow-scrolling: touch;
}

.JC_MOM_SCREEN .rm_form_table {
    margin-top: 2rem;
    display: block;
    overflow-x: auto;
    width: 100%;
}

.JC_MOM_SCREEN .rm_form_table .rm_fm {
    margin-top: 3rem;
    padding: 0;
  

}

.JC_MOM_SCREEN .rm_form_table .rm_fm th,
.JC_MOM_SCREEN .rm_form_table .rm_fm td {
    padding: 2px;

    width: 5px;
    text-align: center;

}

/* .JC_MOM_SCREEN .rm_form_table .rm_fm th {
    background: linen;
} */


.JC_MOM_SCREEN .rm_form_table .rm_issue_fm {
    margin-top: 3rem;
    padding: 0;
    border: 1px;
    /* width: 100rem; */
    border: solid #000;
    border-width: 1 1px;

}

.JC_MOM_SCREEN .rm_form_table .rm_issue_fm th,
.JC_MOM_SCREEN .rm_form_table .rm_issue_fm td {
    padding: 2px;
    border: 0.5px solid;
    width: 5px;
    text-align: center;

}

/* .JC_MOM_SCREEN .rm_form_table .rm_issue_fm th {
    background: linen;
} */
.JC_MOM_SCREEN .process_dt {
    margin-top: 2rem;
    display: block;
    overflow-x: auto;
    /* height: 330px; */
    /* width: 100%; */

}

.JC_MOM_SCREEN #wip_frm {

    border: solid #000;
    border-width: 1 1px;

}

/* .JC_MOM_SCREEN #wip_frm th {
    background: linen;
} */

.JC_MOM_SCREEN #wip_frm th,
.JC_MOM_SCREEN #wip_frm td {
    border: solid #000;
    border-width: 0.5 0.5px;
    padding: 2px;
    text-align: center;
}

.JC_MOM_SCREEN #wip_frm td .btn {
    /* width: 100px; */
    margin: 1px;
    float: left;
}

.JC_MOM_SCREEN .opt {
    margin-top: 2rem;

}

.JC_MOM_SCREEN #add_itm {
    margin-left: 2rem;
}

.JC_MOM_SCREEN .trnsf {
    margin: auto auto;
    display: block;

}

.JC_MOM_SCREEN .trnsf h6 {
    background: coral;
    width: auto;
    padding: 5px;
    text-align: center;
    border-radius: 0.3rem;
}

.JC_MOM_SCREEN .mdh1 {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
}

.JC_MOM_SCREEN .mdh2 {
    display: grid;
    grid-template-columns: 1fr 3.5fr 1fr;
}

.JC_MOM_SCREEN .mdh2 .trfopt {
    margin-top: .5rem;
    margin-left: 11rem;
    padding: 5px;
}

.JC_MOM_SCREEN .mdh2 .trfopt input {
    margin-left: 5px;
    margin-top: 1px;
}

.JC_MOM_SCREEN .mdh2 .trfopt label {
    margin-left: 5px;

}

.JC_MOM_SCREEN .mdh3 {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
}

.JC_MOM_SCREEN .mdh3 .mh1 input,
.JC_MOM_SCREEN .mdh3 .mh1 select,
.JC_MOM_SCREEN .mdh3 .mh2 input,
.JC_MOM_SCREEN .mdh3 .mh2 select,
.JC_MOM_SCREEN .mdh3 .mh3 input,
.JC_MOM_SCREEN .mdh3 .mh3 select {
    width: 10rem;
    margin-left: 2px;
}

.JC_MOM_SCREEN .mdh3 .mh1,
.JC_MOM_SCREEN .mdh3 .mh2,
.JC_MOM_SCREEN .mdh3 .mh3 {
    padding: 1rem;
    font-size: small;
}

.JC_MOM_SCREEN .mdh3 #id_mmn,
.JC_MOM_SCREEN .mdh3 #id_dt,
.JC_MOM_SCREEN .mdh3 #id_prc {
    margin-left: 3.5rem;
}

.JC_MOM_SCREEN .mdh3 #id_trt {
    margin-left: 0.5rem;
}

.JC_MOM_SCREEN .mdh3 #id_trfv {
    margin-left: 1.3rem;
}

.JC_MOM_SCREEN .mdh3 #id_dept {
    margin-left: 1.65rem;
}

.JC_MOM_SCREEN .mdh3 #id_mcn {
    margin-left: 1.7rem;
}

.JC_MOM_SCREEN .mdh3 #id_st {
    margin-left: 4.2rem;
}

.JC_MOM_SCREEN .mdh3 #id_cy {
    margin-left: 6.56rem;
}

.JC_MOM_SCREEN .mdh4 {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
}

.JC_MOM_SCREEN .mdh5 {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
    margin-left: 10px;
}

.JC_MOM_SCREEN .mdh5 input {

    margin-left: 10px;
}

.JC_MOM_SCREEN .mdh5 label {
    margin-left: 5px;
}

.JC_MOM_SCREEN .mdh6 {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
}

.JC_MOM_SCREEN .mdh6 .drp {
    padding: 2rem;
    font-size: small;
}

.JC_MOM_SCREEN .mdh6 .drp #mes1 {
    margin-left: 8.5rem;
}

.JC_MOM_SCREEN .mdh6 .drp #mes2 {
    margin-left: 2.4rem;
}

.JC_MOM_SCREEN .mdh6 .drp input {
    width: 4rem;
    height: 25px;
}

.JC_MOM_SCREEN .mdh6 .drp #id_qrk {
    margin-left: 4rem;
}

.JC_MOM_SCREEN .mdh6 .drp #id_srk {
    margin-left: 3.5rem;
}

.JC_MOM_SCREEN .mdh6 .drp #id_erk {
    margin-left: 3.2rem;
}

.JC_MOM_SCREEN .mdh6 .drp #id_tk {
    margin-left: 5rem;
}

.JC_MOM_SCREEN .mdh6 .drp #id_rqk {
    margin-left: 3.65rem;
}

.JC_MOM_SCREEN .mdh6 .drp #id_act {
    margin-left: 2.7rem;
}

.JC_MOM_SCREEN .mdh6 .rwinf {
    padding: 2rem;
    font-size: small;
}

.JC_MOM_SCREEN .mdh6 .rwinf input[type=text],
.JC_MOM_SCREEN .mdh6 .rwinf select {
    width: 8.5rem;
    height: 25px;
}

.JC_MOM_SCREEN .mdh6 .rwinf input[type=number] {
    width: 4rem;
    height: 25px;
}

.JC_MOM_SCREEN .mdh6 .rwinf #id_rpro {
    margin-left: 2rem;
}
#rewk #rfsp{
    border: solid #000;
    border-width: 0.5 0.5px;
    width:750px;
}

#rewk #rfsp th{
    width:8rem;
}

#rewk #rfpp{
    border: solid #000;
    border-width: 0.5 0.5px;
    width:750px;
}

#rewk #rfpp th{
    width:8rem;
}

.JC_MOM_SCREEN .mdh6 .rwinf #id_rjqk {
    margin-left: 1.7rem;
}

.JC_MOM_SCREEN .mdh6 .rwinf #id_rja {
    margin-left: 2.6rem;
    height: 4rem;
}

.JC_MOM_SCREEN .mdh6 .trtr {
    padding: 2rem;
    font-size: small;
}

.JC_MOM_SCREEN .mdh6 .trtr input[type=text],
.JC_MOM_SCREEN .mdh6 .trtr select {
    width: 8.5rem;
    height: 25px;
}

.JC_MOM_SCREEN .mdh6 .trtr input[type=number] {
    width: 4rem;
    height: 25px;
}

.JC_MOM_SCREEN .mdh6 .trtr #id_fpro {
    margin-left: 2rem;
}

.JC_MOM_SCREEN .mdh6 .trtr #id_rwqk {
    margin-left: 1rem;
}

.JC_MOM_SCREEN .mdh6 .trtr #id_rwa {
    margin-left: 2rem;
    height: 3.8rem;
}

.JC_MOM_SCREEN .mdh6 .trtr #id_act {
    margin-top: 2px;
    margin-left: 2.18rem;
}

#myEditInput{
    margin:.4em;
    padding:.2em 1.5em;
    font-family: 'Raleway', sans-serif;
    font-size: 1.3em;
    font-weight:15px;
    color:#080807;
    background-color:#fff;
    border:2px solid reba(112, 111, 211, 0);
    border-radius: 15px;
    outline: none;
    cursor: pointer;
    transition: .3s;
    text-align:center;
}

#cocum th{
    text-align: center;
    background: rgb(212, 193, 230);
}
#coship th{
    text-align: center;
    background: rgb(212, 193, 230);
}



.custcommas #id_address{
    width: 30rem;
}

.custcommas #id_purpose{
    width: 13rem;
}

.custmis #id_location{
    width: 16rem;
}

#id_contactno{
    width: 13rem;
}
#id_faxno{
    width: 13rem;
}
.custcommas #id_email{
    width: 13rem;
}
#id_contact_per{
    width: 13rem;
}
.custcommas #id_gstno{
    width: 13rem;
}
#id_anyother{
    width: 13rem;
}
#id_active{
    width: 13rem;
}
.custcommas #id_cust_id{
    width: 7rem;
}


.custshimas td input{
    width: 13rem;
}

.custshimas td select{
    width: 13rem;
}

#coship thead th {
    border: solid rgb(151, 148, 148);
    border-width: 0.3px;
    padding: 2px;
    text-align: center;
}
#coship1 thead th {
    border: solid rgb(151, 148, 148);
    border-width: 0.3px;
    padding: 2px;
    text-align: center;
}

#ltable thead th{
    border : 1em;
}

.stock_add .table-responsive{
    height:auto;
    max-height: 330px;

}


label{
    font-size: 12px;
}

/* .suphdr input{
    width: 12rem;
} */

.ityp select{
    margin-top: 2rem;
    margin-left: 40%;
    width: 20rem;
}


.stock_add{
    margin-top: 2rem;
}

.stock_add h3{
    margin-left: 40%;
}

.stock_add #stock{
    margin-top: 2rem;
    text-align: center;
    border: 1px solid black;
}

.stock_add #stock th{
    margin-top: 2rem;
    text-align: center;
    border: 1px solid black;
}

.stock_add #stock td{
    margin-top: 2rem;
    text-align: center;
    border: 1px solid black;
}

.stock_add .table-responsive .itn{
    width: 40rem;
    padding: 5px;
    text-align: left;
}



.middle_add{
    margin-top: 3rem;
}

.middle_add h3{
    margin-left: 40%;
}


.middle_add .table-responsive{
    margin-top: 3rem;
    height:auto;
    max-height: 330px;

}

.middle_add .table-responsive #middle th{
    padding: 5px;
    width: 20rem;
    margin-top: 2rem;
    text-align: center;
    border: 1px solid black;
}

.middle_add .table-responsive #middle td{
    padding: 5px;
    width: 20rem;
    margin-top: 2rem;
    text-align: center;
    border: 1px solid black;
}

.middle_add .table-responsive #middle input[type=number]{
    width: 6rem;
    margin-top: 2rem;
    text-align: center;
    border: 1px solid black;
}

.middle_add .table-responsive #middle input[type=text]{
    width: 15rem;
}


/* #FGSHOW  */

#bootstrapdatatable a.disabled {
    pointer-events: none;
    color: #ccc;
}



.j_w_d #ledger_tab_recd{
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
    overflow-x: auto;
    height: 280px;
    width: 55rem;

}

.j_w_d #ledger_tab_recd th {
    background: linen;
}

.j_w_d #ledger_tab_recd th,
.j_w_d #ledger_tab_recd td {
    border: solid #000;
    border-width: 0.2px;
    padding: 2px;
    text-align: center;
    width: 15rem;
}


.j_w_d #ledger_tab{
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
    overflow-x: auto;
    height: 280px;
    width: 55rem;

}

.j_w_d #ledger_tab th {
    background: linen;
}

.j_w_d #ledger_tab th,
.j_w_d #ledger_tab td {
    border: solid #000;
    border-width: 0.2px;
    padding: 2px;
    text-align: center;
    width: 15rem;
}


#ledger_details {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
    /* border: solid #000;
    border-width: 0.5 0.5px; */
    
    -webkit-overflow-scrolling: touch;
    }

#ledger_details th {
    padding: 3px;
    /* width:30rem; */
    font-size: 15px;
    text-align: center;
    width:28rem; 
  
    border-top: solid 1px rgb(14, 13, 13);
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border-bottom: solid 1px rgb(14, 13, 13);
}

#ledger_details th,
#ledger_details td {
    width: 23rem;
    padding: 5px;
    text-align: center;
    font-size: 12px;
}

#ledger_details td {
    border: solid 1px rgb(14, 13, 13);
    
    /* background: #e4dcc6; */
    text-align: center;
}

/* Stock PO */

.pohdr1 {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr;

}

.itm_table,
.sctab {
    margin-top: 3rem;
    text-align: center;
}


.item_form {
    margin-top: 3rem;
    display: block;
    overflow-x: auto;
    height: auto;
    max-height: 330px;
    width: auto;

    -webkit-overflow-scrolling: touch;
}


.item_form td {
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
}








#jcdisc_per,
#jcgst_per,
#jcfreight_per,
#jcothertax_per,
#jcplus_per,
#jcminus_per,
#fgdisc_per,
#fggst_per,
#fgfreight_per,
#fgothertax_per,
#fgplus_per,
#fgminus_per,
#plus_per,
#minus_per,
#disc_per,
#gst_per,
#freight_per,
#othertax_per {
    width: 6rem;
    padding: 5px;
    margin-left: 5px;
}

#plus_amt,
#minus_amt,
#disc_amt,
#gst_amt,
#freight_amt,
#othertax_amt {
    width: 11rem;
    padding: 5px;
}

#disc_remarks,
#gst_remarks,
#freight_remarks,
#othertax_remarks {
    width: 30rem;
    padding: 5px;
    margin-top: 2px;
}


.itm_table .dataTable.no-footer,
.sctab .dataTable.no-footer,
.jctab .dataTable.no-footer {
    border-bottom: 1px solid #eee;
}


.itm_table #itm_view>thead>tr>th,
.sctab #itm_view1>thead>tr>th,
.jctab #itm_view2>thead>tr>th {
    border-bottom-width: 0;
    color: #443f3f;
    font-weight: 600;
    padding: 16px 15px;
    vertical-align: middle;
    padding-left: 18px;
    text-align: center;

}



/* MRN.......... */

body {
    /* background: #f8e19b; */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}


#mrn_table {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
   
}

#mrn_table tr th {
    padding: 3px;
    width: 30rem;
    font-size: 13px;
    /* background-color: rgb(255, 197, 121); */
    border-top: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border-right: solid 1px rgb(14, 13, 13);
}


#mrn_table td {
    border: solid 1px rgb(14, 13, 13);
    font-size: 13px;
    
}

.table-responsive {
    margin-top: 2rem;
    padding: 1rem;
    /* text-align: center; */
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
}


.table-responsive th {
    padding: 3px;
    width: 30rem;
    font-size: 13px;
    text-align: center;
    border-right: solid 1px rgb(14, 13, 13);
    border-top: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
}


.table-responsive td {
    /* border: solid 1px rgb(14, 13, 13); */
    font-size: 10px;
    text-align: center;
}


#id_mrn {
    border: 0px;
}


.psr {
    border: 0px;
}

.psr {
    border: 0px;
}

.mrnd {
    border: 0px;
}


#id_psr {
    border: 0px;
}


label{
    font-weight: 900;
}

.psr {
    border: 0px;
}

.mrn {
    border: 0px;
}

.taxinvmodel .modal-backdrop{
    z-index: 0;
}

#wipst_table #wipst_tab td{
    background-color: rgb(232, 198, 255);
}

#fgst_table #fgst_tab td{
    background-color: rgb(188, 255, 255);
}

#rmst_table #rmst td{
    background-color: rgb(255, 208, 146);
}

#add_itm .modal-backdrop{
    z-index: 0;
}

.modal .modal-backdrop{
    z-index: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.pohdr1 td input {
    padding: 3px;

}

.pohdr2 {
    display: grid;
    grid-template-columns: 6fr 3fr;
}



.itm_table th,
.sctab th,
.jctab th {
    /* background: rgb(255, 197, 121); */
    text-align: center;
}


#id_scno {
    width: 15rem;
}
/* 
#id_cust_code {
    width: 6rem;
} */

#id_po_rmitem {
    width: 13rem;
}

#id_po_fggrade {
    width: 5rem;
}

#id_sc_qty {
    width: 11rem;
}

#id_req_qty {
    width: 11rem;
}

#id_po_qty {
    width: 11rem;
}

#id_po_unit {
    width: 6rem;
}
#id_po_rate {
    width: 6rem;
}

#id_po_amount {
    width: 11rem;
}

.item_form th {
    width: 10rem;
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
    /* background: rgb(255, 197, 121); */
}



/* addd new css */
/* tbody #cust_item_row td input{
    width: 220px; padding: 7px;"
} */

.fot_dtl {
    display: grid;
    grid-template-columns: 3fr 6fr;
}

.fot_dtl1 {
    display: grid;
    grid-template-columns: 2fr 4fr;
}


.fot_dtl1 td {
    padding: 2px;
}


#jcdisc_per,
#jcgst_per,
#jcfreight_per,
#jcothertax_per,
#jcplus_per,
#jcminus_per,
#fgdisc_per,
#fggst_per,
#fgfreight_per,
#fgothertax_per,
#fgplus_per,
#fgminus_per,
#plus_per,
#minus_per,
#disc_per,
#gst_per,
#freight_per,
#othertax_per {
    width: 6rem;
    padding: 5px;
    margin-left: 5px;
}

#plus_amt,
#minus_amt,
#disc_amt,
#gst_amt,
#freight_amt,
#othertax_amt {
    width: 11rem;
    padding: 5px;
}



.pobtn button {
    margin-left: 5rem;
}




.itm_table #itm_view>tbody td,
.sctab #itm_view1>tbody td,
.jctab #itm_view2>tbody td {
    padding: 10px 15px 10px 18px;
    color: #333232;
    font-size: 12px;
    font-weight: 500;
    word-break: break-word;
    /* border-color: #eee; */
    text-align: center;
    vertical-align: middle;

}

/* customer item css */
.itmcst{
    margin:2rem;
}
.itmcst .nextbtn{
    display: inline-block;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    text-align:center;
    padding-top: 6px;
    background: rgb(57,85,136);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px;
}

.itmcst .add_item_btn a{
    margin-bottom: 0px;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #007bff;
    color: #007bff;
    transition: all .4s ease;
}


.itmcst .add_item_btn a:hover, .itmcst .add_item_btn a:focus{
    transition: all .4s ease;
    background: #007bff;
    color:#fff;
}

.itmcst .ci_data {
    margin-top: 3rem;
}


.itmcst .ci_data .dataTable.no-footer{
    border-bottom: 1px solid #eee;
  }


/* .itmcst .ci_data .dataTable thead{
    background-color: #f8b98f;
  } */


.itmcst .ci_data #custitminfo>thead>tr>th{
    border-bottom-width: 0;
    color: #443f3f;
    font-weight: 600;
    padding:16px 15px;
    vertical-align: middle;
    padding-left: 18px;
    text-align: center;
    font-size: 11px;
}
.itmcst .ci_data #custitminfo{
    width:100%;
}

.itmcst .ci_data #custitminfo>tbody td{
    padding: 10px 15px 10px 18px;
    color: #333232;
    font-size:13px;
    font-weight: 700;
    word-break: break-word;
    border-color: #eee;
    text-align: center;
    vertical-align: middle;
    background: white;
    
}


.itmcst #custitminfo_filter{
    width:50%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    margin: 20px 0px;
    padding: 0px 4px;
    float: right;
}

.itmcst #custitminfo_filter input{
    border: 1px solid #5f5f5f;
    /* border-radius: 50px; */
    
    /* margin-left: 18px; */
    /* height: 34px; */
    width: 20rem;
    padding:0px 25px 0px 10px;
    transition: all .6s ease;
}

.itmcst #custitminfo_filter label{
    color: #000000;
    /* font-weight: normal; */
    font-size: 13px;
}


.add_item{
    margin-left: 2rem;
    margin-right: 1rem;
}

.add_item .cstsel{
    margin-left:5rem;
}

.add_item .cstsel label{
    font-size: 15px;
    font-weight: bold;
}

.add_item .cstsel #customerinf{
    width:10rem;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius:0.2rem;
    height: 2rem;
}

.add_item .itmtable {
    margin-top: 3rem;
}


.add_item .itmtable .dataTable.no-footer{
    border-bottom: 1px solid #eee;
  }


/* .add_item .itmtable .dataTable thead{
    background-color: #f8b98f;
  } */


.add_item .itmtable  #itm_table>thead>tr>th{
    border-bottom-width: 0;
    color: #443f3f;
    font-weight: 600;
    padding:16px 15px;
    vertical-align: middle;
    padding-left: 18px;
    text-align: center;
    font-size: 11px;
}
.add_item .itmtable  #itm_table{
    width:100%;
}

.add_item .itmtable  #itm_table input{
    float: left;
    margin-left: 1rem;
}

.add_item .itmtable  #itm_table>tbody td{
    padding: 10px 15px 10px 18px;
    color: #333232;
    font-size:13px;
    font-weight: 700;
    word-break: break-word;
    border-color: #eee;
    text-align: center;
    vertical-align: middle;
    /* background:#fff0e7; */
    
}


.add_item #itm_table_filter{
    width:50%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    margin: 20px 0px;
    padding: 0px 4px;
    float: right;
}

.add_item #itm_table_filter input{
    border: 1px solid #5f5f5f;
    border-radius: 50px;
    
    /* margin-left: 18px; */
    height: 34px;
    width: 20rem;
    padding:0px 25px 0px 10px;
    transition: all .6s ease;
}

.add_item #itm_table_filter label{
    color: #000000;
    font-weight: 700;
    font-size: 13px;
}

.add_item .item_form{
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    max-height:330px;
    width: 100%;

    
    -webkit-overflow-scrolling: touch;
}


.add_item .item_form .cstitmfrm th{
    width: 10rem;
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
    /* background: #f8b98f; */
}

.add_item .item_form .cstitmfrm td {
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
}

.add_item .item_form .cstitmfrm td input {
   
    padding: 7px;
}

.add_item .item_form .cstitmfrm td select {
   
    padding: 7px;
}


.add_item .item_form .cstitmfrm td #id_box_wt{
    width: 4rem;
}
.add_item .item_form .cstitmfrm td #id_box_code{
    width: 4rem;
}
.add_item .item_form .cstitmfrm td #id_net_wt{
    width: 4rem;
}

/* .add_item .sub_btn input{
    margin-top: 2rem;
    float: right;
    margin-right: 4rem;
} */




.edt_itm{
    margin: 2rem;
}

.edt_itm .cstsel{
    margin-left:5rem;
}

.edt_itm .cstsel label{
    font-size: 15px;
    font-weight: bold;
}

.edt_itm .cstsel #customerinf{
    width:10rem;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius:0.2rem;
    height: 2rem;
}

.edt_itm .edittable {
    margin-top: 3rem;
}


.edt_itm .edittable .dataTable.no-footer{
    border-bottom: 1px solid #eee;
  }


/* .edt_itm .edittable .dataTable thead{
    background-color: #f8b98f;
  } */


.edt_itm .edittable #custitem>thead>tr>th{
    border-bottom-width: 0;
    color: #443f3f;
    font-weight: 600;
    padding:16px 15px;
    vertical-align: middle;
    padding-left: 18px;
    text-align: center;
    font-size: 11px;
}
.edt_itm .edittable #custitem{
    width:100%;
}

.edt_itm .edittable #custitem input{
    float: left;
    margin-left: 0.1rem;
}

.edt_itm .edittable #custitem>tbody td{
    padding: 10px 15px 10px 18px;
    color: #333232;
    font-size:13px;
    font-weight: 700;
    word-break: break-word;
    border-color: #eee;
    text-align: center;
    vertical-align: middle;
    /* background:#fff0e7; */
    
}

.edt_itm #custitem_filter{
    width:50%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    margin: 20px 0px;
    padding: 0px 4px;
    float: right;
}

.edt_itm #custitem_filter input{
    border: 1px solid #5f5f5f;
    border-radius: 50px;
    
    /* margin-left: 18px; */
    height: 34px;
    width: 20rem;
    padding:0px 25px 0px 10px;
    transition: all .6s ease;
}

.edt_itm #custitem_filter label{
    color: #000000;
    font-weight: 700;
    font-size: 13px;
}

.edt_itm .item_form{
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    max-height:330px;
    width: 100%;

    
    -webkit-overflow-scrolling: touch;
}


.edt_itm .item_form .cstitmfrm th{
    width: 10rem;
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
    /* background: #f8b98f; */
}

.edt_itm .item_form .cstitmfrm td {
    border: solid #000;
    border-width: 0.5px;
    text-align: center;
    padding: 2px;
}

.edt_itm .item_form .cstitmfrm td #id_box_wt{
    width: 4rem;
}
.edt_itm .item_form .cstitmfrm td #id_box_code{
    width: 4rem;
}
.edt_itm .item_form .cstitmfrm td #id_net_wt{
    width: 4rem;
}

.edt_itm .sub_btn input{
    margin-top: 2rem;
    float: right;
    margin-right: 4rem;
}

.taxtable thead th {
    text-align: center;
}

.mytable111 tbody #taxdtl_row td{
   padding: 0px;
}

.mytable111 tbody #taxdtl_row td input[type='number']{
    padding: 7px;
 }

.customer_item{
    margin: 2rem;
}


.customer_item .cstsel{
    margin-left:5rem;
}

.customer_item .cstsel label{
    font-size: 15px;
    font-weight: bold;
}

.customer_item .cstsel #customerinf{
    width:10rem;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius:0.2rem;
    height: 2rem;
}

.customer_item .btns{
    display:grid;
    grid-template-columns: 3fr 3fr;
}

.customer_item .btns #btninact{
    /* float: right; */
    display: inline-block;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    text-align:center;
    padding-top: 6px;
    background: rgb(57,85,136);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px;
    width: 15rem;
    margin-bottom: 0px;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #007bff;
    color: #007bff;
    transition: all .4s ease;
}


.customer_item .btns #btninact:hover, .customer_item .btns #btninact:focus{
    transition: all .4s ease;
    background: #007bff;
    color:#fff;
}


.customer_item .btns .cstbtn .addi,
.customer_item .btns .cstbtn .editi{
    display: inline-block;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    text-align:center;
    padding-top: 6px;
    background: rgb(57,85,136);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px;
    width:8rem;
}

.customer_item .btns .cstbtn .addi{
    background: #de4932;
}

.customer_item .fil{
    display: grid;
    grid-template-columns:3fr 3fr;
}
.customer_item .fil .pagei label{
    color: #000000;
    font-weight: 700;
    font-size: 13px;
}
/* 
.customer_item .fil .pagei #pag{
    width: 3rem;
} */

.customer_item .fil .pagei #pag3{
    width: 3rem;
}

.customer_item .fil .inputfilter{
    width:100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    margin: 20px 0px;
    padding: 0px 4px;
    float: right;
    margin-right:2rem;
    
}

.customer_item .fil .inputfilter #view_search{
    border: 1px solid #5f5f5f;
    border-radius: 50px;
    
    /* margin-left: 18px; */
    height: 34px;
    width: 20rem;
    padding:0px 25px 0px 10px;
    transition: all .6s ease;
}

.customer_item .fil .inputfilter #inact_search{
    border: 1px solid #5f5f5f;
    border-radius: 50px;
    
    /* margin-left: 18px; */
    height: 34px;
    width: 20rem;
    padding:0px 25px 0px 10px;
    transition: all .6s ease;
}

.customer_item .fil .inputfilter .vser{
    
    display: inline-block;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    text-align:center;
    padding-top: 6px;
    background: rgb(57,85,136);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px;
    width: 8rem;
    margin-bottom: 0px;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #354657;
    color: #354657;
    transition: all .4s ease;
}

.customer_item .fil .inputfilter .vser:hover, .customer_item .fil .inputfilter .vser:focus{
    transition: all .4s ease;
    background: #354657;
    color:#fff;
}


.customer_item .fil .inputfilter .iser{
    
    display: inline-block;
    color:#fff;
    text-decoration: none;
    text-transform:uppercase;
    text-align:center;
    padding-top: 6px;
    background: rgb(57,85,136);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px;
    width: 8rem;
    margin-bottom: 0px;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #354657;
    color: #354657;
    transition: all .4s ease;
}

.customer_item .fil .inputfilter .iser:hover, .customer_item .fil .inputfilter .iser:focus{
    transition: all .4s ease;
    background: #354657;
    color:#fff;
}


/* 
.customer_item .view_dt #custitem1 thead{
    background-color: #f8b98f;
  } */

.customer_item .view_dt #custitem1 th{
    border-bottom-width: 0;
    color: #443f3f;
    font-weight: 600;
    padding:16px 15px;
    vertical-align: middle;
    padding-left: 18px;
    text-align: center;
    font-size: 11px;
}
.customer_item .view_dt #custitem1{
    width:100%;
}

.customer_item .view_dt #custitem1 input{
    float: left;
    margin-left: 0.1rem;
}

.customer_item .view_dt #custitem1>tbody td{
    padding: 10px 15px 10px 18px;
    color: #333232;
    font-size:13px;
    font-weight: 700;
    word-break: break-word;
    border-color: #eee;
    text-align: center;
    vertical-align: middle;
    /* background:#fff0e7; */
    
}


/* .customer_item .inact #custitem3 thead{
    background-color: #f8b98f;
  } */

.customer_item .inact #custitem3 th{
    border-bottom-width: 0;
    color: #443f3f;
    font-weight: 600;
    padding:16px 15px;
    vertical-align: middle;
    padding-left: 18px;
    text-align: center;
    font-size: 11px;
}
.customer_item .inact #custitem3{
    width:100%;
}

.customer_item .inact #custitem3 input{
    float: left;
    margin-left: 0.1rem;
}

.customer_item .inact #custitem3>tbody td{
    padding: 10px 15px 10px 18px;
    color: #333232;
    font-size:13px;
    font-weight: 700;
    word-break: break-word;
    border-color: #eee;
    text-align: center;
    vertical-align: middle;
    background:#fff0e7;
    
}


/* ------------BILL BOOKING------- */



/* input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
} */

.sup_det select,
.jc_sup_det select,
.fg_sup_det select {
    width: 30rem;
}

.bbfg_dat {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
}

.bbfg_dat th {
    padding: 5px;
    width: 30rem;
    font-size: 13px;
    text-align: center;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
}

.bbfg_dat td {
    border: solid 1px rgb(14, 13, 13);
    font-size: 13px;
    text-align: center;
}

.bbfg_dat #fgd td input {
    padding: 8px;
}

.bbfg_frm {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;

}


.bbfg_frm th {
    padding: 5px;
    width: 30rem;
    font-size: 13px;
    text-align: center;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
}


/* .bbfg_frm th, */
.bbfg_frm #bbfgfm td {
    padding: 0px;
}

.bbfg_frm #bbfgfm td [type=number] {
    padding: 7px;
}

.bbfg_frm #bbfgfm td [type=text] {
    padding: 7px;
}

.bbfg_frm #bbfgfm td select {
    padding: 9px 1px;
}

.bbfg_frm #bbfgfm td [type=number] {
    width: 4rem;
}

#bbfgfm #act_btn {
    width: 50rem;
}


.fg_more_tax {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
}

.fg_more_tax th {
    text-align: center;
    font-size: 13px;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border: solid 1px rgb(14, 13, 13);
}

.fg_more_tax td {
    text-align: center;
    font-size: 13px;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border: solid 1px rgb(14, 13, 13);

}

.fg_more_tax #fg_mt_grd td {
    padding: 0px;
}

.fg_more_tax #fg_mt_grd td select {
    width: 220px;
    padding: 7px;
}

.fg_more_tax td input[type=number] {

    width: 90px;
    padding: 7px;
}
.fg_more_tax td input[type=text] {
    
    width: 90px;
    padding: 7px;
}




.bbrm_dat {
    margin-top: 6rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
   
}

.bbrm_dat th {
    text-align: center;
    font-size: 13px;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border: solid 1px rgb(14, 13, 13);
}

.bbrm_dat td {
    text-align: center;
    font-size: 13px;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border: solid 1px rgb(14, 13, 13);

}



.bbrm_frm {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;


}

.bbrm_frm th {
    padding: 3px;
    font-size: 15px;
    text-align: center;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
}

.bbrm_frm td {
    border: solid 1px rgb(14, 13, 13);

}

.bbrm_frm th,
.bbrm_frm td {
    width: 23rem;
    text-align: center;
    font-size: 12px;
}

.bbrm_frm #bbfm td {
    padding: 0px;
}


.bbrm_frm #bbfm td input[type=number] {
    padding: 7px;
}

.bbrm_frm #bbfm td select {
    padding: 9px;
}

.bbrm_frm #bbfm td input[type=text] {
    padding: 7px;
}


#more_tax {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
}

#more_tax th {
    text-align: center;
    font-size: 13px;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border: solid 1px rgb(14, 13, 13);
}

#more_tax td {
    text-align: center;
    font-size: 13px;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
    border: solid 1px rgb(14, 13, 13);
}

#more_tax #mt_grd td {
    text-align: center;
    font-size: 13px;
    padding: 0px;
}

#more_tax #mt_grd tbody td input[type=number] {
    width: 90px;
    padding: 7px 1px;
}

#more_tax #mt_grd tbody td input[type=text] {
    width: 90px;
    padding: 7px 1px;
}



#more_tax tbody td input[type=number] {
    width: 90px;
    padding: 7px 1px;
}
#more_tax tbody td input[type=text]{
    width: 90px;
    padding: 7px 1px;
}

#more_tax td select {
    padding: 9px 1px;
    width: 220px;
}


.bbjc_dat {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
}

.bbjc_dat th {
    padding: 3px;
    width: 30rem;
    font-size: 12px;
    text-align: center;
    border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13);
}

.bbjc_dat td {
    border: solid 1px rgb(14, 13, 13);
    font-size: 12px;

}


.bbjc_frm {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
    /* border: solid #000;
    border-width: 0.5 0.5px; */

}

.bbjc_frm th {
    padding: 3px;
    font-size: 15px;
    text-align: center;
    border: solid 1px rgb(14, 13, 13);
}

.bbjc_frm #bbjcfm td{
    
    text-align: center;
    padding: 0px;
}


.bbjc_frm th,
.bbjc_frm td {
    width: 23rem;
    text-align: center;
    font-size: 12px;
}
.bbjc_frm td input[type=number] {
    width: 70px;
    text-align: center;
    font-size: 13px;
    padding: 7px;
}
.bbjc_frm td input[type=text] {
    width: 240px;
    padding: 8px;
}
.bbjc_frm td select {
  
  padding: 9.5px;
}
#jc_more_tax {
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    overflow-x: auto;
    height: auto;
    width: 100%;
}

#jc_more_tax th {
    padding: 3px;
    width: 10rem;
    font-size: 12px;
    text-align: center;
    /* border-right: solid 1px rgb(14, 13, 13);
    border-left: solid 1px rgb(14, 13, 13); */
}

#jc_more_tax td {
    /* border: solid 1px rgb(14, 13, 13); */
    width: 25rem;
    height: 2rem;
    font-size: 12px;

}
#jc_more_tax #jc_mt_grd td {
  padding: 0px;
}
#jc_more_tax #jc_mt_grd td input{
    width: 90px;
  padding: 7px;
}
#jc_more_tax #jc_mt_grd td select{
    width: 220px;
  padding: 9px;
}


    .fgmrntable thead th {
        border-top: 1px solid;
    }

    .table-form #mrn_det td {
        padding: 0px;
    }

    .table-form #mrn_det td input[type='number'] {
        padding: 9px;
    }

    .table-form #mrn_det td input[type='text'] {
        padding: 9px;
    }

    .table-form #mrn_det td select {
        padding: 11px;
    }

    .taxtable thead th {
        text-align: center;
    }

    .item_form #taxdtl_row td {
        padding: 0px;
    }
    /* .item_form1 #purchase_item_row td{
        padding: 0px;
      } */
    .item_form #taxdtl_row td input[type='number'] {
        padding: 9px;
    }

    .item_form #taxdtl_row td input[type='text'] {
        padding: 9px;
    }

  .item_form #purchase_item_row td{
      padding: 0px;
  }
  .item_form #purchase_item_row td input[type=number]{
      padding: 8.5px;
  }
  .item_form #purchase_item_row td input[type=text]{
    padding: 8.5px;
  }
  .item_form #purchase_item_row td select{
    padding: 10.7px;
  }
  .item_form #taxdtl_row2 td{
      padding: 0px;
  }
  .item_form #taxdtl_row2 td input[type=number]{
      padding: 7px;
  }
  .item_form #taxdtl_row2 td input[type=text]{
      padding: 7px;
  }

  .form-group label #labelname{
    font-size: 14px;
}

.item_form #purchase_item_row td select{
    padding: 10.7px;
  }


.item_form .jcpodet td{
    padding: 0px;
}
.item_form .jcpodet td input{
    padding: 8px;
}
.item_form .jcpodet td select{
    padding: 10px;
}

.fglink th{
    text-align: center;
}
.fglink td{
    text-align: center;
}
#sc_data th{
    text-align: center;
}
#sc_data td{
    text-align: center;
}
.fglinksc #link_data td{
    padding: 0px;
}
.fglinksc #link_data td input{
    padding: 7px;
}
.item_form .fgpodet td{
    padding: 0px;
}
.item_form .fgpodet td input{
    padding: 8px;
}
.item_form .fgpodet td select{
    padding: 10px;
}
.item_form #purchase_item_row td input[type=date] #id_jc_date{
    padding:0px;
}
.table-responsive #link_data td{
    padding: 0px;

}
.table-responsive #link_data td input{
    padding: 8px;
    
}
.table-responsive #link_data td input[type='date']{
    padding: 0px;
    
}
.item_form #purchase_item_row1 td{
    padding: 0px;
}
.item_form #purchase_item_row1 td input{
    padding: 8px;
}


.submit3 input {
    padding: 6px 90px;
    color: white;
    background-color: rgb(38, 38, 221);
    border: rgb(38, 38, 221);
    text-align: center;
    margin: 20px auto 10px 80px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    
    box-shadow: 1px 1.5px 1.5px 1px rgba(116, 115, 115, 0.5);
}

.submit4 input {
    padding: 6px 90px;
    color: white;
    background-color: rgb(38, 38, 221);
    border: rgb(38, 38, 221);
    text-align: center;
    margin: 20px auto 10px 10px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    
    box-shadow: 1px 1.5px 1.5px 1px rgba(116, 115, 115, 0.5);
}
.inp {
    width: 180px;
    border-bottom: 1px solid #000;
}

.inp input {
    outline: none;
    border: 1px solid white;
    padding-bottom: 5px;
}

.inp select {
    outline: none;
    border: 1px solid white;
    padding-bottom: 5px;
}

#formregi1 {
    width: 360px;
    margin: auto auto auto auto;
    background-color: white;
    border-radius: 2px;
    box-shadow: 3px 3px 3px 3px rgba(116, 115, 115, 0.5);
}

.logo2 img {
    margin: 25px auto auto 108px;
    width: 130px;
    height: 60px;
    border-radius: 50%;
}

.input-group {
    margin: 20px auto auto 2px;

}

.inpregi1 {
    width: 280px;
    text-align: center;
    margin-left: 3rem;
}

.inp {
    width: 180px;
    border-bottom: 1px solid #000;
}

.form-check {
    margin: 10px auto auto 35px;
}

.inpregi1 {
    width: 280px;
    /* border-bottom: 1px solid #000; */
    text-align: center;
    margin-left: 3rem;
}

.inpregi1 input {
    outline: none;
    border: 1px solid white;
    padding-bottom: 5px;
    width: 180px;
    border-bottom: 1px solid #000;
    font-size: 17px;
    text-align: center;
}

.inpregi1 select {
    outline: none;
    border: 1px solid white;
    padding-bottom: 5px;
    width: 180px;
    border-bottom: 1px solid #000;
    text-align: center;
}

.form-bottom1 {
    font-size: 14px;

}

.form-bottom1 #register {
    margin: 2px auto auto -10px;
}

a#link_det{
    display: none;
    
}

.perm_list #perm_data input{
    margin-left: 10px;
}

.table-responsive #SCDATA thead th{
    text-align: center;
    font-size: 10px;
}

.table-responsive #SCDATA thead td{
    text-align: center;
    font-size: 8px;
}


.table-responsive #itm_view{
    border: 1px solid  black;
}
.table-responsive #itm_view th{
    border: 1px solid  black;
}
.table-responsive #itm_view td{
    border: 1px solid  black;
}

.prefot_dtl table td{
    padding: 2px;
}

.table-responsive .itm_view{
    border: 0.5px solid  black;
}
.table-responsive .itm_view th{
    border: 0.5px solid  black;
}
.table-responsive .itm_view td{
    border: 0.5px solid  black;
}

/* .taxinvmodel .modal-backdrop .show{
    z-index: 0;
} */


.taxinvmodel .modal-backdrop {
    
    z-index: 0;
 
}


.hdr1,
.hdr2,
.details_prt,

.fot1 {
    margin: 2rem;
}

.hdr1 {
    display: grid;
    grid-template-columns: 3.5fr 1.5fr;
}

.ind {
    margin: 2rem;

}

.hdr2 {
    display: grid;
    grid-template-columns: 2fr 2fr 1.5fr;
}



.itm_tab {
    width: 100%;
    text-align: center;
    border: solid #000;
    border-width: 1 1px;
}

.itm_tab th {
    border-left: 0.5px solid;
    border-right: 0.5px solid;
}

.itm_tab .sth {
    border: solid 1px;
}

.itm_tab th {
    padding: 5px;
}

.itm_tab td {
    padding: 5px;
    width: 55rem;
    border: solid 1px;
}

.itm_tab .th1 th {
    width: 50rem;
}

.fot1 {
    display: grid;
    grid-template-columns: 3.5fr 1.5fr;
}



/* .tmrm {
    margin-left: 10rem;
} */

.grnd {
    float: right;
    margin-right: 26rem;
}

.table-responsive .table thead th{
    text-align: center;
}

.rm_grid {
    margin-left: auto;
    margin-right: auto;
}