.yesBtn {
  background-color: #008080;
  color: white;
  border-radius: 12px;
  margin: auto;
  width: 9rem;
  height: 2.7rem;
}

.yesBtn:hover {
  background-color: #454545;
  color: white;
  border-radius: 12px;
  margin: auto;
  width: 9rem;
  height: 2.7rem;
}

.dataFont {
  font-size: 14px;
}



/* so Table */
#soTable tr {
  font-size: 0.60rem;
  height: 0.80rem;
  padding: 0%;
  margin: 0%;

}

#soTable thead {
  background-color: #008080;
  color: white;
  font-size: 0.60rem;
}

#soTable tr:nth-child(even) {
  background-color: #D6EEEE;
  font-size: 0.60rem;
}


.total-row {
  background-color: #E2E3E5 !important;
}

.grand-total-row {
  background-color: #F8D7DA !important;
}


/* #soProdTable tr:nth-child(even) {
background-color: #D6EEEE;
font-size: 0.70rem;
}

#soProdTable1 tr:nth-child(even) {
background-color: #D6EEEE;
font-size: 0.70rem;
}

#soProdTable2  tr:nth-child(even) {
background-color: #D6EEEE;
font-size: 0.70rem;
} */




#soTable thead {
  background-color: #008080;
  color: white;
  font-size: 0.70rem;

}

/* #soProdTable thead{
background-color: #008080;
color: white;
font-size: 0.70rem;

}
#soProdTable1 thead{
background-color: #008080;
color: white;
font-size: 0.70rem;

}

#soProdTable2  thead{
background-color: #008080;
color: white;
font-size: 0.70rem;
}

#soProdTable3 thead{
background-color: #008080;
color: white;
font-size: 0.70rem;
}

#soProdTable3  thead{
background-color: #008080;
color: white;
font-size: 0.70rem;
} */


/* so Table edit  */

/* #soEditProdTable{
width: 80%;
margin: auto;
font-size: 0.70rem;
} 
#soEditProdTable  tr:nth-child(even) {
background-color: #D6EEEE;
font-size: 0.70rem;
}

#soEditProdTable thead{
background-color: #008080;
color: white;
font-size: 0.70rem;
}



#soAddProdTable{
width: 80%;
margin: auto;

} 
#soAddProdTable  tr:nth-child(even) {
background-color: #D6EEEE;
font-size: 0.70rem;
}



#soAddProdTable thead{
background-color: #008080;
color: white;
font-size: 0.70rem;
}

#soAddContTable{
width: 80%;
margin: auto;
} 
#soAddContTable  tr:nth-child(even) {
background-color: #D6EEEE;
font-size: 0.70rem;
}



#soAddShipTable thead{
background-color: #008080;
color: white;
font-size: 0.70rem;
}

#soAddShipTable{
  width: 80%;
  margin: auto;
  } 
#soAddShipTable  tr:nth-child(even) {
background-color: #D6EEEE;
font-size: 0.70rem;
}
  
  
  
#soAddShipTable thead{
background-color: #008080;
color: white;
font-size: 0.70rem;
}

#siShipTable thead{
  background-color: #008080;
  color: white;
  font-size: 0.70rem;
  }
    
#siShipTable{
  width: 80%;
  margin: auto;
  } 
  
#siShipTable  tr:nth-child(even) {
background-color: #D6EEEE;
}
      
      
      


#cloningItem tr{
width: 80%;
margin: auto;
height: 2.9rem;
font-size: 14px  !important;
} */







/* #soTab{
border-bottom: 1px solid gray;
padding: 1rem;
margin: 0%;
}

#soTab li button{
color:#008080;
margin-left: 4rem;
padding: 0.5rem;
font-size: 0.90rem;
min-width: 5rem;
}

#soTab li button.active{
background-color: #008080;
color: white;
margin-left: 4rem;
padding: 0.5rem;
font-size: 0.90rem;
min-width: 5rem;
} */

#soPenTab {
  border-bottom: 1px solid gray;
  padding: 1rem;
  margin: 0%;
}

#soPenTab li button {
  color: #008080;
  margin-left: 4rem;
  padding: 0.5rem;
  font-size: 0.90rem;
  min-width: 5rem;
}

#soPenTab li button.active {
  background-color: #008080;
  color: white;
  margin-left: 4rem;
  padding: 0.5rem;
  font-size: 0.90rem;
  min-width: 5rem;
}

.tealFaBtn {
  color: #008080;

}

.redFaBtn {
  color: red;
}

.tealColor {
  color: #008080;
}

/* .modTitle{
color: #008080;
font-weight: bold;
}

.selectClass {
border: 1px solid gray;
width: 15rem;
height: 2.5rem;

}
 */



span {
  font-size: 14px;
}

/* input[type=text] {
  font-size: 14px;
  width: 15rem;
  height: 2.9rem;
}


input[type="date"] {
width: 15rem; 
height: 2.5rem;
border: 1px solid gray;

} */



.formHead {
  color: gray;
  font-weight: bold;
  font-size: 0.70rem;
}

/* #soEditTab{
border-bottom: 1px solid gray;
padding: 1rem;
margin: 0%;
}

#soEditTab li button{
color:#008080;
margin-left: 6rem;
padding: 0.5rem;

min-width: 5rem;
}

#soEditTab li button.active{
background-color: #008080;
color: white;
margin-left: 6rem;
padding: 0.5rem;

min-width: 5rem;
}

@media screen and (min-width: 676px) {
.modal-dialog {
  max-width: 100rem; 
  max-height: 100rem;

} 
#soDeleteConfirm .modal-dialog {
max-width: 20rem; 
max-height: 30rem;
}


.inputTable-18 input[type="text"]{
width: 18rem;
height: 2rem;
border: 1px solid gray;
}

.inputTable-12 input[type="text"]{
width: 12rem;
height: 2rem;
border: 1px solid gray;
}

.inputTable-8 input[type="text"]{
width: 8rem;
height: 2rem;
border: 1px solid gray;
/* } */

.inputTable-6 input[type="text"] {
  width: 6rem;
  height: 2rem;
  border: 1px solid gray;
  font-size: 0.70rem;
}

/* 
.selectClassTable-12 {
border: 1px solid gray;
width: 12rem;
height: 2rem;

}

.selectClassTable-14 {
border: 1px solid gray;
width: 14rem;
height: 2rem;

}

.selectClassTable-5 {
border: 1px solid gray;
width: 5rem;
height: 2rem;

}

#statusId{
height: 2rem;
width: 9rem;
border-radius: 1rem;
border: 1px solid #008080;
font-size: 14px;
}



input[type="checkbox"] {
width: 1em;
height: 1rem;
accent-color:#008080;
}



.docList ul {
list-style: none;
}



.docList ul li::marker {
content: '✓ ';
color:#008080;
height: 1em;
font-weight: bold;





.tealText{
color: #008080;
}

/* .vourcher-title{ 
font-size: 2rem;
font-weight: bold;
color: #008080;

}


#piEditTab{
border-bottom: 1px solid gray;
padding: 1rem;
margin: 0%;
}

#piEditTab li button{ 
color:#008080;
margin-left: 5rem;
padding: 0.5rem;

min-width: 5rem;
}

#piEditTab li button.active{
background-color: #008080;
color: white;
margin-left: 6rem;
padding: 0.5rem;

min-width: 5rem;
}


#piEditProdTable{
width: 80%;
margin: auto;
} 

#piEditProdTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piEditProdTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piEditProdTable tr{
font-size: 14px;
height: 2rem;
}  


#piEditContTable{
width: 80%;
margin: auto;
} 

#piEditContTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piEditContTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piEditContTable tr{
font-size: 14px;
height: 2rem;
}


#piEditBankTable{
width: 80%;
margin: auto;
} 

#piEditBankTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piEditBankTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piEditBankTable tr{
font-size: 14px;
height: 2rem;
}

#piEditShipTable{
width: 80%;
margin: auto;
} 

#piEditShipTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piEditShipTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piEditShipTable tr{
font-size: 14px;
height: 2rem;
}

#piOtherAdjTable{
width: 80%;
margin: auto;
} 

#piOtherAdjTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piOtherAdjTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piOtherAdjTable tr{
font-size: 14px;
height: 2rem;
}

#piSalTable{
width: 80%;
margin: auto;
} 

#piSalTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piSalTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piSalTable tr{
font-size: 14px;
height: 2rem;
}

#piShipTable{
width: 80%;
margin: auto;
} 

#piShipTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piShipTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piShipTable tr{
font-size: 14px;
height: 2rem;
}

#piProTable{
width: 80%;
margin: auto;
} 

#piProTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piProTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
} */

/* #piProTable tr{
font-size: 14px;
height: 2rem;
}

#piProdTable{
width: 80%;
margin: auto;
} 

#piProdTable  tr:nth-child(even) {
background-color: #D6EEEE;
}

#piProdTable thead{
background-color: #008080;
color: white;
font-size: 14px;
height: 2rem;
}

#piProdTable tr{
font-size: 14px;
height: 2rem;
}

.ui-datepicker thead {
background-color: #008080;
color: white;
font-family: "Verdana";
font-weight: normal;
font-size: 12px;


}

.ui-datepicker{
border: none;
background-color: #008080;
color: white;
}

.ui-datepicker tbody td {


font-family: "Verdana";
font-weight: normal;
font-size: 12px;
background-color: #D6EEEE;
text-align: center;
}

.ui-datepicker-title {
text-align: center;
background-color: #008080;
color: white;
font-family: "Verdana";
font-weight: bold;
font-size: 15px;

}

.ui-datepicker-prev {
background-color: #008080;
color: white;
}

.ui-datepicker-next {
background-color: #008080;
color: white;

} */

.tealFaDateBtn {
  color: #008080;

}


/* .row-template .dataFont{
font-size: 14px;
margin-top: 5px;
}

.row-template tr{

margin-top: 15px !imsortant;
}


.row-template .selectClassTable-14 select{
border: 1px solid gray;
width: 14rem ;
height: 2rem;


}

.row-template .selectClassTable-5 select{
border: 1px solid gray;
width: 5rem;
height: 2rem;


}

.row-template .selectClassTable-14 select option{
border: 1px solid gray;
width: 14rem;
height: 2rem;


}

.row-template .selectClassTable-5 select option{
border: 1px solid gray;
width: 5rem;
height: 2rem;


} */

/* #message{

width:300px;
height: 50px;
font-size: 14px;
border-radius: 15px;


}
#closeMsg{
height: 5px;
color: white;
} */

.textRed {
  color: red;
}

/* .offcanvas-size-lg {
  width: 1200px; /* Change the width to 500px 
  }


  #piEditTab{
    border-bottom: 1px solid gray;
    padding: 0.70rem;
    margin: 0%;
    }
    
  #piEditTab li button{ 
    color:#008080;
    margin-left: 4rem;
    padding: 0.5rem;
    
    min-width: 5rem;
    }
    
  #piEditTab li button.active{
    background-color: #008080;
    color: white;
    margin-left: 6rem;
    padding: 0.5rem;
    
    min-width: 5rem;
    }
  

    #piTaxTable tr{
      font-size: 14px;
      height: 2rem;
    }
    
    #piTaxTable  tr:nth-child(even) {
      background-color: #D6EEEE;
    }
    
    #piTaxTable thead{
      background-color: #008080;
      color: white;
      font-size: 14px;
      height: 2rem;
    }
    
    #piTaxTable tr{
      font-size: 14px;
      height: 2rem;
    } */

/*table*/

/* #soProfInvTable tr{
      font-size: 14px;
      height: 2rem;
    }
    
    #soProfInvTable  tr:nth-child(even) {
      background-color: #D6EEEE;
    }
    
    #soProfInvTable thead{
      background-color: #008080;
      color: white;
      font-size: 14px;
      height: 2rem;
    }
    
    #piTasoProfInvTablexTable tr{
      font-size: 14px;
      height: 2rem;
    }

 .autocomplete-select {
      position: relative;
      display: inline-block;
    }
    .dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border: 1px solid #ccc;
      background: white;
      z-index: 100;
      max-height: 200px;
      overflow-y: auto;
      display: none;
    } */
/* .dropdown input {
      width: 100%;
      box-sizing: border-box;
      padding: 5px;
      border: none;
      border-bottom: 1px solid #ccc;
    } */
/* .dropdown select {
      width: 100%;
      border: none;
      height: auto;
    }
 */


#dropdownMenuButton {
  font-size: 0.70rem;
}

.dropdown-item {
  font-size: 0.70rem;
}

.dropdown-menu a:hover {
  font-size: 0.70rem;
  background-color: #008080;
  color: white;
}


/* AUTOCOMPLTE WITH CHECKBOX */
.autocomplete-select {
  position: relative;
  width: 250px;
}

.search-input {
  width: 100%;
  padding: 8px;
  font-size: 0.70rem;
}

.options {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  font-size: 0.70rem;
}

.option {
  display: block;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 0.70rem;
}

.option:hover {
  background: #f2f2f2;
  font-size: 0.70rem;
}

.option input[type="checkbox"] {
  accent-color: #008080;
}