/**{
			padding:0;
			margin:0;
			box-sizing:border-box;
		}*/
		body{/*new*/
			font-family:'Poppins',sans-serif;
			overflow-y: auto; /* Allows vertical scrolling for the entire page if content overflows */
            overflow-x: hidden; /* Keeps horizontal scrolling hidden if not needed */
		}
		ul{
			list-style:none;
		}
		a{
			text-decoration:none;
		}
		header{/*new*/
			position:sticky;
			top:0px;
			background-color:#333333;
			width:100%;
			z-index:1000;
			height: 3rem; /* Explicitly define header height if not already */
		}
		section{/*new*/
			position:relative;
			height:calc(100vh - 5rem);
			width:100%;
			overflow-y: auto;
			scroll-behavior:smooth;
		}
		/* Define CSS variables for consistent sizing and positioning */
        :root {
            --input-max-width: 250px; /* Max width for input fields */
            --label-min-width: 120px; /* Min width for labels */
            --label-margin-right: 10px; /* Margin between label and input */
            --jiaicon-width: 28px; /* Width of the jiaicon button */
            --jiaicon-margin-left: 5px; /* Margin of the jiaicon button */

            /* Calculated values */
            --input-width: var(--input-max-width);
            --label-width-plus-margin: calc(var(--label-min-width) + var(--label-margin-right));
            --input-in-group-width: calc(var(--input-max-width) - var(--jiaicon-width) - var(--jiaicon-margin-left));
        }

		.overlay{
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			background-color:rgb(56,165,238,0.5);
		}
		.mycontainer{
			max-width:80rem;
			padding:0 2rem;
			height:3rem;
			margin:0 auto;
			display:flex;
			position:relative;
		}
		.logo-container{
			flex:1;
			display:flex;
			align-items:flex-start;
		}
		.nav-btn{
			flex:4;
			display:flex;
		}
		.nav-links{
			flex:7;
		}
		.nav-side{
			flex:2;
		}
		.log-sign{
			display:flex;
			justify-content:flex-start;
			align-items:center;
			flex:3;
		}
		.log-sign{
			position:relative;
		}
		.log-sign:hover > .dropdown,.dropdown-link:hover > .dropdown{
			transform:translate(0,0);
			opacity:1;
			pointer-events:auto;
		}
		.logo{
			color:#fff;
			font-size:1.1rem;
			font-weight:600;
			letter-spacing:2px;
			text-transform:uppercase;
			line-height:3rem;
		}
		.logo span{
			font-weight:300;
		}
		.sidehead{
		    width:5%;

		}
		.buckle{
			display:inline-block;
			padding:.5rem 1.3rem;
			font-size:.8rem;
			color:white;
			border-radius:2rem;
			line-height:1;
			margin:0 .2rem;
			transition:.3s;
			text-transform:uppercase;
		}
		.buckle.solid,.buckle.transparent:hover{
			background-color:#fff;
			color:#69bde7;
		}
		.buckle.transparent,.buckle.solid:hover{
			background-color:transparent;
			color:#fff;
		}
		.nav-links > ul, .nav-side > ul{
			display:flex;
			justify-content:center;
			align-items:center;
		}
		.nav-link{
			position:relative;
		}
		.nav-link > a{
			line-height:3rem;
			color:#fff;
			padding:0 .8rem;
			letter-spacing:1px;
			font-size:.8rem;
			display:flex;
			align-items:center;
			justify-content:space-between;
			transition:.5s;
			transform: translateY(-3px);
		}
		.nav-link > a > i{
			margin-left:.2rem;
		}
		.nav-link:hover > a{
			transform:scale(1.1);
			color:#0088cc;
		}
		.mdropdown{
			position:absolute;
			top:100%;
			left:0;
			width:10rem;
			transform:translateY(10px);
			opacity:0;
			pointer-events:none;
			transition:.5s;
		}

		.mdropdown ul{
			position:relative;
			top:-0.5rem;
		}
		.mdropdown ul li{
			border-bottom:1px solid rgba(0,0,0,0.3);
		}
		.mdropdown-link > a{
			display:flex;
			background-color:#333333;
			color:white !important;
			padding:.5rem 1rem;
			font-size:.8rem;
			align-items:center;
			justify-content:space-between;
			transition:.3s;
		}
		.nav-side > ul > li >a{
			border-left:2px solid white;
		}
		.mdropdown-link:hover > a{
			color:#0088cc !important;
		}
		.mdropdown-link:not(:nth-last-child(2)){
			border-bottom:1px solid #efefef;
		}
		.mdropdown-link i{
			transform:rotate(-90deg);
		}
		.mdropdown-link:first-child:hover ~ .arrow{
			background-color:#3498db;
		}
		.mdropdown-link{
			position:relative;
		}
		.nav-link:hover > .mdropdown,.mdropdown-link:hover > .mdropdown{
			transform:tranlate(0,0);
			opacity:1;
			pointer-events:auto;
		}
		.hamburger-menu-container{
			flex:1;
			display:none;
			align-items:center;
			justify-content:flex-end;
		}
		.hamburger-menu{
			width:2.5rem;
			height:2.5rem;
			display:flex;
			align-items:center;
			justify-content:center;
		}
		.hamburger-menu div{
			width:1.6rem;
			height:3px;
			border-radius:3px;
			background-color:#fff;
			position:relative;
			z-index:1001;
			transition:.5s;
		}
		.hamburger-menu div:before,.hamburger-menu div:after{
			content:'';
			position:absolute;
			width:inherit;
			height:inherit;
			background-color:#fff;
			border-radius:3px;
			transition:.5s;
		}
		.hamburger-menu div:before{
			transform:translateY(-7px);
		}
		.hamburger-menu div:after{
			transform:translateY(7px);
		}
		#check{
			position:absolute;
			top:50%;
			right:2rem;
			transform:translateY(-50%);
			width:2.5rem;
			height:2.5rem;
			z-index:90000;
			cursor:pointer;
			opacity:0;
			display:none;
		}
		#check:checked ~ .hamburger-menu-container .hamburger-menu div{
			background-color:transparent;
		}
		#check:checked ~ .hamburger-menu-container .hamburger-menu div:before{
			transform:translateY(0) rotate(-45deg);
		}
		#check:checked ~ .hamburger-menu-container .hamburger-menu div:after{
			transform:translateY(0) rotate(45deg);
		}

		.custom-alert-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .custom-alert {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: yellow; /* Set background color to yellow */
            color: #000000; /* Set font color to black */
            border: 10px solid #007bff; /* Set border to blue (#007bff) */
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            z-index: 9999;
        }

        .ok-button {
            margin-top: 10px;
            padding: 8px 16px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

		#financialyear input{
			margin: auto;
		}

		#financialyear ul{
/*			position:relative;
/*			right:95px;/*how to adjust*/
			float:right;
		}

		.slideShow {/*new*/
            border: 1px #eeeeee solid;
            position: relative;
            width: 100%;
            max-height: 100%;
            height: 100%;
            display: flex;
            align-items: center;    /* 垂直居中 */
            justify-content: center; /* 水平居中 */
            overflow: hidden; /* 确保内容不会溢出设定的框 */
            background-color: #000;
        }

        .pic {/*new*/
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;  /* 占据 .slideShow 的全部宽度 */
            height: 100%; /* 占据 .slideShow 的全部高度 (受 max-height 限制) */
            display: flex; /* 也使用 flex 来居中其子元素 (li) */
            align-items: center;
            justify-content: center;
        }

        .pic li {/*new*/
            width: 100%;  /* 占据 .pic 的全部宽度 */
            height: 100%; /* 占据 .pic 的全部高度 */
            display: flex; /* 也使用 flex 来居中其子元素 (img) */
            align-items: center;
            justify-content: center;
        }

        .pic img {/*new*/
            display: block; /* 消除可能的底部间隙 */
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            margin: 0 auto;
        }

        footer {/*new*/
            height: 2rem; /* Example footer height, adjust as needed */
            width: 100%;
            background-color: #333333; /* Example background, match your design */
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #tabletest {
            width: 100%;
            border-collapse: collapse;
            table-layout: auto; /* Ensures column widths are determined by content */
        }

        #tabletest th {
            padding: 8px;
            text-align: center;
            border: 1px solid #ddd;
            /* Optional: Prevent header text from wrapping, forcing header to match content width */
            white-space: nowrap;
        }

        #tabletest td {
            padding: 8px;
            text-align: left;
            border: 1px solid #ddd;
            /* Optional: Prevent text from wrapping for cells where you want full content visible */
            /* white-space: nowrap; */

            /* For cells with potentially very long content (e.g., Description),
               you might want to allow wrapping or set a max-width with overflow */
            /* If you want description to wrap */
            word-break: break-word; /* Helps break long words */
            /* If you want a max-width for description and then overflow */
            /* max-width: 200px; */ /* Example max-width for specific columns */
            /* overflow: hidden; */
            /* text-overflow: ellipsis; */ /* Add ellipsis for hidden overflow */
        }

        /* Sticky header styles (keep as is, they are fine) */
        #tabletest thead th {
            position: sticky;
            top: 0;
            background-color: #f8f9fa; /* Header background color */
            z-index: 2;
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); /* Optional shadow for better visibility */
        }

        /* Styles for Pricing.html */
        .pricetable {
            font-family: Arial, sans-serif;
            margin: 40px auto;
            max-width: 800px;
            background-color: #f8f9fa;
            color: #333;
            font-size: 16px;
            padding: 20px;
        }
        .pricetable h1 { /* Targeting h1 specific to pricetable */
            text-align: center;
            color: #004080;
            margin-bottom: 20px;
        }
        .pricetable > p {
            font-size: 16px;
            margin-bottom: 20px;
        }
        .pricetable table { /* Targeting table specific to pricetable */
            width: 100%;
            border-collapse: collapse;
            margin-top: 30px;
            background-color: #fff;
        }
        .pricetable th, .pricetable td { /* Targeting th, td specific to pricetable */
            border: 1px solid #cccccc;
            padding: 14px;
            text-align: left;
            font-size: 16px;
        }
        .pricetable th { /* Targeting th specific to pricetable */
            background-color: #e6f0ff;
            color: #003366;
        }
        .pricetable tr:nth-child(even) { /* Targeting tr specific to pricetable */
            background-color: #f2f6ff;
        }
        .note {
            margin-top: 30px;
            font-size: 16px;
            color: #666;
        }
        .note p {
            font-size: 16px;
        }
        .note ol {
            padding-left: 0;
            margin-left: 0;
            list-style-position: inside;
        }

        /* Styles for INRegistration.html form layout */
        #AssetDetail form .form-row,
        #BankashDetail form .form-row,
        #BankSdetail form .form-row,
        #ClientDetail form .form-row,
        #DistributionDetail form .form-row,
        #InventoryDetail form .form-row,
        #INRegistration form .form-row,
        #LoanDetail form .form-row,
        #OpenbalDetail form .form-row,
        #OrganizDetail form .form-row,
        #ProfitItemDetail form .form-row{
            width: 100%;
            height: 60px; /* 统一每行的固定高度 */
            display: flex;
            align-items: center; /* 垂直居中内容 */
            justify-content: center; /* 将 .input-container 整体水平居中 */
        }

        #AssetDetail form .input-container,
        #BankashDetail form .input-container,
        #ClientDetail form .input-container,
        #DistributionDetail form .input-container,
        #InventoryDetail form .input-container,
        #INRegistration form .input-container,
        #LoanDetail form .input-container,
        #OpenbalDetail form .input-container,
        #OrganizDetail form .input-container,
        #ProfitItemDetail form .input-container{
            display: flex; /* 使用 Flexbox 布局 label 和 input */
            align-items: center; /* 垂直居中 label 和 input */
            justify-content: space-between; /* 将 label 推到左侧，input 推到右侧 */
            width: 100%; /* 占据 .form-row 内部可用宽度 */
            max-width: 400px; /* 限制表单输入区域的最大宽度，保持美观 */
        }


        #AssetDetail form .input-container label,
        #BankashDetail form .input-container label,
        #ClientDetail form .input-container label,
        #DistributionDetail form .input-container label,
        #InventoryDetail form .input-container label,
        #INRegistration form .input-container label,
        #LoanDetail form .input-container label,
        #OpenbalDetail form .input-container label,
        #OrganizDetail form .input-container label,
        #ProfitItemDetail form .input-container label{
            flex-shrink: 0; /* 防止 label 缩小 */
            min-width: 120px; /* 给 label 一个最小宽度，确保对齐一致性 */
            text-align: left; /* label 文本左对齐 */
            margin-right: 10px; /* label 和 input 之间的间距 */
            color: #232323; /* 确保 label 颜色可见 */
            position: static; /* 覆盖可能的绝对定位 */
            left: auto;
            top: auto;
        }

        #AssetDetail form .input-container input[type="text"],
        #AssetDetail form .input-container input[type="date"],
        #BankashDetail form .input-container input[type="text"],
        #ClientDetail form .input-container input[type="text"],
        #DistributionDetail form .input-container input[type="text"],
        #InventoryDetail form .input-container input[type="text"],
        #INRegistration form .input-container input[type="text"],
        #INRegistration form .input-container input[type="password"],
        #LoanDetail form .input-container input[type="text"],
        #LoanDetail form .input-container input[type="date"],
        #OpenbalDetail form .input-container input[type="text"],
        #OrganizDetail form .input-container input[type="text"],
        #OrganizDetail form .input-container input[type="date"],
        #ProfitItemDetail form .input-container input[type="text"]{
            flex-grow: 1; /* input 填充剩余空间 */
            max-width: 250px; /* input 自身的最大宽度 */
            text-align: center; /* input 文本右对齐 */
            background-color: #fff; /* 输入框背景色 */
            border: 1px solid #ccc; /* 输入框边框 */
            height: 28px; /* 输入框高度 */
            line-height: 28px; /* 文本行高与高度匹配 */
            box-sizing: border-box; /* 边框和填充包含在元素总宽度内 */
        }

        /* 针对“I have read and agreed...”这一行的特殊样式 */
        #INRegistration form .terms-privacy-row .input-container {
            display: flex;
            justify-content: flex-start; /* 复选框和文本左对齐 */
            flex-wrap: wrap; /* 允许文本过长时换行 */
            align-items: flex-start; /* 换行时顶部对齐 */
            max-width: 450px; /* 调整此行最大宽度 */
            padding: 0 10px;
        }

        #INRegistration form .terms-privacy-row .input-container input[type='checkbox'] {
            flex-shrink: 0; /* 防止复选框缩小 */
            margin-right: 8px; /* 增加复选框与文本之间的间距 */
            /* 如果需要微调垂直位置，可以尝试添加 margin-top，例如：margin-top: 2px; */
        }

        #INRegistration form .terms-privacy-row .input-container span {
            flex-grow: 1;
            text-align: left;
            font-size: 14px; /* 调整文本字体大小 */
            line-height: 1.4; /* 调整文本行高 */
            word-break: break-word; /* 允许长单词在需要时断开 */
        }


        /* 1. 确保所有 form 内部元素遵循一致的盒模型 */
        #BankSdetail form *,
        #BankSdetail form *:before,
        #BankSdetail form *:after {
            box-sizing: border-box;
        }

        #BankSdetail form .input-container {
            display: flex;
            align-items: center;
            position: relative;
            width: 100%;
            max-width: 400px; /* 统一最大宽度 */
        }

        /* 3. 统一 Label 宽度，确保左侧对齐 */
        #BankSdetail form .input-container label {
            flex-shrink: 0;
            width: 120px; /* 使用固定宽度而非 min-width 以确保严格对齐 */
            margin-right: 10px;
            text-align: left;
            color: #232323;
        }

        /* 4. 关键修正：统一右侧输入区域的宽度 */
        /* 无论是普通 input 还是 input-and-button-group，都应占据相同的总宽度 */
        #BankSdetail form .input-container > input[type="text"],
        #BankSdetail form .input-container > input[type="date"]{
            flex: 1;
            max-width: 250px; /* 强制所有输入组件（含带按钮的组）最大宽度一致 */
            text-align: center;
        }

        /* 针对 BankSdetail 中带有下拉菜单和按钮的输入框 */
        #BankSdetail form .input-container .dropdown-toggle {
            text-align: right; /* 确保下拉菜单输入框的文本右对齐 */
        }


        /* 6. 修正按钮样式，确保它在容器内部 */
        #BankSdetail form .input-container .jiaicon {
            flex-shrink: 0;
            width: 24px;
            height: 24px;
            /*margin-left: 8px;  给按钮和输入框之间留点呼吸空间 */
            cursor: pointer;
            background-size: contain;
        }

        /* 新增/修改：确保 .input-container 是下拉菜单的定位上下文 */
        #BankSdetail form .input-container.dropdown /* 针对直接包含 input 和 ul 的 input-container */
       { /* 针对包含 input, ul 和 button 的组 */
            position: relative !important; /* 确保子元素可以基于此进行绝对定位 */
            display: flex !important;
            align-items: center;
        }

        /* 统一设置 BankSdetail 中所有下拉菜单的基础样式 */
        #BankSdetail form .input-container .dropdown-menu {
            position: absolute !important; /* 强制绝对定位 */
            top: 100% !important; /* 强制定位在父元素（输入框/组）的正下方 */
            padding: 0 !important; /* 移除默认的 ul padding */
            margin: 0 !important; /* 移除默认的 ul margin */
            border: 1px solid #ccc !important;
            background-color: #fff !important;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
            z-index: 1050 !important;
            list-style: none !important; /* 移除列表点 */
            max-height: 200px !important; /* 限制高度并启用滚动 */
            overflow-y: auto !important;
            /* 关键：重置任何可能由 JavaScript 或其他样式设置的 left 或 transform 属性 */
            left: var(--label-width-plus-margin);/*130px !important;  对齐父元素的左侧 */
            width: var(--input-width);
            min-width: unset !important;
            box-sizing: border-box;
            transform: none !important; /* 禁用可能导致偏移的 CSS 变换 */
        }

        /* 3. 针对带有右侧“+”按钮的行进行特殊处理 (如 Bank, Item) */
        #AssetDetail form .input-container:has(.jiaicon).dropdown > .dropdown-menu,
        #BankSdetail form .input-container:has(.jiaicon).dropdown > .dropdown-menu,
        #OpenbalDetail form .input-container:has(.jiaicon).dropdown > .dropdown-menu{
            width: calc(var(--input-max-width) - var(--jiaicon-width)) !important; /* 减去按钮约 30px 的空间 */
        }

        /* Styles for OrganizDetail.html form layout */
        #OrganizDetail form .form-section-header {
            font-weight: 700;
            height: 27px;
            margin-bottom: 10px; /* 标题下方的间距 */
            text-align: center; /* 标题居中 */
            width: 100%;
            max-width: 400px; /* 与表单字段宽度匹配 */
            margin-left: auto;
            margin-right: auto;
        }

        /* 针对 OrganizDetail 中带有下拉菜单的输入框 */
        #OrganizDetail form .input-container .dropdown-toggle {
            text-align: right; /* Ensure dropdown input text is right-aligned*/
        }

        #OpenbalDetail form .input-container .dropdown-menu,
        #AssetDetail form .input-container .dropdown-menu,
        #LoanDetail form .input-container .dropdown-menu,
        #ProfitItemDetail form .input-container .dropdown-menu,
        #OrganizDetail form .input-container .dropdown-menu {
            position: absolute;
            top: 100%; /* Position directly below the input container */
            width: var(--input-width); /* Match input field's max-width*/
            left: calc(var(--label-width-plus-margin) - 3px); /* Align with the start of the input field*/
            right: auto; /* Ensure left takes precedence*/
            padding: 0; /* Remove default ul padding*/
            margin: 0; /* Remove default ul margin*/
            border: 1px solid #ccc;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            z-index: 1050; /* Ensure dropdown is above other content*/
            list-style: none; /* Remove list points*/
            max-height: 200px; /* Limit height and enable scrolling*/
            overflow-y: auto;
            transform: none; /* Reset any potentially conflicting transforms*/
        }



        /* Styles for OpenbalDetail.html form layout */
        #OpenbalDetail form .form-row{
            width: 100%;
            height: 60px; /* 统一每行的固定高度 */
            display: flex;
            align-items: center;
            justify-content: center; /* 将 .input-container 整体水平居中 */
            overflow: visible !important; /* 允许下拉菜单溢出边界显示 */
        }



        /* 针对 OpenbalDetail 中带有下拉菜单的输入框 */
        #OpenbalDetail form .input-container .dropdown-toggle {
            text-align: right; /* 确保下拉菜单输入框的文本右对齐 */
        }


        /* Specific alignment for dropdowns that are direct children of .input-container.dropdown
           (e.g., Financial year, Category, Account) */
        #OpenbalDetail form .input-container.dropdown > .dropdown-menu {
            width: var(--input-width); /* Match input field's max-width */
            left: var(--label-width-plus-margin); /* Align with the start of the input field */
            right: auto; /* Ensure left takes precedence */
        }



        /* Ensure no parent elements clip the dropdowns unexpectedly */
        /* Check these containers in your HTML and adjust their overflow if necessary. */
        /* For example, if .form-row or .well.form-inline are clipping: */
        #OpeningBal .form-row,
        #OrganizDetail .form-row,
        #OpeningBal form.well.form-inline,
        #OrganizDetail form.well.form-inline,
        #BankashDetail .form-row,
        #BankashDetail form.well.form-horizontal,
        #InventoryDetail .form-row,
        #InventoryDetail form.well.form-horizontal,
        #AssetDetail .form-row,
        #AssetDetail form.well.form-horizontal,
        #LoanDetail .form-row,
        #LoanDetail form.well.form-horizontal,
        #ProfitItemDetail .form-row,
        #ProfitItemDetail form.well.form-horizontal,
        .contentstyle {
            overflow: visible; /* Allows content, like dropdowns, to extend beyond their boundaries */
        }

        #AssetDetail form .input-container.with-unit,
        #LoanDetail form .input-container.with-unit,
        #ClientDetail form .input-container.dropdown{
            position: relative !important; /* 确保子元素可以基于此进行绝对定位 */
            /* 移除 ClientDetail.html 中内联的 display:inline-flex; 样式，
               因为 .input-container 已经有了 display: flex; */
        }

        #ClientDetail form .input-container .dropdown-menu,
        #BankashDetail form .input-container .dropdown-menu,
        #InventoryDetail form .input-container .dropdown-menu{ /* */
            position: absolute !important; /* 强制绝对定位 */
            top: 100% !important; /* 强制定位在父元素（输入框/组）的正下方 */
            left: var(--label-width-plus-margin);/*130px !important;  对齐父元素的左侧 */
            width: 245px; /* 宽度与父元素相同 */
            padding: 0 !important;
            margin: 0 !important;
            border: 1px solid #ccc !important;
            background-color: #fff !important;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
            z-index: 1050 !important;
            list-style: none !important;
            max-height: 200px !important;
            overflow-y: auto !important;
            transform: none !important;
        }

        #LoanDetail form .input-container.with-unit .unit-percent,
        #DistributionDetail form .input-container.with-unit .unit-percent,
        #AssetDetail form .input-container.with-unit .unit-percent {
            position: absolute;
            top: 50%; /* Vertically center */
            right: 10px; /* Position from the right edge of the input container */
            transform: translateY(-50%); /* Adjust for perfect vertical centering */
            font-weight: bold;
            pointer-events: none; /* Allows clicks to pass through to the input */
        }

        .terms-privacy-row .input-container {
            display: flex;
            align-items: center;
            justify-content: flex-start; /* 确保靠左对齐 */
            gap: 10px;
            margin-top: 10px;
        }

        .terms-privacy-row input[type="checkbox"] {
            width: auto; /* 防止被全局样式强制拉长 */
            height: auto;
        }

        #tab tbody ul {
            margin: 0 !important;
            padding: 0 !important;
            /*display: block;  确保不影响垂直对齐 */
        }

        #tab td {
            vertical-align: middle; /* 强制所有单元格内容居中对齐 */
        }



#scrollContainer {
    max-height: 800px; /* Adjust height as needed */
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 0px;
}

.popover-title {
    background: #0088cc;
	color: white;
}

.popover.bottom .arrow:after {
    border-bottom-color: #0088cc;
}

.error {
	color: red;
}


.txt_freetrial{
	background-color: green;
	height:13px;
	margin-top:5px!important;
	padding-top:4px!important;
}


.organiz-css{
	padding-top:0px;
	padding-bottom:0px;
	margin-left: 10px;
	height:28px;
	border:0px solid blue;
	border-radius:5px;
	list-style-type: none;
}

.contentstyle{
	background-color: #dedef8;
	margin:2rem auto;
	padding:1.5em 0.9375em;
	position:relative;
}

.float-menu{
	position:absolute;
	top:3.25em;
	/*right:9.375em;*/
	right:-8%;
	opacity: 0.75;
	color: white;
	text-align: right;
	cursor: pointer;
}

form div div ul{
	background-color:#00FFFF;
	height:100px;
    overflow-y:scroll;

}

#Dashboard button{
	height:2em;
	width:50%;
	margin:1.875em 0 0 7em;
}
#Dashboard div{
	margin:0 0 1.875em 0;
	list-style-type: none;
}
#Dashboard div ul{
	width:50%;
	margin:0 0 0 0;
	left:91px;
}


#AcctTranDetail{
	/*height:40em;*/
	width:30%;
	position:relative;
}

#Asset,#AssetDetail,#BankAccount,#BankashDetail,#BankSdetail,#Client,#ClientDetail,#Dashboard,#Distribution,#DistributionDetail,#INcountingSign,#INRegistration,#Inventory,#InventoryDetail,#Loan,#LoanDetail,#ProfitItem,#ProfitItemDetail,#Organization,#OrganizDetail,#OpeningBal,#OpenbalDetail,#UploadBank,#UploadInvoice {
	width:440px;
}

#BankStatement,#Invoice,#InternalData,#AcctTran{
	/*height:40em;*/
	width:80%;
}

#Openbal{
	/*height:40em;*/
	width:50%;
}

#InvoiceDetail,#InternalDetail {
	/*height:40em;*/
	width:70%;
}

.contentstyle h2{
	margin: 0 0 1em 0;
}

/* 1. 容器居中并设置定位基准 */
.loginfo {
    margin: 0 auto 30px auto; /* 左右居中 */
    position: relative;
    width: 100%;
    max-width: 300px; /* 限制宽度，使其在页面中间更美观 */
    display: flex;
    flex-direction: column;
}

/* 2. Label 初始状态：在输入框内部 */
.loginfo label {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    transition: all 0.3s ease; /* 添加平滑动画 */
    pointer-events: none; /* 确保点击 label 也能触发 input */
    font-size: 1rem;
    z-index: 1;
}

/* 3. Input 样式优化 */
.loginfo input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 10px 10px 0 10px; /* 底部和顶部留出空间 */
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    text-align: left; /* 输入文字靠左对齐 */
    box-sizing: border-box;
    outline: none;
}

/* 4. 核心逻辑：当 input 获得焦点，或里面有内容时，Label 向上移动 */
.loginfo input:focus + label,
.loginfo input:not(:placeholder-shown) + label {
    top: 1px; /* 移动到输入框上方 */
    left: 5px;
    font-size: 0.8rem;
    color: #0088cc;
    background-color: transparent; /* 如果背景色干扰，可以设为透明 */
    transform: translateY(0);
}

/* 5. 隐藏原生的 placeholder，因为它会和我们的 Label 重叠 */
.loginfo input::placeholder {
    color: transparent;
}

.loginfoot{
	width:300px;
}

.loginfoot .pull-right,.registfoot .pull-right{
	padding-top:16px;
}

.loginfoot .pull-right a,.registfoot .pull-right a{
	margin-right:20px;
}

.registfoot{
	width:300px;
}

.txt_createanorgan {
	width: 72%;
}



.scheduleDate2{
          display: none;
          z-index: 999;
          position: fixed;
          _position: absolute;
		  right: 0px;
          bottom: 0;
          width: 236px;
          height: 196px;
          overflow: hidden;
}

.itemtype{
	display:none;
}

input{
    height:28px;
    line-height:28px;
    padding: 0;
    border:1px solid #aaa;
	background-color:#fff;
	text-align:center;
}

/* 容器设置为相对定位 */
.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* 输入框右侧留出百分号的空间 */
#percentage {
    padding-right: 25px !important;
    width: 100%;
}

/* 百分号样式：固定在右侧 */
.unit-percent-overlay {
    position: absolute;
    right: 10px;
    color: #666;
    pointer-events: none; /* 关键：点击百分号时，焦点仍会落在输入框上 */
    display: none; /* 默认隐藏，有内容再显示 */
}

/* 当输入框有内容或获得焦点时显示百分号 */
#percentage:not(:placeholder-shown) + .unit-percent-overlay,
#percentage:focus + .unit-percent-overlay {
    display: inline;
}

#InvoiceDetail ul li input, #InvoiceDetail ul input, #InternalDetail ul li input, #InternalDetail ul input{
	margin: 0 20px 0 0!important;
}


#AcctTranDetail label,#AssetDetail label,#BankashDetail label,#BankSdetail label,#ClientDetail label,#DistributionDetail label,#InventoryDetail label,#LoanDetail label,#OpeningBal label,#OrganizDetail label,#ProfitItemDetail label{
	left:10px;
	top:2px;
}

form li{
	list-style-type: none;
}

#BankStatement form ul li input,#Invoice form ul li input{
	height:30px;
	margin:0 30px 0 0;
	width:50px;
}

#BankStatement form li,#Invoice form li{
	margin: 0 0 0px 0!important;
}

#InvoiceDetail form table tr td input,#InternalDetail form table tr td input{
	margin: 0 0 0 0!important;
}

#INcountingSign form div div{
	text-align:center;
}

.txt_terms,.txt_privacy{
	margin-right:20px;
}

.nav li{
	padding-top:0;
}

pre{
	padding:0 0 0 0;
	font-size: 14px;
    line-height: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:none;
	background-color: transparent;
}

.jiaicon{
	background-image: url('../images/test4.png');
	background-repeat: no-repeat;
	background-color: transparent;
	height: 24px;
	width: 24px;
	padding:0 0 0 0;
	border:none;
}

.addlineicon{
	background-image: url('../images/bigAdd.png');
	background-repeat: no-repeat;
	background-color: transparent;
	height: 48px;
	width: 48px;
	border:none;
}

.saveicon{
	background-image: url('../images/save.png');
	background-repeat: no-repeat;
	background-color: transparent;
	height: 64px;
	width: 64px;
	border:none;
}

.backwardicon{
	background-image: url('../images/backward.png');
	background-repeat: no-repeat;
	background-color: transparent;
	height: 64px;
	width: 64px;
	border:none;
}

.biaoqianicon{
	background-image: url('../images/Capture4.png');
	background-repeat: no-repeat;
	background-color: transparent;
	height: 50px;
	width: 50px;
	border:none;
}

input.error {
	border: 1px solid red;
}

.dropdown {
    position: relative; /* 确保下拉菜单相对于按钮定位 */
}

.dropdown-menu {
    position: absolute;
    left: auto; /* 左对齐下拉菜单 */
    width: auto; /* 使菜单宽度与按钮一致（可选） */
    transform: none; /* 如果存在偏移，确保居中 */
}


/* ===============================
   ≤ 920px（平板）
================================ */
@media screen and (max-width: 920px){

    .mycontainer{
        padding: 0 1rem;
    }

    .nav-link > a{
        font-size: 0.7rem;
        padding: 0 .5rem;
    }

    .logo{
        font-size: 1rem;
    }

    .buckle{
        padding: .4rem 1rem;
        font-size: .7rem;
    }

    /* AI widget 缩小 */
    #ai-widget{
        width: 260px;
        height: 420px;
    }

    /* 表格优化 */
    #tabletest th,
    #tabletest td{
        padding: 6px;
        font-size: 0.8rem;
    }
}


/* ===============================
   ≤ 600px（手机）
================================ */
@media only screen and (max-width: 600px){

    /* 显示汉堡菜单 */
    .hamburger-menu-container{
        display:flex;
    }

    #check{
        display:block;
    }

    /* 隐藏原导航 */
    .nav-btn{
        position: fixed;
        top: 3rem;
        left: 0;
        width: 100%;
        height: calc(100vh - 3rem);
        background-color: #333;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        transform: translateX(-100%);
        transition: .5s;
    }

    /* 点击展开 */
    #check:checked ~ .nav-btn{
        transform: translateX(0);
    }

    .nav-links{
        width: 100%;
    }

    .nav-links ul{
        flex-direction: column;
        width: 100%;
    }

    .nav-link{
        width: 100%;
    }

    .nav-link > a{
        width: 100%;
        padding: 1rem;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        justify-content: space-between;
    }

    /* dropdown 改为展开式 */
    .mdropdown{
        position: static;
        width: 100%;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        display: none;
    }

    .nav-link:hover > .mdropdown{
        display: block;
    }

    .mdropdown-link > a{
        padding: 0.8rem 1.5rem;
    }

    /* 登录按钮 */
    .log-sign{
        width: 100%;
        justify-content: center;
        margin-top: 1rem;
    }

    /* AI widget 手机适配 */
    #ai-widget{
        width: 90%;
        right: 5%;
        height: 400px;
    }

    #ai-open{
        right: 5%;
    }

    /* footer */
    footer{
        font-size: 0.8rem;
    }
}


/* ===============================
   ≥ 768px（桌面/恢复布局）
================================ */
@media only screen and (min-width: 768px){

    .hamburger-menu-container{
        display: none;
    }

    #check{
        display: none;
    }

    .nav-btn{
        position: relative;
        transform: none !important;
        flex-direction: row;
        height: auto;
        background: none;
    }

    .nav-links ul{
        flex-direction: row;
    }

    .nav-link > a{
        border: none;
    }

    .mdropdown{
        position: absolute;
        display: block;
        opacity: 0;
        pointer-events: none;
    }

    .nav-link:hover > .mdropdown{
        opacity: 1;
        pointer-events: auto;
    }
}