/* Legacy bridge bundle: only page-specific rules that are still needed during migration.
   Global/common UX is now finalized in erp-modern.css + erp-modern-advance.css + erp-modern-plan.css. */
 

.pulse_logo {
      animation: pulse_logo 2s ease-in-out infinite;
    }

.click-area_logo {
      fill: transparent;   
      cursor: pointer;
    }

.heder_L {
    
    float: left !important;
}

.heder_R {
    
    float: right !important;
}

.qty-control{display:flex;align-items:center;}

.qbtn{width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;background:#a1b4d9;color:#000;font-weight:700}

.op-col{display:flex;gap:6px;justify-content:center}

.break-word {
             max-width: 300px !important;  
            word-wrap: break-word !important; 
            overflow-wrap: break-word !important; 
        }

.hr-dots{
    border:none;
    border-top:1px dashed #000;
    margin:4px 0;
}

.info-row{
    display:flex;
    justify-content:space-between;
    font-size:12px;
    margin:2px 0;
}

.total-row{
    display:flex;
    justify-content:space-between;
    font-size:13px;
    font-weight:bold;
    margin:2px 0;
}

.pay-box{
    border-top:1px dashed #000;
    margin:6px 0 0 0;
    padding-top:4px;
    font-size:13px;
}

.pay-line{
    display:flex;
    justify-content:space-between;
    font-weight:bold;
    margin:2px 0;
}

.qr-box{
    text-align:center;
    margin:6px 0 0 0;
}

.footer{
    text-align:center;
    font-size:11px;
    margin-top:4px;
}

.total-row{
    display:flex;
    justify-content:space-between;
     font-size: 16px;
    font-weight:bold;
    margin:2px 0;
}

@media (max-width: 768px) {
.my-table-box {
        height: 30vh !important;
        max-height: 30vh !important;
    }
}

@media (min-width: 577px) and (max-width: 991px) {
.my-table-box {
        height: 35vh !important;
        max-height: 35vh !important;
    }
}

.dynamic-cell_name {
        width: 300px !important;
        max-width: 400px !important;
    }

@media (max-width: 768px) {
.dynamic-cell_name {
            width: 150px !important;
            max-width: 200px !important;
        }
}

.pos-cell {
        font-size: 14px;
        padding: 6px 4px;
        transition: all 0.15s ease;
    }

@media (max-width: 768px) {
.pos-cell {
            font-size: 12px !important;
            padding: 2px 1px !important;
         }

.pos-table {
            transform: scale(0.75);
            transform-origin: top right;
            width: 130% !important;
        }
}

.Entag_BlueGreen th {
    background-color: var(--bluegreen-head-bg, color-mix(in oklab, var(--primary, #335DAF) 18%, white)) !important;
    color: var(--bluegreen-head-text, var(--text, #0B1220)) !important;
}

.Entag_BlueGreen_number {
    background-color: var(--bluegreen-head-bg, color-mix(in oklab, var(--primary, #335DAF) 18%, white)) !important;
    color: var(--bluegreen-head-text, var(--text, #0B1220)) !important;
}

#OprsDetailsId1 {
            -moz-appearance: textfield; 
        }

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

.details-row td{background:#f2f6ff}

.details-box{padding:6px 8px;border-radius:8px;background:#e9f1ff;border:1px solid #d8e4ff}

.scroller_my{max-height:70vh;overflow:auto}

.note-row{color:#6b7a90;font-weight:600}

#Entag_OprsDetailsId1 {
            -moz-appearance: textfield; 
        }

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

.row-color-Opr5 { background-color: #ffe6e6 !important;}

.row-color-Opr6 { background-color: #808000 !important; }

.row-color-Opr5 { background-color: #ffe6e6; }

.row-color-Opr6 { background-color: #808000; }

.row-color-Opr5 { background-color: #ffe6e6 !important; }

.context-menu_Unit {
            display: none;
            position: fixed; 
            background: #cce1fa;
            font-size:30px;
            font-weight: 900;
            text-align: center;
            border: 1px solid #ccc;
            z-index: 3000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 300px; 
            left: 50%; 
            top: 50%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_Unit-item {
            padding: 5px;
            cursor: pointer;
        }

.context-menu_Unit-item:hover {
            background: #f0f0f0;
        }

.context-menu_twsel {
            display: none;
            position: fixed; 
            background: #cce1fa;
            font-size:30px;
            font-weight: 900;
            text-align: center;
            border: 1px solid #ccc;
            z-index: 3000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 300px; 
            left: 50%; 
            top: 50%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_twsel-item {
            padding: 5px;
            cursor: pointer;
        }

.context-menu_twsel-item:hover {
            background: #f0f0f0;
        }

.context-menu_Tawlat {
            display: none;
            position: fixed; 
            background: #cce1fa;
            font-size:20px;
            font-weight: 900;
            text-align: center;
            border: 1px solid #ccc;
            z-index: 3000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 300px; 
            left: 50%; 
            top: 50%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_Tawlat-item {
            padding: 5px;
            cursor: pointer;
        }

.context-menu_Tawlat-item:hover {
            background: #f0f0f0;
        }

.context-menu_Tawlat_Convert {
            display: none;
            position: fixed; 
            background: #cce1fa;
            font-size:20px;
            font-weight: 900;
            text-align: center;
            border: 1px solid #ccc;
            z-index: 3000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 250px; 
            left: 50%; 
            top: 50%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_Tawlat_Convert-item {
            padding: 5px;
            cursor: pointer;
        }

.context-menu_twsel_kias {
            display: none;
            position: fixed; 
            background: #94c3ff ;
            font-size:20px;
            font-weight: 900;
            text-align: center;
            border: 1px solid #ccc;
            z-index: 3000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 300px; 
            left: 50%; 
            top: 50%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_twsel-item_kias {
            padding: 5px;
            cursor: pointer;
             background: #94c3ff ;
        }

.context-menu_twsel-item_kias2 {
            padding: 5px;
            cursor: pointer;
             background: #b6e1e1 ;
        }

.context-menu_twsel-item_kias:hover {
            background: #f0f0f0;
        }

.input-container_rebh {
            position: relative;
            display: inline-block;
        }

.row-color-rased_mdwar { background-color: #ffffaa !important; }

.row-color-rased_hrka_total { background-color: #afe7e4 !important; }

.row-color-rased_end_total { background-color: #93c7ed !important; }

.row-color-Opr5 { background-color: #9cc4ea  !important;}

.row-color-Opr6 { background-color: #ffffc0 !important;}

.row-color-Opr7 { background-color: #ffffff !important;}

.row-color-Opr8 { background-color: #ffc0c0 !important;}

.row-color-Opr9 { background-color: #81e097 !important;}

.row-color-Opr8 { background-color: #db7f88 !important;}

.row-color-Opr7 { background-color: #f8dc8b !important;}

.context-menu_ebarat {
            display: none;
            position: fixed; 
            background: white;
            border: 1px solid #ccc;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 600px; 
            left: 50%; 
            top: 100%; 
            transform: translate(-50%, -50%); 
        }

.context-menu_ebarta-item {
            padding: 1px;
            cursor: pointer;
        }

.context-menu_ebarta-item:hover {
            background: #f0f0f0;
        }

.sticky-column_start {
    position: -webkit-sticky; 
    position: sticky;
    right: 0;
    background-color: #a1b4d9  ; 
    z-index: 22; 
}

.sticky-column_end {
    position: -webkit-sticky; 
    position: sticky;
    left: 0;
    background-color: #a1b4d9  ; 
    z-index: 22; 
}

.sticky-column_start {
    position: -webkit-sticky; 
    position: sticky;
    left: 0;
    background-color: #a1b4d9  ; 
    z-index: 22; 
}

.sticky-column_end {
    position: -webkit-sticky; 
    position: sticky;
    right: 0;
    background-color: #a1b4d9  ; 
    z-index: 22; 
}

#loading-image {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9999;
    }

#loading-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9998;
    }

.fa-expand-arrows-alt:before {
    color: inherit;
}


.input-group{
	display:flex;
	align-items:stretch;
	gap:0;
	position:relative;
	padding:0;
	box-sizing:border-box;
}

.form-group_no_padding {
    
 
    margin-bottom: 2px !important;
}

.form_my_font_ersal
{
      color: #3c4968;
}
 
.invoice-box{
  position:relative; 
  background:#fff;border:1px solid #DADCE0;border-radius:8px;
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
  display:flex;align-items:center;justify-content:space-between;
  transition:0.3s;cursor:text;z-index:10;
}

.invoice-box:hover{border-color:#1A73E8;box-shadow:0 0 8px rgba(26,115,232,0.25);}

.arrow-area{
  width:20px;height:100%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:#000;transition:.25s;
}

.arrow-area:hover{background:rgba(26,115,232,0.08);color:#1A73E8;opacity:1;}

.smart-hint{
  position:absolute;top:48px;right:0;width:220px;
  background:#fff;color:#333;border-radius:8px;padding:8px 12px;
  font-size:13px;line-height:1.6;box-shadow:0 4px 12px rgba(0,0,0,0.15);
  opacity:0;transform:translateY(5px);transition:.3s;z-index:99;
}

.smart-hint.show{opacity:1;transform:translateY(20);}

.focused{border-color:#1A73E8;box-shadow:0 0 8px rgba(26,115,232,0.35);}

.success{border-color:#00C853;animation:glow .8s;}

.error{border-color:#E53935;animation:shake .3s;}
 
.arrow-left{background:linear-gradient(to left,rgba(26,115,232,0.12),#fff);}

.arrow-right{background:linear-gradient(to right,rgba(26,115,232,0.12),#fff);}

.sgortcut_heid {
       color: #000;
    }

.filter-footer{
  padding:12px 16px;
  border-top:1px solid #eee;
}

.filter-close_center_print{
  cursor:pointer;
  color: red;
}

.filter-close_center_InvoiceEdafat{
  cursor:pointer;
  color: red;
}

.filter-overlay{
  position:fixed;
  inset:0;
 
  opacity:0;
  visibility:hidden;
}

.filter-close{
  cursor:pointer;
    color:red;

}

.filter-body{
  padding:16px;
  overflow-y:auto;
  height:calc(100% - 140px);
}

.myrportTotal{
padding-top: 54px;
}

.te-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  opacity:0; pointer-events:none;
  transition:.2s;
  z-index:2200;
}

.te-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.qbtn{
  background: var(--primary, #a1b4d9) !important;
  color: var(--text, #000) !important;
}

.filter-overlay{
  background: color-mix(in oklab, var(--text, #000) 35%, transparent) !important;
}

.filter-close{
  color: color-mix(in oklab, #ff0000 85%, var(--topbar-text, #fff)) !important;
}

.filter-footer{
  border-top-color: color-mix(in oklab, var(--text, #000) 12%, transparent) !important;
}

.filter-close{
  color: var(--c-danger) !important;
}

.input-field{
	width: 100%;
	padding: 10px 5px;
	margin: 10px 0;
	border-top: 0;
	border-left: 2px solid #57AAB4;
	border-right:0;
	border-bottom: 2px solid #57AAB4;
	outline: none;
	background: transparent; 
	color: rgb(234, 234, 235);
	font-size: 15px;
	transition: 0.5s;
 }

.input-field:focus{
 	border-left: 2px solid transparent;

	border-bottom: 2px solid transparent;
 	animation: animINP 5s linear infinite,animBTN 5s linear infinite;
 }

.tw-h-10{
    height: 5.5rem;
  }

.tw-duration-200 {
    transition-duration: 0.2s;
}

.tw-transition-all {
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-tracking-tight {
    letter-spacing: -0.025em;
}

.tw-w-full {
    width: 100%;
}

.tw-flex-col {
    flex-direction: column;
}

#loading-image,
#loading-overlay {
    display: none;
}

.sp,
.sp-t,
.sp-r,
.sp-b,
.sp-l,
.button-box,
.icon-link,
.cont-icon,
#btn,
#after,
#btnUserLogin {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

.blank-login-body {
    background: linear-gradient(135deg, color-mix(in oklab, var(--primary, #335DAF) 16%, white) 0%, color-mix(in oklab, var(--primary, #335DAF) 10%, white) 42%, color-mix(in oklab, var(--accent, #2DD4BF) 10%, white) 100%);
}

/* End of legacy bridge bundle. Shared/global UX now belongs to erp-modern-plan.css. */