a {
  color:#fbcbcb;
}
.tr-summary-record {
    background-color: #fbcbcb;
    font-size: 25px;
    font-family: 'kanit';
}
.btn-with-icon {
    display: flex;
}
.btn-with-icon:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-with-icon span {
    margin-left: 6px;
}
.body-tax-order {
  background-color: #f9f8f5;
  padding: 10px;
  font-family: 'kanit';
}
.display-ruby-base {
    display: ruby-base !important;
}

.parent-num-count {
    position: relative;
}
.num-count {
    position: absolute;
    bottom: 1px;
    right: 19px;
}

.text-right {
    text-align: right;
}

.flex-display {
    display: flex !important;
}
.form-button {
    display: flex !important;
    align-items: first baseline;
}

.align-items-base {
    align-items: baseline;
}

.note-td {
    white-space: unset !important;
}

.btn-success {
  color: #000000;
  background-color: #fbcbcb;
  border-color: #fbcbcb;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-success:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-info {
  color: #000000;
  background-color: #fbcbcb;
  border-color: #fbcbcb;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-info:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-download {
  color: #000000;
  background-color: #92edff;
  border-color: #92edff;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-download:hover {
  color: #fff;
  background-color: #92edff;
  border-color: #92edff;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-warning {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-warning:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-dark {
  color: #000000;
  background-color: #FBCCCC;
  border-color: #FBCCCC;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-dark:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-secondary {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 25px;
  font-family: 'kanit';
}
.btn-secondary:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 25px;
  font-family: 'kanit';
}
.btncopy_revieworder{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.typeahead .active a{
  color: #000000;
  padding: 5px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1px;
}

.typeahead li{
  border: 1px solid #eeeeee;
  padding: 10px 5px;
  background: #f9f8f5;
}

.fc-unthemed td.fc-today{
  background: #fbcbcb;
}

.fc-day-grid-event {
  border-radius: 25px;
}
.top-detail li{
  border-bottom: 1px dashed #aeaeae;
  margin-bottom: 15px;
}
.top-detail ul li span{
  display: inline-block;
  font-family: 'kanit';
}
.checkbox{
  font-family: 'kanit';
}
.swal2-styled.swal2-confirm{
  border-radius: 25px;
  font-family: 'kanit';
}
.swal2-styled.swal2-cancel{
  border-radius: 25px;
  font-family: 'kanit';
}
.mb20{
  margin-bottom: 20px;
}

.table-primary {
  --bs-table-bg: #fbcbcb;
  --bs-table-striped-bg: #fbcbcb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #fbcbcb;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #fbcbcb;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.error {
  color: red !important;
}

.tabletdborder{
  border: 0.5px solid #000000 !important;
  text-align: center;
  font-weight: 600 !important;
}

.accordion-button:not(.collapsed) {
  background-color : #fbcbcb;
  color:#000000;
}

table.stickytable, table.stickytable2, table.stickytable3, table.stickytable4 {
  white-space: nowrap;
  margin: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
}

table.stickytable thead th, table.stickytable2 thead th, table.stickytable3 thead th, table.stickytable4 thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 1px solid #000000;
  padding: 15px;
}

table.stickytable td, table.stickytable2 td, table.stickytable3 td, table.stickytable4 td {
  background: #fff;
}
table.stickytable td:first-child, table.stickytable2 td:first-child, table.stickytable3 td:first-child, table.stickytable4 td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #f9f8f5;
  border-right: 1px solid #000000;
  /*width:50px;*/
}
table.stickytable td:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  background: #ffffff;
  border-right: 1px solid #000000;
}
table.stickytable3 td:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  background: #ffffff;
  border-right: 1px solid #000000;
}
table.stickytable3 td:nth-child(3){
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  background: #ffffff;
  border-right: 1px solid #000000;
}
table.stickytable4 td:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  background: #ffffff;
  border-right: 1px solid #000000;
}
table.stickytable4 td:nth-child(3){
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  background: #ffffff;
  border-right: 1px solid #000000;
  /* ทำให้คอลัมน์หมายเหตุเล็กลงในฝ่ายผลิต */
  white-space: normal;
}
table.stickytable4 td:nth-child(4){
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  background: #ffffff;
  border-right: 1px solid #000000;
}

table.stickytable tbody th, table.stickytable2 tbody th, table.stickytable3 tbody th, table.stickytable4 tbody th  {
  font-weight: 100;
  text-align: left;
  position: relative;
  position: sticky;
  left: 0;
  z-index: 1;
}
table.stickytable thead th:first-child, table.stickytable2 thead th:first-child, table.stickytable3 thead th:first-child, table.stickytable4 thead th:first-child {
  position: sticky;
  /*width:50px;*/
  left: 0;
  z-index: 2;
  background: #f9f8f5;
  border-right: var(--border-size-s) solid var(--color-neutral-4);
}
table.stickytable thead th:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  background: #f9f8f5;
  border-right: var(--border-size-s) solid var(--color-neutral-4);
}
table.stickytable3 thead th:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  z-index: 14;
  background: #f9f8f5;
  border-right: var(--border-size-s) solid var(--color-neutral-4);
}
table.stickytable3 thead th:nth-child(3) {
  position: -webkit-sticky;
  position: sticky;
  z-index: 12;
  background: #f9f8f5;
  border-right: var(--border-size-s) solid var(--color-neutral-4);
}
table.stickytable4 thead th:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  z-index: 14;
  background: #f9f8f5;
  border-right: var(--border-size-s) solid var(--color-neutral-4);
}
table.stickytable4 thead th:nth-child(3) {
  position: -webkit-sticky;
  position: sticky;
  z-index: 12;
  background: #f9f8f5;
  border-right: var(--border-size-s) solid var(--color-neutral-4);
}
table.stickytable4 thead th:nth-child(4) {
  position: -webkit-sticky;
  position: sticky;
  z-index: 9;
  background: #f9f8f5;
  border-right: var(--border-size-s) solid var(--color-neutral-4);
}

table.table-left68 td:nth-child(2){
  left: 68px;
}
table.table-left68 thead th:nth-child(2)  {
  left: 68px;
}
table.table-left102 td:nth-child(2){
  left: 102px;
}
table.table-left102 thead th:nth-child(2)  {
  left: 102px;
}
table.table-left245 td:nth-child(2){
  left: 245px;
}
table.table-left245 thead th:nth-child(2)  {
  left: 245px;
}
table.table-left254 td:nth-child(3){
  left: 254px;
}
table.table-left254 thead th:nth-child(3)  {
  left: 254px;
}
table.table-left314 td:nth-child(3){
  left: 314px;
}
table.table-left314 thead th:nth-child(3)  {
  left: 314px;
}
table.table-left412 td:nth-child(4){
  left: 412px;
}
table.table-left412 thead th:nth-child(4)  {
  left: 412px;
}


table.table-left340 td:nth-child(3){
  left: 340px;
}
table.table-left340 thead th:nth-child(3)  {
  left: 340px;
}
table.table-left365 td:nth-child(3){
  left: 365px;
}
table.table-left365 thead th:nth-child(3)  {
  left: 365px;
}
table.table-left463 td:nth-child(4){
  left: 463px;
}
table.table-left463 thead th:nth-child(4)  {
  left: 463px;
}
table.table-left474 td:nth-child(4){
  left: 474px;
}
table.table-left474 thead th:nth-child(4)  {
  left: 474px;
}

table.fixedwidth thead th:first-child {
  width: 245px;
}

table.fixedwidth td:first-child {
    width: 245px;
    min-width: 245px;
}

table.table-fix-3col td:nth-child(2){
  left: 122px;
}
table.table-fix-3col thead th:nth-child(2)  {
  left: 122px;
}
table.table-fix-3col td:nth-child(3){
  left: 227px;
}
table.table-fix-3col thead th:nth-child(3) {
  left: 227px;
  z-index: 4;
  background-color: #f9f8f5;
}
table.table-fix-3col td:nth-child(3){
  position: -webkit-sticky;
  position: sticky;
  z-index: 4;
  background: #ffffff;
  border-right: 1px solid #000000;
}

.doubleScroll-scroll-wrapper {
  height: auto !important;
}
.bgpink01{
  background: #fbe0e0 !important;
}
.bgpink02{
  background: #fbcbcb !important;
}
.bgpink03{
  background: #eeaeae !important;
}
.font18{
  font-size: 18px;
}
.page-header-bg{
    border: 1px solid #fbcbcb;
    padding: 10px;
    border-radius: 5px;
    background: #fbcbcbcc;
}
.num-count-xxx{
  text-align: right;
  margin-top: 5px;
  font-weight: bold;
}

.bypass-checkbox {
  align-content: center;
  display: grid;
}

.colorChangeElement {
  color: black; /* Default color */
}

#spinner {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(192, 192, 192, 0.5);
  background-image: url("spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
}

/* spinner no img */
.spinner,
.spinner:after {
  box-sizing: border-box;
}
.spinner {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(192, 192, 192, 0.5);
  background-repeat: no-repeat;
  background-position: center;
}
.spinner:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: auto;
  border-radius: 50%;
  border: 6.4px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: spinner 1.2s linear infinite;
  position: relative;
  top: 50%;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* END spinner no img */

/* Blink animation */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* END Blink animation */

/* แถบแดงในตารางฝ่ายผลิต */
.has-change td {
  background-color: #ff00007d !important
}
table.stickytable3 .has-change td:first-child {
  background: #f9f8f5 !important;
}
table.stickytable3 .has-change td:nth-child(2){
  background: #ffffff !important;
}
table.stickytable3 .has-change td:nth-child(3){
  background: #ffffff !important;
}
table.stickytable3 .has-change td:nth-child(4){
  background: #ffffff !important;
}
/* END แถบแดงในตารางฝ่ายผลิต */

/* ปุ่มเพิ่มสินค้าต่อเนื่อง */
.btn-savemore {
  background-color: #22db50 !important;
  border-color: #22db50 !important;
}

/* ปุ่มลบรูปตัวอย่างสินค้า */
input.delPhoto {
  float: right;
}

.td-action-icon {
  display: flex;
  align-items: center;
}

.div-pagination {
  display: flex;
  align-items: center;
}

.inv-has-change {
  color: red;
}

.open-mymodal, .item-history, .update_branch_delivery_improve_qty {
  color: blue !important;
}

.invent-remark {
  width: 170px !important;
}

.branch-header {
  background-color: #ffcccc;
  text-align: center;
  font-size: 1.5em;
  padding: 10px 0;
  font-weight: bold;
}
.date-header {
  background-color: #e0e0e0;
  text-align: center;
  padding: 10px 0;
  font-size: 1rem;
  font-weight: bold;
}
.date-emptydata {
  text-align: center;
  padding: 10px 0;
  font-size: 1rem;
  font-weight: bold;
}

.branch_remark {
  color: red;
  display: block;;
}

.bginv-fg-col1 {
  background-color: #fce4d6 !important;
}
.bginv-fg-col2 {
  background-color: #d9e1f2 !important;
}
.bginv-fg-col3 {
  background-color: #ffff00 !important;
}

input.product_size_sku {
  width: unset !important;
}

.delete-branch-group {
  vertical-align: sub;
  margin-left: 10px;
}
.list-group {
  min-height: 40px;
}
.btn-download-by-group {
  margin-top: 15px;
}