/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Nov 12, 2024, 6:51:08 AM
    Author     : Joy Kar
*/


.mypagination
{
    width:200px;
    overflow-x:hidden;
}

.clsdev_img
{
    border:1px solid #0033ff;border-radius:5px;cursor:pointer;
}
.clsComsel
{
    width:80px;height:30px;padding:2px;
}
.clsBtnConnect
{
    curosr:pointer;background: #33cc00;color:#FFFFFF;
}
.clsBtnDisConnect
{
    curosr:pointer;background: #ff3333;color:#FFFFFF;
}
.exref_donecls
{
    position:inherit;
    cursor:pointer;
    float:right;
}
.exref_donecls:hover
{
    position:inherit;
    cursor:pointer;
    float:right;
    color:red;
}
.copyTxt
{
 float:right;
 z-index:7;
 margin-top:-5%;
 height:60px;
 width:60px;
}
.clsParticulars_on
{
    color:#000000;
}
.clsParticulars_off
{
    background:#ffff00;
    color: #ff0000;
}


.clsTab
{
    color:#0000ff;
    cursor:pointer;
    font-size:18px;font-weight:bold;
}
.clsTab:hover
{
    cursor:pointer;
    color:#ff00ff;
    font-size:18px;font-weight:bold;
}
.clsdeleteitem
{
    float:right;
    cursor:pointer;
    margin-top: 7%;
    margin-right:4%
}
.clsdeleteitem2
{
    float:right;
    cursor:pointer;
    margin-top: 0%;
    margin-right:4%
}
.slSale
{
    width:65%;
}
.clsinfobox
{
    border:1px solid #cc00cc;
    border-radius:5px;
    padding:10px;
    background: #7bed8a;
background: linear-gradient(90deg,rgba(123, 237, 138, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(167, 242, 176, 1) 100%);
}
.headerbilltype
{
    font-size:15px;
    font-weight:bold;
    color:red;
}

.itemSalebutton
{
    cursor:pointer;
    float:right;
    position:inherit;
}

.smallspearupdate:read-only
{
    width:70px;
    float:right;
    position:inherit;
    border:none;
    background:transparent;
    border:1px solid #c4c4c4;
    border-radius:5px;
    cursor:pointer;
}
.smallspearupdate
{
    width:70px;
    float:right;
    position:inherit;
    border:none;
    background: #bbfdd6;
    border:1px solid #009900;
    border-radius:5px;
    cursor:pointer;
}
#filtertxt,#filtertxt2
{
     background:url('../imgs/filter.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor:pointer;
    background-size:30px,30px; 
    padding:5px;
    width:350px;
    border:1px solid #666666;
    border-radius:6px;
}
.drcejss
{
    height:30px;
    width:100px;
    cursor: pointer;
    float:right;
    position: inherit;
}
.empty-invoice-field
{
    background: #ffcda4;
    border:1px solid #ff0000;
}
.loginbox
{
    background: #2f37a4;
    opacity:0.9;
    box-shadow: 2px 2px 2px 2px  #424244;
    height:600px;
}
.clsloginbg
{
    background:url('../imgs/3274387.jpg');
    background-repeat: no-repeat;
    background-size: 100%,100%;
}
.menu-item
{
    color: #ffff00;
    margin-left:7%;
}

.clsBalancePos
{
    color:#009900;
    float:right;
    position:inherit; 
}
.clsBalanceNeg
{
    color: #ff0000;
    float:right;
    position:inherit;    
}

.sticky-row
{
    position:sticky;
    top:0;
}
.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  top: 1px;
  background-color: white;
}

.first-col {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  top: 1px;
  left: 0px;
}
.second-col {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  top: 1px;
  left: 30px;
}

.imgUpCopyParam
{
    border:1px solid #333333;
    cursor:pointer;
    width:30px;
    height:30px;
    border-radius:50%;
    float:right;
}
.imgUpCopyParam:hover
{
    border:1px solid #0000ff;
    cursor:pointer;
    width:30px;
    height:30px;
    border-radius:50%;
    float:right;
}
.floatTedButton
{
    margin-top:3%;
    margin-left:70%;
    float:right;
    z-index:2;
    position:absolute;
    cursor:pointer;
    
}


.clsinpCalendar
{
    background:url('../imgs/calendar.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor:pointer;
    background-size:30px,30px; 
}
#invoice_date,#invoice_date2
{
    background:url('../imgs/calendar.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor:pointer;
    background-size:30px,30px; 
}

datalist option
{
    border-bottom:1px solid #cccccc; 
}


.clscombosearch2
{
    
    position:absolute;
    z-index:100;
    width:300px;
    float:left;
    margin-left:3px;
    border:none;
}

.clsfieldsetTop
{
    background: rgb(14,139,97);
    background: linear-gradient(90deg, rgba(14,139,97,1) 0%, rgba(9,121,111,1) 33%, rgba(0,212,255,1) 100%);
}
.clsfieldsetTop legend
{
    color:#ffffff;
    font-weight:bold;
    font-size:22px;
}
.clsfieldsetTop input[type="text"]
{
    color:#ffffff;
    font-weight:bold;
    font-size:16px;
    background: transparent;
}
.sillyLabel
{
    color:#ffff00;
    font-size:16px;
    font-weight:bold;
}
.clsfieldsetItem
{
    background: rgb(187,255,232);
background: linear-gradient(90deg, rgba(187,255,232,1) 0%, rgba(180,239,255,1) 34%);
}
.clsfieldsetItem legend
{
    color:#666666;
    font-weight:bold;
    font-size:15px;
}
.extTDHeader
{
    color:#666666;
    font-weight:bold;
    font-size:15px;
}
.clsfieldsetItem select
{
    background:transparent;
    color:#666666;
    font-weight:normal;
    font-size:14px;
    cursor:pointer;
}
.clsfieldsetItem input[type="number"]
{
    background:transparent;
    color:#666666;
    font-weight:normal;
    font-size:14px;
    cursor:pointer;
}
.clsfieldsetItem input[type="text"]
{
    background:transparent;
    color:#666666;
    font-weight:normal;
    font-size:14px;
    cursor:pointer;
}
.floatbtnAddParty
{
    position:absolute;
    margin-top:40px;
    margin-left:65%;
}



.sillyHead
{
    padding:20px;color:blue;
}
.newcalender
{
    padding:14px;
    width:98%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right; 
    background-image: url("../imgs/calendar.png"); 
    background-size: 40px 40px;
    cursor:pointer;
}
#pages,#pages2
{
    float:right;
}
.trcls
{
    cursor:pointer;
    color:#333333;
}
.trcls:hover
{
    cursor:pointer;
    color:#4DC7A0;
}
.pgcls
{
    cursor:pointer;
    text-decoration:none;
    font-size:18px;
    color: #007bff;
    padding:2px;
    margin:2px;
    width:30px;
    border:1px solid #3300ff;
    background: #ffcda4;
    
}
.pages
{
    color:#ffcc00;
    width:50px;
    height:40px;
}
.clsFluidDatalist

{
    left:10px;
    display:none;
    z-index:2;    
    cursor:pointer;
    height:200px;
    position:absolute;
/*    margin-top: -100%;
    margin-left: 20.1%;*/
    width: 500px;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
    overflow-y: scroll;
}
.clsFluidDatalist2

{
    left:10px;
    display:block;
    z-index:2;    
    cursor:pointer;
    height:200px;
    position:absolute;
/*    margin-top: -100%;
    margin-left: 20.1%;*/
    width: 500px;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
    overflow-y: scroll;
}

.clsFluidDiv

{
    left:10px;
    display:none;
    z-index:2;    
    cursor:pointer;
    height:300px;
    position:absolute;
/*    margin-top: -100%;
    margin-left: 20.1%;*/
    width: 70%;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
}

.clsFluidDiv2
{
    left:10px;
    display:block;
    z-index:2;
    cursor:pointer;
    height:300px;
    position:absolute;
/*    margin-top: -98%;
    margin-left: 24%;*/
    width: 70%;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
}
.clsFluidDiv2Collapsed
{
    left:10px;
    display:block;
    z-index:2;
    cursor:pointer;
    height:300px;
    position:relative;
    margin-top: -114.5%;
    margin-left: 6%;
    width: 70%;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
}
.clsFluidDivT

{
    left:10px;
    display:none;
    z-index:2;    
    cursor:pointer;
    height:300px;
    position:absolute;
/*    margin-top: -90%;
    margin-left: 20.1%;*/
    width: 70%;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
}

.clsFluidDiv2T
{
    left:10px;
    display:block;
    z-index:2;
    cursor:pointer;
    height:300px;
    position:absolute;
/*    margin-top: -88%;
    margin-left: 24%;*/
    width: 70%;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
}
.clsFluidDiv2CollapsedT
{
    left:10px;
    display:block;
    z-index:2;
    cursor:pointer;
    height:300px;
    position:relative;
    margin-top: -100.5%;
    margin-left: 6%;
    width: 70%;
    border-radius:5px;
    border:1px solid #666666;
    background:#ffffff;
    padding:5px;
}

.clsViewAc
{
    color:#333333;
    cursor:pointer;
}
.clsViewAc:hover
{
    color:#007bff;
    cursor:pointer;
}
.clsSelect
{
   width:180px;
   font-size:12px;
   font-weight:normal;
   padding:2px;
}
.clsPayment
{
    width:120px;
    font-size:12px;
    font-weight:normal;
    padding:2px;
}
.delBtnPMethod
{
    height:25px;
    width:25px;
    padding:2px;
    margin-left:20px;
}
.addBtnPMethod
{
    height:30px;
    padding:2px;
    margin-top:10px;
}
.sl
{
    width:99%;
    border:none;
    background:transparent; 
}
.slTransfer
{
    width:99%;
    border:none;
    background:transparent; 
}
.product_name
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.wh_rate
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.rt_rate
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.model_number
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.eng_no
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.chs_no
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.ids
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.sale_price
{
    width:99%;
    border:none;
/*    background:transparent; */
}
.part_no
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.sku
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.price
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.slRepair
{
    width:80%;
    border:none;
/*    background:transparent;*/
}
.video
{
    width:98%;
    border:none;
/*    background:transparent;*/
}
.category
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.colors
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.color
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.color_code
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.chs_no
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.eng_no
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.challan_price
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.sale_price
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.invoice_price
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.qnt
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.wgt
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.mch
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.mrpmod
{
    color:#ff3300;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
}
.mrpmod_on
{
    color:#00cc00;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
}
.pmrt
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.twgt
{
    width:99%;
    border:none;
/*    background:transparent;*/
}

.mrp
{
   width:99%;
    border:none;
/*    background:transparent;*/
}
.taxamt
{
   width:99%;
    border:none;
/*    background:transparent;*/
}
.tax_amt
{
   width:99%;
    border:none;
/*    background:transparent;*/
}
.gstamt
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.gst_amt
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.gst
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.clschk_add
{cursor:pointer;}
.clschk_add_inp
{
 cursor:pointer;
}
.dis
{
   width:99%;
    border:none;
/*    background:transparent;*/
}
.disamt
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.purchase
{
    width:99%;
    border:none;
/*    background:transparent;*/
}
.amt
{
   width:99%;
    border:none;
/*    background:transparent;*/
}
.maker
{
   width:99%;
    border:none;
/*    background:transparent;*/
}

.clsAmt
{
    width:8%;
}
.clsTh
{
    background:#666666;
    color:white;
}
#item_list td
{
    border-right:1px solid #004b7a;
}
.basicItem
{
    background:white;
    color: #666666;
}
.selectedItem
{
    background:#b0f8da;
    color:black;
}
.basicItemSale
{
    background:white;
    color: #666666;
}
.selectedItemSale
{
    background:#cce5a0;
    color:black;
}
.btnfollowup
{
    padding:3px;
    cursor:pointer;
    font-size:12px;
    border:1px solid #004b7a;
    border-radius:5px;
}
.btnfollowup:hover
{
    padding:3px;
    cursor:pointer;
    font-size:12px;
    border:1px solid #4DC7A0;
    border-radius:5px;
}
.clsTotalPaymentBooking
{
    font-size:30px;
    font-weight:bold;
    color:#007bff;
}